/* ---------- COLORS (FOR REFERENCE ONLY) ---------- */
/*
primary		#000000
secondary	#000000
tertiary	#000000
*/


/* ---------- TYPOGRAPHY ---------- */
h1 {
float:left;
padding-left:30px;
color:#617885;
font-size:20px;	
font-weight:bold;
clear:both;
margin-bottom: 20px;
}
h2 {
display:block;
/* float:left; */
padding-left:30px;
color:#777777;
font-size:16px;	
font-weight:bold;
margin-bottom:10px;
clear:both;
/* text-transform: uppercase;  */
}
h3 {
display:block;
/* float:left; */
padding-left:30px;
color:#617885;
font-size:13px;	
font-weight:bold;
margin-bottom:10px;
clear:both;
}
h4 {
display:block;
/* float:left; */
padding-left:30px;
color:#617885;
font-size:14px;	
font-weight:bold;
margin-bottom:10px;
clear:both;
}
h5 {
display:block;
/* float:left; */
padding-left:30px;
color:#9e9e9e;
font-size:13px;	
font-weight:bold;
margin-bottom:10px;
clear:both;
}
h6 {
display:block;
/* float:left; */
padding-left:30px;
color:#9e9e9e;
font-size:13px;	
font-weight:bold;
margin-bottom:10px;
clear:both;
}
a {
color: #415865;
text-decoration: none;
}
a:hover {
color: #415865;
text-decoration: underline;
}


/* ---------- MAIN STRUCTURE ---------- */
body {
font-family: Helvetica, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
background-color: #FFF;
line-height:170%;
}
#container {
width:1150px;
margin:0 auto;
padding-bottom: 20px;
}
/*---------- Main Content ----------*/
#contentwrapper{
margin-top:50px;
}
#mainContent {
position:relative;
float:left;
border:2px solid #ededed;
margin-top:5px;
z-index:1;
}
#mainContent h1{
/* float:left; */
color:#617885;
font-size:20px;	
font-weight:bold;
display:block;
padding-left:30px;
padding-right:30px;
margin-top:-10px;

background-color:#fff;
clear:both;
}
#mainContent p{
/* float:left; */
padding: 30px;
padding-top:0px;
padding-bottom:20px;
margin:0px;
}
/* ---------- homecontent ---------- */
.toptext{
text-align:center;
}
.toptext h3{
font-size: 21px;
color: #527487;
float:none;
width:1115px;
}
#contentwrapper {
margin-top:30px;
}
.equals{
position:absolute;
left:380px;
top:200px;
height:34px;
width:53px;
background-image:url(../img/equals.png);
background-repeat:no-repeat;
}
.midequation{
width:950px;
margin-left:110px;
margin-top:30px;
}
.leftbox{
float:left;
height:212px;
width:249px;
margin-right:70px;
}
.leftbox ul{
margin:0px;
margin-top:30px;
}
.leftbox li{
width:249px;
height:51px;
background-color:#eeeeee;
line-height:51px;
color:#6b6b6b;
font-size:22px;
font-weight:bold;
list-style:none;
text-align:center;
margin-bottom:30px;

}
.leftbox li a{
text-decoration: none;
color:#7b7b7b;
}
.leftbox li a:hover{
text-decoration: none;
color:#415865;
}
.eightimage{
float:left;
height:258px;
width:225px;
background-image:url(../img/eight.png);
background-repeat:no-repeat;
margin-right:70px;
}
.videobox{
float:left;
margin-top:30px;
}
.bottomgallery{
height:120px;
width:717px;
margin-left:180px;
margin-top:70px;
}
.bottomgallery img{
float:left;
margin-right:10px;
padding:4px;
border:2px solid #cdd7dd;
}
.leftbtn{
float:left;
margin-top:30px;
}
.rightbtn{
float:right;
margin-top:30px;
}
.leftbtn img{
border:none;}
.rightbtn img{
border:none;}

/* ---------- HEADER ---------- */
.header{
position: relative;
height: 120px;
}
.logo{
float:left;
margin-left:55px;
margin-top:15px;
}
.headbanner{
float:left;
margin-top:40px;
margin-left:80px;
}


