body{
margin:0;
padding:0;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
background: #3284A3;
}

a{
color: #E4E4E4;
outline: none;
font-weight: 700;
}

img{
border: none;	
}

h1, h2, h3, h4, p, ul {
margin:0;
padding: 0;
}

#container{
width: 960px;
overflow:hidden;
margin: 0 auto;
}


/* Strips */

#loginStrip{
width: 100%;
height: 18px;
float: left;
background:url(images/login-strip-bg.jpg) repeat-x;
}

#logoStrip{
width: 100%;	
height: 104px;
float: left;
background:url(images/logo-strip-bg.jpg) repeat-x;
}

#navStrip{
width: 100%;
height: 10px;
float: left;
overflow:hidden;
background: #02495E;
}

#ssStrip{
width: 100%;
height: 280px;
float: left;
background:url(images/wood-bg.jpg) repeat-x;
}

#ssStripSecondary{
width: 100%;
height: 70px;
float: left;
overflow:hidden;
background:url(images/wood-bg.jpg) repeat-x;
}

#contentStrip{
width: 100%;
float: left;
overflow:hidden;
background: #006A88 url(images/content-strip-bg.jpg) repeat-x;
}

#bottomSeperator{
width: 100%;
height: 32px;
float: left;
overflow:hidden;
background:url(images/bottom-strip-bg.jpg) repeat-x;
}

#footerStrip{
width: 100%;
float: left;
overflow:hidden;
background: #3284A3;
}


/* Holders */

#logoHolder{
width: 960px;
height: 104px;
margin: 0 auto;
position:relative;
}

#navHolder{
width: 535px;
height: 30px;
position:absolute;
bottom: 0px;
right: 4px;
z-index: 20;
}

#ssHolder{
width: 960px;
height: 280px;
margin: 0 auto;
background:url(images/ss-bg.png) no-repeat;
overflow:hidden;
position:relative;
}

#ssHolderSecondary{
width: 960px;
height: 70px;
margin: 0 auto;
overflow:hidden;
}

#contentHolder{
width: 960px;
margin: 0 auto;
min-height: 230px;
overflow:hidden;
}

#shadowSeperator{
width: 960px;
height: 32px;
margin: 0 auto;
background:url(images/bottom-shadow-bg.jpg) no-repeat;
overflow: hidden;
}

#footerHolder{
width: 960px;
margin: 0 auto;
min-height: 200px;
overflow:hidden;
background: #3284A3;
}


/* Elements */

#logoHeader, #logoHeader a{
display: block;
width: 647px;
height: 104px;
background:url(images/logo.jpg) no-repeat;
text-indent: -9999px;
}

#loginButton a{
display: block;
width: 100px;
height:32px;
background:url(images/login-button.jpg) no-repeat;
position:absolute;
top: -9px;
right: 60px;
z-index: 40;
text-indent: -9999px
}

#navHolder ul{
width: 535px;
height: 30px;
display: block;
list-style: none;
}

#navHolder ul li{
display: inline;
width: 101px;
height: 30px;
}

#navHolder ul li a{
display: block;
width: 101px;
height: 30px;
float: left;
text-indent: -9999px;
text-decoration: none;
margin: 0 2px;
}

#preHome{width: 101px; height: 30px; background:url(images/home-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#prePort{width: 101px; height: 30px; background:url(images/portfolio-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#preServices{width: 101px; height: 30px; background:url(images/services-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#preBlog{width: 101px; height: 30px; background:url(images/blog-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}
#preContact{width: 101px; height: 30px; background:url(images/contact-hover-button.jpg); position:absolute; top: -100px; left: -300px; display: hidden; visibility:hidden}

#homeButton a{background:url(images/home-no-active-button.jpg) no-repeat;}
#homeButton a:hover{background:url(images/home-hover-button.jpg) no-repeat;}
#homeButtonActive a{background:url(images/home-active-button.jpg) no-repeat;}

#portfolioButton a{background:url(images/portfolio-no-active-button.jpg) no-repeat;}
#portfolioButton a:hover{background:url(images/portfolio-hover-button.jpg) no-repeat;}
#portfolioButtonActive a{background:url(images/portfolio-active-button.jpg) no-repeat;}

#servicesButton a{background:url(images/services-no-active-button.jpg) no-repeat;}
#servicesButton a:hover{background:url(images/services-hover-button.jpg) no-repeat;}
#servicesButtonActive a{background:url(images/services-active-button.jpg) no-repeat;}

