body {background-color: #FF9B00;
margin: 0px;
background-image: url(http://www.kalkimedia.com/images/common/pagebg.gif);
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;
background-position: top;
padding:10px 0px 45px 0px}
a:hover, a:focus, a:active {outline: none;
-moz-outline-style:none}
.wrapper {width: 1003px;
margin-left:auto;margin-right:auto}
.pagearea {width: 982px;margin-left:auto;margin-right:auto}
.mainframe {width: 982px;
margin-left:auto;
margin-right:auto;
background-image: url(http://www.kalkimedia.com/images/common/mainframebg.png);
background-repeat: repeat-y;
/*background:#ffffff;*/
padding:0px 16px 0px 16px}
.mainframetopborder {
width: 982px;
height: 16px;
background-image:url(http://www.kalkimedia.com/images/common/mainframetopborder.png);
background-repeat: no-repeat;}
.mainframebottomborder {width: 982px;
height: 16px;
background-image:url(http://www.kalkimedia.com/images/common/mainframebottomborder.png);
background-repeat:no-repeat}
#aboutHeaderImg {height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px;
background: url(http://www.kalkimedia.com/images/aboutus/KalkiMedia_AboutUs.jpg) no-repeat;
background-position: left top;}
#HomeHeaderImg {
background:url(http://www.kalkimedia.com/images/home/home_header.jpg) no-repeat top left;
height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px}
#partnerHeaderImg {
height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px;
background-image: url(http://www.kalkimedia.com/images/partners/KalkiMedia_Partners.jpg);
background-repeat: no-repeat;
background-position: left top}
#solutionsHeaderImg {
height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px;
background-image: url(http://www.kalkimedia.com/images/solutions/KalkiMedia_Solutions.jpg);
background-repeat: no-repeat;
background-position: left top}
#clientsHeaderImg {
height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px;
background-image: url(http://www.kalkimedia.com/images/clients/KalkiMedia_Clients.jpg);
background-repeat: no-repeat;
background-position: left top}
#ContactusHeaderImg {
height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px;
background-image: url(http://www.kalkimedia.com/images/contactus/KalkiMedia_ContactUs.jpg);
background-repeat: no-repeat;
background-position: left top}
#careersHeaderImg {
height: 100px;
padding-top: 321px;
vertical-align: bottom;
text-align:left;
background-image: url(http://www.kalkimedia.com/images/careers/KalkiMedia_Careers.jpg);
background-repeat: no-repeat;
background-position: left top}
#portfolioHeaderImg {
background: url(http://www.kalkimedia.com/images/portfolio/Kalkimedia_portfolio.jpg) no-repeat top left;
height: 421px;
vertical-align: bottom;
text-align:left;
font-size: 2px
}
.rowspacer {
height: 25px}
.mini-rowspacer {
height: 5px}
.bigrowspacer {
height: 20px}
.navigation {
background-position: left;
text-align: left;
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px}
.breadcrumb {
font-size: 12px}
.textfield {
border: none;
background: url(http://www.kalkimedia.com/images/common/textfieldbg.gif) no-repeat;
padding:3px 5px 3px 5px;
width: 216px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666}
.selection {
border: 1px solid #9D9D9D;
width: 226px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666}
.checkbox {
margin:0px;
padding:0px}
.textarea {
border: none;
background: url(http://www.kalkimedia.com/images/common/textareabg.gif) no-repeat top left;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
width: 340px;
height: 90px;
margin:0}
.button {
border: 1px solid #333333;
background: #333333;
color: #ffffff;
cursor: pointer}
blockquote {
margin:0;
padding: 0px 0px 20px 20px}
/* ----------------------------------- NAVIGATION CSS START HERE ----------------------------------- */
.navigation img {
cursor:pointer}
ul.menu {
list-style:none;
margin:0}
ul.menu * {
margin:0;
padding:0}
ul.menu a {
display:block;
color:#000;
text-decoration:none}
ul.menu li {
position:relative;
float:left}
ul.menu ul {
position:absolute;
top:41px;
left:0;
background:#d1d1d1;
display:none;
opacity:0;
list-style:none}
ul.menu ul li {
position:relative;
border:1px solid #aaa;
border-top:none;
width:148px;
margin:0}
ul.menu ul li a {
display:block;
padding:3px 7px 5px}
ul.menu ul li a:hover {}
ul.menu ul ul {
left:148px;
top:-1px}
ul.menu .menulink {
padding:0px;
font-weight:bold;
background:url(http://www.kalkimedia.com/css/images/header.gif);
width:auto}
ul.menu .menulink:hover, ul.menu .menuhover {
background:url(http://www.kalkimedia.com/images/header_over.gif)}
ul.menu .sub {
background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {
border-top:1px solid #aaa}
/* ----------------------------------- NAVIGATION CSS END HERE ----------------------------------- */
/* --------------------------------------------- CONTENTAREA START HERE ----------------------------------------- */
.contentarea {
padding-top: 37px;
padding-right: 29px;
padding-bottom: 0px;
padding-left: 29px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4C4C4C;
line-height: 20px;
text-align:left;
background:#ffffff;
vertical-align:top}
.container {
vertical-align:top;
text-align:justify}
.container a {
color:#4C4C4C;
text-decoration:underline}
.leftsidecolumn {
background-position: top;
vertical-align: top}
.columnspacer {
width: 27px}
.mini-columnspacer {
width:5px}
.medium-columnspacer {
width:13px}
.big-rowspacer {
height: 27px}
.rightsidecolumn {
width: 190px;
height: 400px;
vertical-align: top;
background-color: #ffffff;
background-image: url(http://www.kalkimedia.com/images/common/rightcolumnbg.gif);
background-repeat: repeat-y;
background-position: right top}
.rightsidecolumn .projectlist a {
display:block;
margin: 3px 5px 3px 5px;
color: #5c5c5c;
text-decoration:none}
.rightsidecolumn .projectlist a .faded-ext {
color:#999999}
.rightsidecolumn .projectlist a:hover {
text-decoration: underline}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffcc00;
text-align: justify;
line-height: 22px;
margin: 20px 0px 0px 0px}
h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffcc00;
cursor: pointer}
h1 a:hover {
color: #ffcc00}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
text-align: justify;
line-height: 22px;
font-weight:normal;
margin: 0;
padding:0}
.abuttitletext {
color: #CB1874}
.portfoliotitletext {
color: #168494;
font-weight: bold}
.portfoliofeaturedtitletext {
font-size:17px;
color: #168494;
font-weight: bold}
.portfoliofeaturedtitlesub {
font-size:12px;
color: #168494;
font-weight: bold}
.portfoliofeaturedtext {
padding-left:16px;
font-size:11px;
color: #4c4c4c}
.sitemapportfolio {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #4c4c4c}
.footer {
background-image: url(http://www.kalkimedia.com/images/common/footerbg.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 10px 0px 57px 0px}

/* LOGOBOX CSS START HERE TO APPLY FOR CLIENTS PAGE */
.logobox {
width: 195px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px}
.logobox img {
padding-bottom: 5px}
.logobox a {
padding-left: 5px;
text-decoration:none}
.logobox a:hover {
text-decoration: underline}
.featured-logobox {
width: 661px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px}
.featured-logobox img {
padding-bottom: 5px}
.imageblock {
width: 195px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px;
margin: 0px 25px 25px 0px;
float:left}
.imageblock a {
padding-left: 5px;
text-decoration:none}
.imageblock a:hover {
text-decoration: underline}
.imageblock img {
padding-bottom: 5px}
.lastimageblock {
width: 195px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px;
float:left;
margin: 0px 0px 25px 0px}
.lastimageblock a {
padding-left: 5px;
text-decoration:none}
.lastimageblock a:hover {
text-decoration: underline}
.lastimageblock img {
padding-bottom: 5px}
.dotted-divider {
margin: 5px 0px 5px 0px;
height: 1px;
background: url(http://www.kalkimedia.com/images/common/dotted-divider.gif) repeat-x center}
.shaded-divider {
margin: 5px 0px 5px 0px;
height: 30px;
background: url(http://www.kalkimedia.com/images/common/shaded-di12vider.png) repeat-x center top}
.line-divider {
margin: 25px 0px 25px 0px;
height: 1px;
background:#666666}
/* ------------------------------- PORTFOLIO IMAGE BLOCK STARTS HERE ------------------------------- */
.portfolioimageblock {
width: 312px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px;
float:left;
margin: 0px 25px 25px 0px;
min-height: 225px}
.portfolioimageblock a {
text-decoration:none;
cursor: pointer}
.portfolioimageblock a:hover {
text-decoration: underline;
cursor: pointer}
.portfolioimageblock img {
padding-bottom: 5px;
cursor:pointer}
.portfoliolastimageblock {
width: 312px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px;
float:left;
margin: 0px 0px 25px 0px;
min-height: 225px}
.portfoliolastimageblock a {
text-decoration:none;
cursor: pointer}
.portfoliolastimageblock a:hover {
text-decoration: underline;
cursor: pointer}
.portfoliolastimageblock img {
padding-bottom: 5px;
cursor:pointer}
.portfolio-nav {
text-align:center}
#previousDiv {
float: left;
text-align:left;
width:48px;
visibility: hidden;
cursor:pointer}
#nextDiv {
float: right;
text-align:right;
width:48px;
visibility: hidden;
cursor:pointer}
#portfoliopagination {
width:578px;
float:left;
text-align:center;
padding-top: 3px}
.clr {
clear:both}
/* ------------------------------- PORTFOLIO IMAGE BLOCK ENDS HERE ------------------------------- */
/* -------------------- SOLUTIONS PLAN CSS START HERE ----------------------*/
.plan-divider {
height: 5px;
background-color: #9e8f54}
.plan-block-title {
padding: 7px 5px 7px 5px;
font-weight:bold}
.plan-secblock-title {
padding: 7px 5px 7px 5px;
font-weight:bold;
background: url(http://www.kalkimedia.com/images/common/tabs-bg.gif) repeat-x top #ff9d00;
color: #ffffff}
.plan-secblock {
vertical-align:middle;
text-align:center;
font-weight:bold;
background: url(http://www.kalkimedia.com/images/common/tabs-bg.gif) repeat-x top #ff9d00;
color: #ffffff}
.italic-txt {
color: #005ca2;
font-style: italic;
font-weight:bold}
.webmanage-italic-txt {
color: #666699;
font-style: italic;
font-weight:bold}
.alternate-bg-color {
background: #f5f5da}
.plans-block {
border-left: solid 1px #e5e5e5;
vertical-align:middle;
text-align:center}
.webmanagefaq-title {
color: #ffffff;
background: #666699;
padding: 0px 2px 2px 2px;
font-weight:bold;
font-size: 12px}
.propertyfaq-title {
color: #ffffff;
background: #005ca2;
padding: 0px 2px 2px 2px;
font-weight:bold;
font-size: 12px}
.faq-content {
font-size:12px}
/* -------------------- SOLUTIONS PLAN CSS START HERE ----------------------*/
/* LOGOBOX CSS END HERE TO APPLY FOR CLIENTS PAGE */
/* BIG-LOGOBOX CSS START HERE TO APPLY FOR CLIENTS PAGE */
.big-logobox {
width: 312px;
border: 6px solid #eeeeee;
background: #eeeeee;
vertical-align:top;
font-size: 11px}
.big-logobox img {
padding-bottom: 5px}
.big-logobox a {
padding-left: 5px;
text-decoration:none}
.big-logobox a:hover {
text-decoration: underline}
/* BIG-LOGOBOX CSS END HERE TO APPLY FOR CLIENTS PAGE */
.grid {
width: 12px}
.readmore-link img {
margin-top: 5px}
.testimonial-txt {
text-align:justify;
padding-left: 25px;
vertical-align:top}
.iframearea {
border: 6px solid #eeeeee;
background: #eeeeee;
font-size: 11px}
.iframearea a {
padding: 10px;
line-height: 30px}
.contactus-title {
color: #BE1823;
font-weight: bold;
font-size: 14px;
text-transform: uppercase}
.contactus-title a {
color: #BE1823}
.clients-title {
color: #8346BD;
font-weight: bold;
font-size: 14px}
.clients-title a {
color: #8346BD}
.partners-title {
font-size: 14px;
color: #3B734C;
font-weight: bold}
.partners-title a {
color: #3B734C}
.aboutus-title {
font-size:14px;
color:#CB1874;
font-weight:bold}
.aboutus-title a {
color:#CB1874}
.solutions-title {
font-size:14px;
color:#FFCC00;
font-weight:bold;
text-transform: uppercase}
.solutions-title a {
color:#FFCC00}
.careers-title {
font-size:14px;
color:#863B19;
font-weight:bold}
.careers-title a {
color:#863B19}
.home-title {
color: #FF9B00;
font-size:14px;
font-weight:bold}
.privacy-txt-area {
padding: 0px 18px 0px 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-align:left;
text-transform: uppercase}
.privacy-txt-area a {
color: #ffffff;
text-decoration:none}
.privacy-txt-area a:hover {
color: #ffffff;
text-decoration:underline}
.privacy-txt-area .rightside {
padding: 0px 10px 0px 0px}
.login-btn a {
font-size: 10px;
line-height: 17px;
color: #ffffff;
text-transform: uppercase;
background:#666666;
padding:5px 10px 5px 10px;
font-family:Arial, Helvetica, sans-serif;
margin-right: 18px;
text-decoration:none}
.login-btn a:hover {
background:#333333}
/* --------------------------------------------- CONTENTAREA END HERE ----------------------------------------- */
/* ----------------------------------- COMMONAREA SRATT HERE ------------------------------ */
.form-action-area {
border-top: solid 5px #BFBFBF;
border-bottom: solid 5px #BFBFBF;
padding:16px;
margin-top: 12px;
background:url(http://www.kalkimedia.com/images/common/action-btn-bg.png) repeat-y center;
vertical-align:middle;
text-align:center}
.form-action-area .button {
background: none;
border: none}
li .clients-selected {
color: #8346BD}
.faq-txt {
padding: 10px 20px 10px 20px}
.scrollable {
overflow: auto;
height: 415px;
vertical-align:top;
background:#ffffff}
.caption-txt {
font-size: 10px;
line-height: 15px}
/* ----------------------------------- COMMONAREA END HERE ------------------------------ */

/* --------------------------------- ACCORDIAN WITH IMAGE CSS STARTS HERE --------------------------------- */
.glossymenu {
margin: 5px 0px;
padding: 0px;
width: 100%; /*width of menu*/
border-bottom-width: 0px;
}
.glossymenu a.menuitem {
background: url(http://www.kalkimedia.com/images/common/accordian-bg.gif) repeat-x top #e0e5ef;
font-weight:bold;
color:#168494;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 10px 0px 10px 10px;
text-decoration: none;
margin-top:5px;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 10px;
right: 10px;
border: none;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
padding: 5px 10px 10px 10px;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
.glossymenu div.submenu ul {
margin: 0px;
padding: 0px;
}
.glossymenu div.submenu ul li {
background: url(http://www.kalkimedia.com/images/common/bullet-point.gif) top left no-repeat;
list-style-type: none;
padding-left: 18px;
}
/* --------------------------------- ACCORDIAN WITH IMAGE CSS ENDS HERE --------------------------------- */

/* ----------------------------------- ACCORDIAN CSS START HERE ------------------------------ */
#accordion {
width:674px;
margin: 0px;
padding: 0px;
}
.accordion {
width:674px;
color:#2B2D39;
margin: 0px;
padding: 0px;
}
.accordion dt {
width:668px;
font-size: 14px;
line-height: 22px;
color:#168494;
font-weight:bold;
margin:10px 0px 0px 0px;
padding: 3px;
cursor:pointer;
background: #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.accordion dt:hover {
}
.accordion dd {
overflow:hidden;
color: #666666;
line-height: 22px;
margin: 0px;
padding: 0px;
}
.accordion span {
display:block;
text-align:justify;
width:652px;
padding:5px 10px 5px 10px;
margin-bottom: 5px;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
background: #e8e8e8;
}
/* ----------------------------------- ACCORDIAN CSS END HERE ------------------------------ */
/* ----------------------------------- PORTFOLIO LIST CSS STARTS HERE ----------------------------------- */
.portfolio-listarea {
color: #5c5c5c;
background:#f5f5f5;
border: 3px solid #eeeeee}
.portfolio-listarea td {
vertical-align:top;
border: 3px solid #eeeeee;
padding: 5px}
.portfolio-listarea td:hover {
background:#ffffff}
.portfolio-listarea .empty-box {
background:#f5f5f5}
.portfolio-listarea .empty-box:hover {
background:#f5f5f5}
.portfolio-listarea span {
display: inline;
border: none;
padding: 0px;
margin: 0px}
.portfolio-listarea a {
clear:both;
text-decoration:none}
.portfolio-listarea a:hover {
text-decoration:underline}
.portfolio-listarea a .faded-txt {
color:#999999}
.portfolio-largethumb img {
border: 3px solid #bfbfbf}
/* ----------------------------------- PORTFOLIO LIST CSS ENDS HERE ----------------------------------- */
/* ----------------------------------- TABBED CSS START HERE ------------------------------ */
.logo-tabs {
padding: 0px 0px 10px 0px;
margin: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
font-size: 14px;
font-weight: bold}
.logo-tabs li {
display:inline;
padding-right: 10px}
.logo-tabs li a {
text-decoration:none}
.logo-tabs li a:hover {
text-decoration:none}
.shadetabs {
padding:0px;
margin: 0px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
font-size: 14px}
.shadetabs li {
display: inline;
margin:0px;
padding:0px}
.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 14px 33px;
color: #000000}
.shadetabs li a:visited {
color: #000000}
.shadetabs li a:hover {
text-decoration: none;
color: #000000}
.shadetabs li a.selected { /*selected main tab style */
color: #ffffff;
position: relative;
background: url(http://www.kalkimedia.com/images/common/tabs-bg.gif) repeat-x top #ffa100;
padding: 14px 32px;
font-weight: bold}
.shadetabs li a.selected:hover { /*selected main tab style */
text-decoration: none}
.tabcontent {
display:none}
.shadetabs-contentarea {
border-top: solid 5px #ff9d00;
margin-top: 12px;
width: 100%;
padding-top: 10px;
min-height: 300px;
color: #666666}
.shadetabs-contentarea td {
height: 26px;
vertical-align:middle}
.shadetabs-contentarea td.availability-title {
width: 278px}
.shadetabs-contentarea td.padding-10 {
padding-right: 10px}
.availability {
text-align:center;
border-left: solid #d3d3d3 1px}
.clr {
clear:both}
.sec-columnspacer {
width:20px}
.last-sec-columnspacer {
border-left: solid #d3d3d3 1px;
width:20px}
/*--------------------------Light Box Css----------------------------------------*/
#backgroundPopup {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:16}
#popupContact {
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
z-index:17;
padding: 29px 9px 9px 9px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:#FFFFFF;
border: 1px solid #59302D;
width:600px}
#popupContact input {
font-family:Arial, Helvetica, sans-serif;
color:#59302D;
border: 1px solid #59302D;
padding: 1px}
#popupContact textarea {
font-family:Arial, Helvetica, sans-serif;
color:#59302D;
border: 1px solid #59302D;
padding: 1px}
#popupContact h1 {
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px}
#popupContactClose {
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#000000;
font-weight:700;
display:block;
text-align:right;
clear:both}
#button {
text-align:center;
margin:100px}
/*-------------------End Of light box css-----------------------------------------*/
@media print {
.tabcontent {
display:block !important}
/* ----------------------------------- TABBED CSS END HERE ------------------------------ */
/* ---------------------------------- SLIDESHOW CSS STARTS HERE --------------------------------- */
#LoadContainer {
height:25%;
width:50%;
position:absolute;
top:40%;
left:25%;
text-align:center;
z-index:1}
#PhotoContainer {
visibility:hidden}
#CaptionBlock {
height:18px;
width:582px;
text-align:left;
margin:0 auto}
#Caption {
color:#333}
#License {
margin:0 auto;
padding-top:10px;
font-size:10px;
color:#666;
border-top:1px solid #CECEB5;
width:740px;
text-align:left;
line-height:1.4em}
#LinkContainer {
display:none;
position:absolute;
top:0;
left:0;
height:200px;
width:200px;
z-index:100;
background:url(http://www.kalkimedia.com/images/slideshow/start.gif) 50% 50% no-repeat}
#PrevLink {
z-index:100;
position:absolute;
top:0%;
left:0%;
height:200px;
width:50%;
display:block}
#NextLink {
z-index:100;
position:absolute;
top:0%;
left:50%;
height:200px;
width:50%;
display:block}
#PrevLink:hover, #NextLink:hover {
text-decoration:none}
#PrevLink:hover {
background:transparent url(http://www.kalkimedia.com/images/slideshow/prev_rounded_sidebar2.gif) left 50% no-repeat;}
#NextLink:hover {
background:transparent url(http://www.kalkimedia.com/images/slideshow/next_rounded_sidebar2.gif) right 50% no-repeat}
#PrevLink span, #NextLink span {
display:none}
img {
border:none;}
p {
font-size:11px;
padding:1em 0}
#InnerWrapper {
position:absolute;
top:50%;
left:0}
#InnerWrapper[id] {
display:table-cell;
vertical-align:middle;
position:static}
#OuterContainer {
position:relative;
top:-50%}
/* ---------------------------------- SLIDESHOW CSS ENDS HERE --------------------------------- */