@charset "utf-8";
/* "Clean White" Template by Dieter Schneider | www.csstemplateheaven.com */

* {margin: 0; padding: 0}

img {border: none}

body {font-family: arial, helvetica, sans-serif; font-size: 100%; color:#666; background:url(imges/body.jpg) repeat-x}

#container {width: 800px; height:470px; margin: 0px auto; font-size: .875em }

#logo {width: 195px; height:80px; float: left; margin-bottom: 22px}

#header {margin-bottom: 60px; height: 200px; clear: both; color: #FFF}

#wrap {clear: both}

#left {width: 250px; float: left}

#right {width: 250px; float: right}

#middle {margin-left: 275px; margin-right: 275px}

#left, #right, #middle {margin-bottom: 40px; font-size: .9em}

#footer {background: url(imges/footer.jpg) no-repeat; clear:both; padding: 20px; text-align: center; font-size: .8em}

/* typography */

h2 {padding-left:50px; color: #333; height: 35px; padding-top:5px; font-size: 2em; font-weight: normal; letter-spacing: .15em}

h2#services {background:url(imges/services.png) no-repeat;}
h2#portfolio {background:url(imges/portfolio.png) no-repeat;}
h2#about {background:url(imges/about.png) no-repeat;}

a {color: #930}

p {padding: 15px 0; text-align: justify}

#header img {float: left; margin-right: 20px}

#header h1 {font-weight: normal; letter-spacing: .1em}

/* navigation */

#navcontainer ul
{
color: White;
float: right;
width: 580px;
padding-top: 50px
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0px 1em;
color: #999;
font-weight: bold;
text-decoration: none;
float: right;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
color: #000;
font-weight: bold
}