#blogButton a{background:url(images/blog-no-active-button.jpg) no-repeat;}
#blogButton a:hover{background:url(images/blog-hover-button.jpg) no-repeat;}
#blogButtonActive a{background:url(images/blog-active-button.jpg) no-repeat;}

#contactButton a{background:url(images/contact-no-active-button.jpg) no-repeat;}
#contactButton a:hover{background:url(images/contact-hover-button.jpg) no-repeat;}
#contactButtonActive a{background:url(images/contact-active-button.jpg) no-repeat;}

.em{
font-weight: 700;
font-size: 18px;
}

#homeTube{
vertical-align: middle;
margin: 0 8px 9px 0;
}

#homeContent{
width: 590px;
padding: 25px;
float: left;
}

#homeContent h2{
display: inline;
font-size: 30px;
padding: 7px 0;	
}

#homeContent h3{
font-size: 23px;
padding: 7px 0;
clear: both;
}

#homeContent p{
padding: 9px 20px;	
}

#homeSidebar{
width: 260px;
padding: 45px 15px 15px 15px;
float: left;
}

#homeSidebar p{
font-size:13px;
padding: 30px 0;	
}

#homeSpacer{
display: block;
width:200px;
padding: 20px;
}

#wordpressImage{
width: 70px;
float: left;
height: 70px;
}

#wordpressText{
width: 190px;	
float: left;
font-size:13px;
padding: 8px 0 0 0;
}

#footerHolder ul{
display: block;
width: 165px;
text-decortaion: none;	
overflow:hidden;
padding: 10px;
float: left;
list-style: none;
}

#footerHolder ul li{
display: block;
width: 100%;

}

#footerHolder ul li a{
display: block;
width: 140px;
padding: 7px 10px;
font-size: 12px;
font-weight: 700;
color: #7ac6e6;
border-bottom: 1px dotted #B8D9E0;
text-decoration: none;
}
#footerHolder ul li a:hover{
color: #005B78;	
}

#footerHolder ul ul{
display: block;
width: 170px;
text-decortaion: none;	
overflow:hidden;
padding: 2px;
float: left;	
list-style: none;
}

#footerHolder ul ul li{
display: block;
width: 100%;
}

#footerHolder ul ul li a{
display: block;
width: 130px;
padding: 2px 15px;
font-size: 11px;
color: #7ac6e6;
border-bottom: none;
text-decoration: none;
font-weight:normal;
}

#footerHolder ul li.nodots a{
border-bottom: none;	
}

#bottomNotes{
width: 900px; 
margin: 0 auto; 
padding: 10px; 
clear: both;
text-align:center;
font-size: 11px;
color: #7ac6e6;
}

/* banner rotator */
/*#banners_holder { width:904px; height:230px; text-align:center}*/
#banners_container {position: absolute; top: 28px; right: 28px; width:904px; height:230px; margin:0px auto}
#banner_container {  overflow:hidden; width:904px; height:230px; margin:0px auto}
#banners { white-space:nowrap; }
#banners a img { border:none; }

#portfolioLinks{
display: block;
width: 300px;
list-style: none;
padding: 20px;
margin: 0 0 20px 0;
clear: both;
}

#portfolioLinks li{
display: block;
width: 100%;
float: left;
}

#portfolioLinks li a{
display: block;
width: 100%;
float: left;
color: #fff;
padding: 0 0 2px 20px;
background:url(images/next.png) no-repeat;
}

.siteHolder{
width: 528px;
height: 250px;
clear: both;
margin: 20px;
padding: 10px
}
.siteHolder p{
display: block;
padding: 7px 0;
margin-top: 3px;
background: #02495E;
border-top: solid 1px #FFF
}
.siteHolder span{
display: block;
width: 100%;
text-align: right;
padding: 2px 0;
font-size: 11px;
font-weight: normal;
}

.clientsTitle{
display:inherit;
font-size: 16px;
padding: 15px 0 3px 0;
clear: both;
}

.clientList{
list-style: none;
padding: 10px 25px 0 25px;
}

.clientList li{
padding: 3px 0;
font-size:13px;
}

#pageTitle{
display: block;
width: 250px;
padding: 7px;
margin: 13px 0 0 20px;
background: #575757;
color: #FFF;
font-size: 25px;
}

#contentSep{
width: 13px; 
height: 244px;
float: left;
margin-top: 30px;
background: url(images/content-sep.jpg) no-repeat;
}