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

@import url(reset.css);

body {background-image:url(images/bg.jpg); background-repeat:repeat; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color:#898989;}

.clear {clear:both; height:0px;}
p {margin-bottom:1em;}
a {color:#d95a11;}
a:hover {color:#323441;}
strong {font-weight:bold;}

#design {background-image:url(images/bg-design.png); background-repeat:no-repeat; background-position:right top; height:940px;}

#wrap {background-image:url(images/shadow.png); background-repeat:repeat-y; width:1000px; margin:auto; padding:0px 28px;}

#white-nav {background-image:url(images/whitetop-bg.png); background-repeat:repeat-x; height:47px; top:-76px; position:relative; padding:10px 25px 10px 10px;}

#logo {width:103px; height:114px; position:relative; left:60px; z-index:100;}

#topnav {height:28px; background-image:url(images/topnav-bg.png); background-repeat:repeat-x; float:right;}
#topnav li {float:left; line-height:28px; padding:0 15px; font-size:1.4em;}
#topnav li a {color:#323441; text-decoration:none; text-transform:uppercase;}
#topnav li a:hover {color:#d95a11;}

#slogan {width:371px; height:46px; position:relative; left:73px; top:-50px;}
#slogan p {margin-left:-9999px;}

#white-portfolio {height:171px; background-image:url(images/white-home.png); background-repeat:repeat-x; position:relative; top:30px; padding:10px 38px;}
#white-portfolio img {float:left; border:none;}
#white-portfolio .site-1 {margin-right:13px; width:255px; height:150px; border:1px solid #000000;}
#white-portfolio .site-2 {margin-right:13px; width:255px; height:150px; border:1px solid #000000;}
#white-portfolio .site-3 {margin-right:13px; width:255px; height:150px; border:1px solid #000000;}

#white-bottom {background-image:url(images/white-bottom.png); background-repeat:repeat-x; height:157px; position:relative; top:75px; padding:15px 20px;}
#white-bottom h1 {color:#d95a11; font-size:1.4em;}
#white-bottom li {float:left; width:300px; margin:0px 10px;}

#content {background-image:url(images/white-80.png); background-repeat:repeat; width:800px; min-height:350px; margin:auto; padding:0 50px 50px 50px; position:relative; }
#content h1 {color:#d95a11; font-size:1.4em;}
#content em {display:block; height:97px; padding:0 0 50px 0;}
#content .left {padding-right:10px;}
#content #portfolio li {float:left; width:390px; padding:5px 5px;}
#content #portfolio li img {border:1px solid #d95a11; padding:0px; margin:0 5px 0 0;}
#content #text {margin:-157px 0 0 0;}

#white-top {background-image:url(images/white-bottom.png); background-repeat:repeat-x; height:157px; width:800px; position:abolute; padding:15px 100px; z-index:100; margin:0 0 0 -100px;}

p.connect {float:left; margin-right:20px;}

#footer-inside {background-image:url(images/footer.png); background-repeat:repeat-x; position:relative; color:#FFFFFF; padding:15px 20px;}

#footer {background-image:url(images/footer.png); background-repeat:repeat-x; position:relative; color:#FFFFFF; padding:15px 20px; margin-top:114px;}
#footer h3, #footer-inside h3 {color:#d95a11; font-size:1.2em; margin-bottom:.2em;}
.col-3 ul {float:left; width:150px;}
.col-1 ul {float:left; width:150px;}
.col-1 {float:left; width:300px; padding:0px 10px;}
.col-2 {float:left; width:300px; padding:0px 10px;}
.col-3 {float:left; width:300px; padding:0px 10px;}

#footer-shadow {background-image:url(images/shadow-footer.png); background-repeat:no-repeat; margin:auto; height:44px; width:1056px;}
#footer-shadow p {font-size:.9em; color:#000000; padding:20px 0px 0px 35px;}
#footer-shadow a {color:#000000; text-decoration:none;}