/* design and programming by brian wilson - brianwilson89@gmail.com */


/* GLOBAL PARAMETERS */
* { padding: 0; margin: 0; }
a { outline: 0; }
a:active, a:focus { outline: 0 }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a img { border: 0 none; }
img { border: 0 none; }
a { color: #4096EE; text-decoration: none; }
a:hover { color: #4096EE; text-decoration: underline; }
body { font-size: 14px; color: #464748; margin: 0; padding: 0; }
p { line-height: 1.5; }
h1 { font-size: 36px; font-weight: bold; margin:0; padding:0 0 0 20px; height:110px; line-height: 110px; background-color:#1E466F; color:#fff; letter-spacing:-1px;}
h1 a:hover { color:#fff; text-decoration:none; }
h2 { font-size: 36px; font-weight: bold; margin:0; padding:0 0 0 20px; height:110px; line-height: 110px; background-color:#1E466F; color:#fff; letter-spacing:-1px;}
h2 a { color:#4096EE; text-decoration:none; }
h2 a:hover { color:#fff; text-decoration: none; }
h3 { font-size: 22px; font-style: italic; font-weight: normal; padding: 20px 0 0 0; }
h4 { font-size: 20px; font-weight: bold; margin:0; padding:10px; color:#fff; letter-spacing:-1px;}

html { background-color: #181818; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

body { font-size: 14px; color: #474747; background: #181818 url(../images/main_bg.png) repeat-x; }

#wrapper { margin: 0 auto; width: 990px; }


/* HEADER AND FOOTER */

#header { width: 990px; float: left; padding: 0; height: 130px; margin: 0; }

#footer { background: url(../images/footer.png) no-repeat; width: 990px; clear: both; margin: 0; padding: 40px 0 20px 0; color: #515151; text-align:right; }
#footer p { padding:0; margin:20px 20px 0 0; }
#footer p.footernav { padding:0; margin:20px 0 0 20px; float:left; }
#footer a:hover { color:#fff; text-decoration:none; }


/* COLUMN LAYOUTS */
#rounded_top { float: left; width: 990px; padding: 0; margin: 0; background: url('../images/body_top.png') no-repeat; height:20px; }
#hero { float: left; background-color: #FFF; margin: 0; padding: 0 20px; }
#gallery_nav { float: left; width: 950px; padding: 0 20px 0 20px; margin: 0; background-color: #FFF; }
#twocolumn_lt { margin: 0; padding: 0 10px 0 20px; height: 550px; width: 630px; float: left; background-color: #fff; }
#twocolumn_lt p { padding: 20px; background-color: #ecf5fd; height:400px; }

#twocolumn_rt { float: right; margin: 0; padding: 0 20px 0 0; height: 550px; width: 310px; display: inline; background-color: #fff; }
#threecolumn_lt { margin: 0; padding: 0 10px 0 20px; height: 550px; width: 310px; float: left; background-color: #fff;}
#threecolumn_lt p { padding: 20px; background-color: #ecf5fd; height:400px; }
#threecolumn_ct { float: left; margin: 0; padding: 0 10px 0 0; height: 550px; width: 310px; display: inline; background-color: #fff;}
#threecolumn_ct p { padding: 20px 20px 0 20px; font-size:13px; }
#threecolumn_rt { margin: 0; padding: 0 20px 0 0; height: 550px; width: 310px; float: left; background-color: #fff;}
a.fadeHero img { -moz-opacity: 1.0; opacity:1.0; filter: alpha(opacity=100); }
a.fadeHero img:hover { -moz-opacity: 0.8; opacity:0.8; filter: alpha(opacity=80); }

#threecolumn_lt2 { margin: 0; padding: 0 10px 0 20px; height: 530px; width: 310px; float: left; background-color: #fff;}
#threecolumn_ct2 { float: left; margin: 0; padding: 0 10px 0 0; height: 530px; width: 310px; display: inline; background-color: #fff;}
#threecolumn_rt2 { margin: 0; padding: 0 20px 0 0; height: 530px; width: 310px; float: left; background-color: #fff;}


/* GALLERY */
#gallery { width:960px; float: left; background-color: #FFF; margin: 0; padding: 0 10px 0 20px; }
#gallery img { -moz-opacity: 1.0; opacity:1.0; filter: alpha(opacity=100); }
#gallery img:hover { -moz-opacity: 0.8; opacity:0.8; filter: alpha(opacity=80); }
#gallery ul { margin: 0; padding: 0; }
#gallery li { margin: 10px 10px 0 0; padding:0; float: left; overflow: hidden; width: 310px; height: 130px;}


/* NAVIGATION */
#nav-menu ul { list-style: none; padding: 0; margin: 0; }
#nav-menu li { float: left; margin: 0; }
/* Hide from IE5-Mac \*/
#nav-menu li a { float: none }
/* End hide */
#nav-menu { float: right; width:auto; margin: 60px 14px 0 0; position:relative; }
ul#nav li#nav_home a { display: block; width: 64px; height: 30px; background: url("../images/nav_home.png") 0 0 no-repeat; }
ul#nav li#nav_home a:hover { background-position: 0 -30px; }
ul#nav li#nav_home a.current { background-position: 0 -30px; }
ul#nav li#nav_gallery a { display: block; width: 76px; height: 30px; background: url("../images/nav_gallery.png") 0 0 no-repeat; }
ul#nav li#nav_gallery a:hover { background-position: 0 -30px; }
ul#nav li#nav_gallery a.current { background-position: 0 -30px; }
ul#nav li#nav_services a { display: block; width: 87px; height: 30px; background: url("../images/nav_services.png") 0 0 no-repeat; }
ul#nav li#nav_services a:hover { background-position: 0 -30px; }
ul#nav li#nav_services a.current { background-position: 0 -28px; }
ul#nav li#nav_blog a { display: block; width: 52px; height: 30px; background: url("../images/nav_blog.png") 0 0 no-repeat; }
ul#nav li#nav_blog a:hover { background-position: 0 -30px; }
ul#nav li#nav_blog a.current { background-position: 0 -30px; }
ul#nav li#nav_contact a { display: block; width: 84px; height: 30px; background: url("../images/nav_contact.png") 0 0 no-repeat; }
ul#nav li#nav_contact a:hover { background-position: 0 -30px; }
ul#nav li#nav_contact a.current { background-position: 0 -30px; }


/* HERO SLIDESHOW */
#s3slider { width: 950px; height: 410px; position: relative; overflow: hidden; }
#s3sliderContent { width: 950px; position: absolute; top: 0; margin-left: 0; }
.s3sliderImage { float: left; position: relative; display: none; }
.s3sliderImage span { text-align: right; position: absolute; left: 0; font-size: 12px; padding: 10px 13px; width: 374px; background-color: #fff; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; color: #474747; display: none; bottom: 0; }
#s3slider ul { margin:0; padding:0; }
.clear { clear: both; }


/* FORMS */
input.text_field, textarea {border:solid 1px #bbb;padding:7px;font:normal 13px Helvetica, Arial, sans-serif;color:#222;background:#fff url('../images/input_bg.gif') repeat-x top;outline:0;margin:20px 20px 0 20px;border:solid 1px #bbb; }
.blue_bg { background-color: #ecf5fd; height:440px; margin:0; padding:0; }


/* GALLERY */
.boxgrid { width: 310px; height: 260px; margin: 0 0 10px 0; float:left; background:#e1e1e1; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p { padding: 0 10px; color:#FFF; font-weight:bold; font:10pt; }
.boxgrid a { color:#fff; }
.boxgrid a:hover { color:#4096EE; }
.boxcaption { float: left; position: absolute; background: #1E466F;  height: 100px;  width: 100%; opacity: .8;  /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top: 260px; left: 0; }
.caption .boxcaption { top: 220px; left: 0; }