/*---------- NAVIGATION ----------*/
#navcontainer{
font-size:14px;
position:absolute;
left:60px;
top:85px;	
}
ul#nav ul {
padding:0;
margin: 0;
}
ul#nav {
display: block;
/* font-size: 12px; */
padding:0;
margin: 0;
list-style-type:none;
}
ul#nav a {
line-height:29px;
height: 29px;
display: block;
text-decoration: none;
color: #777777;
font-weight:bold;
}
ul#nav a:hover {
color:#374f5d;
}
#nav .currentParent a, #nav .current a{
background-image:url(../img/navcurrentbg.png);
background-repeat:no-repeat;
background-color:#fff;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;

}
/* top level */
ul#nav li {
float: left;
display: block;
position: relative;
text-align: left;
margin-right:15px;
}
ul#nav li a {
padding-left:20px;
padding-right:20px;
}
/* second level */
ul#nav ul {
background-color:#ededed;
position: absolute;
top: 28px;
left: 0;
border-right:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
z-index:99;
}
ul#nav li li {
float: none;
text-align: left;
border: none;
margin-right:0px;
}
ul#nav li li a {
width: 150px;
padding: 10px 10px 5px 10px;
height: auto;
line-height: normal;
font-size: 12px;
}
/* third level */
ul#nav ul ul {
top: 0px;
left: 160px;
border-left: 1px solid #999;
}


/* ---------- SIDEBAR (subnav) ---------- */
#sidebar{
position:relative;
float: left;
width:170px;
margin-left:55px;
text-align:right;
z-index:2;
}
#sidebar h1{
float:none;
padding:6px 0px;
padding-right:27px;
font-size: 14px;
font-weight: bold;
background-color:#617885;
border-right:1px solid #617885;
color: #FFFFFF;
margin:0px;
}
#sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#sidebar ul ul {
margin-left: 20px;
}
#sidebar ul li {
list-style:none;
display:block;
margin-top:10px;
}
#sidebar ul li a {
padding:2px 0px;
padding-right:27px;
padding-left: 20px;
/* background-color:#ededed; */
color:#7b7b7b;
text-decoration:none;
list-style:none;
display:block;
font-size: 13px;
font-weight: normal;
}
#sidebar ul li a:hover {
text-decoration:none;
list-style:none;
display:block;
color:#415865;
font-weight:normal;
}
#sidebar .current a, #sidebar .currentParent a{
color: #617885;
font-weight: bold;
}
#sidebar .current a:hover, #sidebar .currentParent a:hover{
color: #617885;
font-weight: bold;
}

/*---------- FOOTER ----------*/
#footer{
width:900px;
height:auto;
text-align:center;
margin:0 auto;
margin-top: 10px;
margin-bottom:10px;
background-image:url(../img/navcurrentbg.png);
background-repeat:repeat-x;
background-position:60% 60%;
}
#footer ul{
float:right;
list-style:none;
margin: 0;
background-color:#fff;
}
#footer ul li{
list-style:none;
margin:0 10px;
line-height:18px;
display:inline;
}
#footer a{
text-decoration: none;
line-height: 18px;
color:#6c6666;
}
#footer a:hover{
text-decoration:underline;
}
.copyright{
margin-bottom:15px;
font-size: 10px;
background-color:#fff;
}
.footimg{
float:left;
height:13px;
width:102px;
background-color:#fff;
padding-right:10px;
}


/*---------- MISCELLANEOUS ----------*/
.clear{
clear:both;
}
.round {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.message{
margin-bottom:10px;
padding:5px 10px;
background:white;
-moz-opacity:0.75;
filter:alpha(opacity=75);
}

.serviceSidebar{
float:left;
margin-right:20px;
padding-top: 20px;
background: #888;
color: #fff;
width:190px;
}
.serviceSidebar h1{
border-bottom: 1px solid #999;
color: #fff;
font-size: 18px;
padding-bottom: 5px;
}

.serviceSidebar li{
list-style-type: none;
margin-left: 0;
}

.serviceSidebar li a{
text-decoration: none;
color: #fff;
}
.serviceSidebar li a:hover{
text-decoration: none;
color: #999;
}