@charset "utf-8";
*{
 margin:0;
 padding:0;
}
html{
 height:100%;
}
a{ text-decoration:none; color:#007fa0;}
a:hover{text-decoration:underline;}
h1{color:#007fa0;}
h2{color:#007fa0;}
h3{color:#007fa0;}
h4{color:#007fa0;}
body{
background-image:url(/images/bg1.jpg);
 height:100%;
 color:#a4a4a4;
 cursor:default;
 font-size:11px;
 line-height:16px;

 background-color:#000;
 background-position:50% 0;
 background-repeat:no-repeat;
 background-attachment:fixed;
 font-family:Tahoma,sans-serif;
 font-size:12px;
}
#header{background-image:url(/images/top-bg.png); height:137px; width:100%;}
#logo{margin-left:auto; margin-right:auto; width:993px; top:15px; position:relative;}
#content-container{background-image:url(/images/content-bg.png); min-height:600px; width:993px; margin-left:auto; margin-right:auto;}
div#footer{
 clear:both;
 height:70px;
 color:#858585;
 background:url(/images/footer-bg.png) 50% 0 repeat-x;
}
#inner-footer{width:950px; margin-left:auto; margin-right:auto;}

#navcontainer{margin-left:auto; margin-right:auto; width:993px; background-image:url(/images/nav-bg.jpg); height:53px; position:relative; top:32px;}
#navcontainer ul li { display:inline-block; padding:0px; margin-top:0px;}

#navcontainer ul li#left  a
{
background: url(/images/button-left.jpg) top left no-repeat;
border-right-style:solid; border-right-width:1px; border-right-color:#141414;
}


#navcontainerold ul li a
{
text-decoration: none;
color: #fff;
background: url(/images/button-middle.png) top left no-repeat;
border-right-style:solid; border-right-width:1px; border-right-color:#141414;
font-size:14px;
height:53px;
padding-top:14px;
padding-bottom:14px;
padding-left:25px;
padding-right:26px;
}
#navcontainer ul li a
{
text-decoration: none;
color: #fff;
background: url(/images/button-middle.png) top left no-repeat;
border-right-style:solid; border-right-width:1px; border-right-color:#141414;
font-size:14px;
height:52px;
display:inline-block;
padding-left:22px;
padding-right:23px;
margin:0px;
line-height: 50px;
}


#navcontainer ul li a:hover,#navcontainer ul li a#current
{
color:#7cd7ef;
background-position: 0 -53px;

}
#navcontainer ul li#left a:hover,#navcontainer ul li#left a#current
{

background-position: 0 -53px;

}

#photoframe{background-image:url(/images/header-bg.png); height:299px; width:993px;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 00px solid black;
overflow: scroll; /*leave this value alone*/
width: 972px; /*Width of Carousel Viewer itself*/
height: 276px; /*Height should enough to fit largest content's height*/
left:10px;
top:10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
border-right-style:solid; border-right-color:#000000; border-right-width:2px;
margin: 0px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



.stepcarousel1{
position: relative; /*leave this value alone*/
border: 00px solid black;
overflow: scroll; /*leave this value alone*/
width: 952px; /*Width of Carousel Viewer itself*/
height: 107px; /*Height should enough to fit largest content's height*/
left:0px;
top:0px;
background-color:#007a9a;
}

.stepcarousel1 .belt1{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:0px;
}

.stepcarousel1 .panel1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
border-right-style:solid; border-right-color:#000000; border-right-width:2px;

margin: 0px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}