@charset "utf-8";
/* CSS Document */

.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

body { background-color: #202a33; margin: 0; font-family: Arial, Helvetica, sans-serif; }

.wrapper { width: 960px; margin: 0 auto; }

.top-nav { width:960px; height: 50px; float:left; }
.top-nav .nav { list-style:none; margin: 0px; padding: 0px; float:right;}
.top-nav .nav li { float:left; }
.top-nav .nav li a{ display:block; padding:15px 10px 5px 5px; color:#FFF; font-size:14px; text-decoration:none; font-weight:bold; }
.top-nav .nav li a.client-login{ color:#FF0000; text-decoration:underline; }
.top-nav .nav li a:hover { text-decoration:underline; }
.top-nav .nav-menu-left { background:url(../images/menu-bg-right.png) no-repeat; width:10px; height:50px; float:right; }
.top-nav .nav-menu-center { background:url(../images/menu-bg-repeat.png); height:50px; float:right; width:475px; }
.top-nav .nav-menu-right { background:url(../images/menu-bg-left.png) no-repeat; width:10px; height:50px; float:right; }

.header-home { background:url(../images/intro-text.png) no-repeat left; width:960px; height:425px; float:left; }
.header-about { background:url(../images/header-about.png) no-repeat left; width:960px; height:425px; float:left; }
.header-services { background:url(../images/header-services.png) no-repeat left; width:960px; height:425px; float:left; }
.header-contact { background:url(../images/header-contact.png) no-repeat left; width:960px; height:425px; float:left; }
.header-portfolio { background:url(../images/header-portfolio.png) no-repeat left; width:960px; height:425px; float:left; }

.content-main { background-color:#141b22; width:960px; float:left; }
.content-main .content { width: 290px; float:left; margin: 0px 10px 20px 10px; padding:5px; }
.content-main .content h1,h2,h3,p { margin:0px; padding:0px;}
.content-main .content h1 { color:#FFF; font-size:24px; font-weight:bold; }
.content-main .content h1 a { display:block; border-bottom:2px solid #202a33; color:#FFF; font-size:24px; font-weight:bold; text-decoration:none; }
.content-main .content h1 a span { font-size: 12px; }
.content-main .content h1 a:hover { border-bottom: 2px solid #FF0000; }
.content-main .content h2 { color:#CCCCCC; font-size:16px; font-weight:normal; }
.content-main .content h3 { color:#FFF; font-size:18px; font-weight:bold; }
.content-main .content p { color:#FFF; font-size:12px; padding-top:20px; }
.content-main .content p a { color:#FF0000; text-decoration:none; }
.content-main .content p a:hover { text-decoration:underline; }

.content-main .content-single { width: 930px; margin: 0px 10px 20px 10px; padding:5px; float:left; }
.content-main .content-single h1,h2,p { margin:0px; padding:0px;}
.content-main .content-single h1 { color:#FFF; font-size:24px; font-weight:bold; }
.content-main .content-single h1 a { display:block; border-bottom:2px solid #202a33; color:#FFF; font-size:24px; font-weight:bold; text-decoration:none; }
.content-main .content-single h1 a span { font-size: 12px; }
.content-main .content-single h1 a:hover { border-bottom: 2px solid #FF0000; }
.content-main .content-single h2 { color:#CCCCCC; font-size:16px; font-weight:normal; }
.content-main .content-single h3 { color:#FFF; font-size:18px; font-weight:bold; padding-top:20px; }
.content-main .content-single p { color:#FFF; font-size:12px; padding-top:20px; }
.content-main .content-single p a { color:#FF0000; text-decoration:none; }
.content-main .content-single p a:hover { text-decoration:underline; }
.content-main-full { background-color:#141b22; width:100%; }
.content-main-full .content-full { width: 100%; margin: 0px 10px 20px 10px; padding:5px; float:left; }

.footer { width:960px; height:30px; float:left; font-size:10px; color:#CCC; padding-top:30px; text-align:right; }
.footer a { color:#CCC; }

.content-main ul { padding:0px; margin:10px 0px 0px 20px; }
.content-main li { font-size: 12px; color:#FFF; }

small.tag-line { font-size: 14px; }

.portfolio { width: 100%; }
.portfolio-left { width: 390px; float:left; margin-right: 30px; position:relative; }
.portfolio-right { width: 500px; float: left; }
.portfolio-separator { border-bottom:2px solid #202a33; }

.paging { position:absolute; bottom: 40px; right: -20px; width: 178px; height: 47px; z-index: 1; text-align: center; line-height: 40px; background: url(../images/paging-bg.png) no-repeat; display:none; }
.paging a { padding:5px; text-decoration:none; color:#FFF; font-size:12px; }
.paging a.active { font-weight:bold; background:#5f0d0d; border:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; }
.paging a:hover { font-weight:bold; }

.window { width:390px; height:250px; overflow:hidden; position:relative; }
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img {float: left;}