/* --------------------- =html, body --------------------- */
html {background:#000033;}
body {background:url("../images/branding.jpg") no-repeat top center;}
/* ------------------------------------------------------------------------------
									DIVS
--------------------------------------------------------------------------------*/
#container {overflow:hidden; position:relative;}
#header {height:290px;}
#navTop {height:50px;}

#mainContent {background:#333333 url("../images/mainContentTile.jpg") repeat-y;}
#mainContent p, #mainContent h1, #mainContent h2, #mainContent h3  {padding:0 20px;}

#subContent {margin-top:80px; background:url("../images/subContent.jpg") no-repeat 0 115px;}
#subContent h2 {padding:5px 10px 0 20px; color:#6699cc; }
#subContent p {padding:5px 10px 0 20px; color:#336699;}

#footer{padding-top:20px; background:#333333 url("../images/footer.jpg") no-repeat;}
#footer p {color:#505050;text-align:right;margin:10px 15px;}
/* ------------------------------------------------------------------------------
									NAVIGATION
--------------------------------------------------------------------------------*/
/* --------------------- =navTop --------------------- */
ul#navTop a:link {color:#ffffff;}
ul#navTop a:visited {color:#ffffff;}
ul#navTop a:hover {color:#006699;}
ul#navTop {float:right; margin:15px 0; padding:0;}
ul#navTop li {display:inline; padding:0;}
/* --------------------- =navMain --------------------- */
ul#navMain {position:relative; left:0; top:0; width:620px; height:85px; margin:0; padding:0; background:url("../images/navMain2.jpg") no-repeat; }
ul#navMain li {margin:0; padding:0;}
ul#navMain a {display:block; height:50px; text-indent:-9999px; text-decoration:none; overflow:hidden;}

li#nav_home {position:absolute; top:0; left:0; width:87px; height:85px; background:url("../images/navMain2.jpg") no-repeat 0 0;}
li#nav_portfolio {position:absolute; top:0; left:87px; width:132px; height:85px; background:url("../images/navMain2.jpg") no-repeat -87px 0;}
li#nav_aboutus {position:absolute; top:0; left:219px; width:125px; height:85px; background:url("../images/navMain2.jpg") no-repeat -219px 0;}
li#nav_contactus {position:absolute; top:0; left:344px; width:146px; height:85px; background:url("../images/navMain2.jpg") no-repeat -344px 0;}

li#nav_home_current {position:absolute; top:0; left:0; width:87px; height:85px; background:url("../images/navMain2.jpg") no-repeat 0 -85px;}
li#nav_portfolio_current  {position:absolute; top:0; left:87px; width:132px; height:85px; background:url("../images/navMain2.jpg") no-repeat -87px -85px;}
li#nav_aboutus_current  {position:absolute; top:0; left:219px; width:125px; height:85px; background:url("../images/navMain2.jpg") no-repeat -219px -85px;}
li#nav_contactus_current  {position:absolute; top:0; left:344px; width:146px; height:85px; background:url("../images/navMain2.jpg") no-repeat -344px -85px;}

li#nav_home a:hover {background:url("../images/navMain2.jpg") no-repeat 0 -85px;}
li#nav_portfolio a:hover {background:url("../images/navMain2.jpg") no-repeat -87px -85px;}
li#nav_aboutus a:hover {background:url("../images/navMain2.jpg") no-repeat -219px -85px;}
li#nav_contactus a:hover {background:url("../images/navMain2.jpg") no-repeat -344px -85px;}
/* --------------------- =footerLinks --------------------- */
ul#footerLinks {text-align:right;}
ul#footerLinks a:link {color:#505050;}
ul#footerLinks a:visited {color:#505050;}
ul#footerLinks a:hover {color:#336699;}
ul#footerLinks {margin:10px; padding:0;}
ul#footerLinks li {display:inline; margin:0 0 0 5px; padding:0 5px 0 0; border-right:1px solid #505050;}
ul#footerLinks li.last {border:none;}
/* ------------------------------------------------------------------------------
									   IMAGES - img -
--------------------------------------------------------------------------------*/
.right {float:right; margin:0 0 10px 20px; border:5px solid #666666;}
#bullseye {margin:0 20px 20px 20px; float:left;}
#porthole {margin:0 20px 20px 20px; float:right;}
.contact_img{margin:10px 0;}

/* ------------------------------------------------------------------------------
									FORMS
--------------------------------------------------------------------------------*/
#subContent form {margin-top:0; padding-left:1.5em; color:#336699;}
#subContent label {width:100%;}
#subContent label span {display:block; padding-top:5px;}
#subContent input, #subContent textarea {width:275px; border:1px solid #6699cc; background:transparent; color:#ffffff; overflow:auto;}
#subContent input#bttn_quote {vertical-align:middle; width:75px; height:22px; border:none; padding-bottom:2px; margin-bottom:20px; background:url("../images/bttn_bg.jpg") no-repeat;}

#subContent p.formsend {color:#ffffff; margin-bottom:60px;}

#mainContent form {padding-left:1.5em; color:#cccccc;}
#mainContent label {width:100%;}
#mainContent label span {display:block; padding-top:5px;}
#mainContent input, #mainContent textarea {width:350px; border:1px solid #333333; background:#999999;}
#mainContent input#bttn_submit {width:75px; border:none; margin-bottom:20px;}
#mainContent input#bttn_submit2 {width:75px; border:none; margin-bottom:20px;}
/* ------------------------------------------------------------------------------
									   LISTS - ul, li -
--------------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------------
									   CLASSES -  -
--------------------------------------------------------------------------------*/
.highlight {color:#330066;}
.cleared {clear:both;}
.fillspace {margin:175px 0;}
/* ------------------------------------------------------------------------------
									   A-N-T-I-S-P-A-M
--------------------------------------------------------------------------------*/
#human{
position:absolute;
top:-100px;
left:-100px;
}
#human2{
position:absolute;
top:-100px;
left:-100px;
}