/* Designed and Developed by Greg Babula / gbabula@gmail.com / www.GregBabula.com */
body { background-image:url(../images/background.jpg); background-color:#002050; background-position:top center; background-repeat:repeat-x; }
p { padding:10px 0 10px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-align:justify; line-height:24px; text-shadow: 0px 0px 1px #000; }

.clear { clear:both; }
.floatright { float:right; }
.floatleft { float:left; }
.hidden { visibility:hidden;}
.notopspace{ padding-top:0; margin-top:0; }

/* HEADINGS */ 
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; border:0; }
h1 a { float:left; width:584px; height:263px; display:block; text-decoration:none; background-image:url(../images/logo.png); margin:30px 0 0 6%; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#FFF; text-shadow: 0px 0px 2px #000; margin:12px 0 0 24%; }
h3 { font-family:Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fcff00; text-shadow: 0px 0px 3px #000; margin:20px 0 0 24%; opacity:0.9; }
h4 { }
h5 { }
h6 { }

/* NAVIGATION */ 
div#site-container { width:100%; min-width:1280px; overflow:hidden; }
div#site-container header nav { float:right; margin:115px 6% 0 0; }
div#site-container header nav ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div#site-container header nav ul li { list-style:none; display:inline; text-shadow: 0px 1px 3px #000; }
div#site-container header nav ul li a { font-size:26px; color:#FFF; text-decoration:none; font-weight:bold; padding:0 35px 0 0; }
div#site-container header nav ul li a:hover { color:#fffc00; -moz-transform: translate(1px, 1px); -webkit-transform: translate(1x, 1px); -o-transform: translate(1px, 1px); -ms-transform: translate(1px, 1px); transform: translate(1px, 1px); }

/* HEADER */ 
div#site-container section#header-slide { background-color: rgba(0,96,157,.6); display:block; height:310px; padding:10px 0; margin:30px 0; overflow:hidden; }
div#site-container section#header-slide img.slide { float:left; overflow:hidden; width:100%; height:310px; }

/* PAGES */ 
div#site-container section.page { display:block; color:#FFF; text-shadow: 0px 0px 1px #000; margin:0 0 150px 0; }
div#site-container section.page p { float:left; display:block; margin:0 0 0 22.5%; }
div#site-container section.page p strong { font-weight:bold; }
div#site-container section.page p em { font-style:italic; }
div#site-container section.page p em.faded { opacity:0.5; }
div#site-container section.page p span.highlight { color:#fffc00; }
div#site-container section.page a { color:#fffc00; text-decoration:none; }
div#site-container section.page a:hover { text-decoration:underline; }
div#site-container section.page div.about-video { margin:28px 6% 0 0; }
div#site-container section.page section.service { float:left; display:block; }
div#site-container section.page section.lcol div.thumbwrap { display:block; float:right; }
div#site-container section.page img.thumb { float:left; display:block; background:#001738; padding:5px; margin:5px 12px 5px 0; opacity:0.5; }
div#site-container section.page img.thumb:hover { opacity:1; background:#FFF; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); box-shadow: 0 0 8px #000; -moz-transform: translate(1px, 1px); -webkit-transform: translate(1x, 1px); -o-transform: translate(1px, 1px); -ms-transform: translate(1px, 1px); transform: translate(1px, 1px); }
div#site-container section.page img.thumb.lcol { float:right; margin:5px 0 5px 12px; }

div#site-container section.page div.title { background-color: rgba(0,96,157,.6); background-image:url(../images/clouds.png); background-position:12%; background-repeat:no-repeat; border:solid 1px #00528e; border-left:0; border-right:0; display:block; height:50px; }
div#site-container section.page div.title.noheading { background-image:none; }
div#site-container section.page div.title.downunder { background-color: rgba(0,96,157,.1); }
div#site-container section.page div.title img.icon { float:left; margin:2.5% 0 0 15%; }
div#site-container section.page section.lcol { float:left; width:48%; padding:0 2% 0 0; margin:0 0 60px 0; }
div#site-container section.page section.lcol span.required { font-size:14px; color:#fffc00; } 
div#site-container section.page aside.rcol { float:right; width:48%; padding:0 0 0 2%; margin:0 0 60px 0; }
div#site-container section.page aside.rcol p { float:left; margin:0; padding:10px 6% 20px 0; }
div#site-container section.page aside.rcol h3 { margin:20px 0 0 0; }
div#site-container section.page aside.rcol nav { float:right; margin:18px 6% 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }
div#site-container section.page aside.rcol nav ul { list-style:none; }
div#site-container section.page aside.rcol nav ul li { display:inline; padding:0 8px 0 0; }
div#site-container section.page aside.rcol nav ul li a { color:#FFF; text-shadow: 0px 0px 1px #000; text-decoration:none; }
div#site-container section.page aside.rcol nav ul li a:hover { color:#fffc00;  -moz-transform: translate(1px, 1px); -webkit-transform: translate(1x, 1px); -o-transform: translate(1px, 1px); -ms-transform: translate(1px, 1px); transform: translate(1px, 1px);}
div#site-container section.page aside.rcol img.social { margin:20px 10px 0 0; opacity:0.3; }
div#site-container section.page aside.rcol img.social:hover { opacity:1; position: relative; top: 1px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); box-shadow: 0 0 8px #000; -moz-transform: translate(1px, 1px); -webkit-transform: translate(1x, 1px); -o-transform: translate(1px, 1px); -ms-transform: translate(1px, 1px); transform: translate(1px, 1px); }


/* CONTACT FORM */
div#site-container section.page section.lcol div#contact-form { display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; }
div#site-container section.page section.lcol div#contact-form fieldset { padding:20px 0 20px 20px; }
div#site-container section.page section.lcol div#contact-form label { display: inline-block; float: left; height: 26px; line-height:32px; width:25%; }
div#site-container section.page section.lcol div#contact-form span.required{ font-size:14px; color:#fffc00; } 
div#site-container section.page section.lcol div#contact-form div#message { margin: 10px 0; padding: 0; }
div#site-container section.page section.lcol div#contact-form .loader { padding: 0 10px; }
div#site-container section.page section.lcol div#contact-form #success_page h1 { background: url("../images/success.png") left no-repeat; padding-left:22px; font-size:18px; text-shadow: 0px 0px 2px #000; margin:0 0 0 23%; }
div#site-container section.page section.lcol div#contact-form .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url("../images/error.png") no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
div#site-container section.page section.lcol div#contact-form input, textarea, select { float:right; width:50%; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 8px 0; -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; }   
div#site-container section.page section.lcol div#contact-form input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); box-shadow: 0 0 8px #000; }
div#site-container section.page section.lcol div#contact-form input:hover, textarea:hover, select:hover { border: 1px solid #999; background-color: #fff; color:#333; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); box-shadow: 0 0 8px #000; }
div#site-container section.page section.lcol div#contact-form input.submit { width:15%; display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin:0; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
div#site-container section.page section.lcol div#contact-form input.submit:hover { text-decoration: none; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); box-shadow: 0 0 8px #000; }
div#site-container section.page section.lcol div#contact-form input.submit:active { position: relative; top: 1px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); box-shadow: 0 0 8px #000; }

/* FOOTER */ 
div#site-container footer { background:#001738; margin:100px 0 0 0; padding:25px 0 25px 0; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }
div#site-container footer a { color:#FFF; text-shadow: 0px 0px 1px #000; text-decoration:none; }
div#site-container footer a:hover { text-decoration:underline; }
div#site-container footer nav { display:block; margin:0 0 25px 0; }
div#site-container footer nav ul li { display:inline; padding:0 15px; }
div#site-container footer p { text-align:center; padding:0; opacity:0.1; text-shadow: 0px 0px 1px #000; }
