*, html, body {margin:0; padding:0;}


/* elements #7c9ad0 */

body{font-family: Arial, Helvetica, sans-serif; color:#333333; background-color: #f2f2f2;}
h1{font-size: 15px; font-weight:500; text-transform: uppercase; margin:10px;}
h2{font-size: 15px; font-weight:500; text-transform: none; margin:10px;}
h3{font-size: 13px; font-weight:500; text-transform: uppercase; margin:10px;}
p{font-size: 12px; font-weight:100; line-height:16px; margin:10px; display: block;}

a{text-decoration:none; color:#000000; }
a:hover{color:#4b77ce;text-decoration:underline;}
a:visited,a:hover,a:active{outline:none;}

.more{font-style:italic; float:right; color:#999999;}


/* site structure */

#wrapper {width:900px; float:left;}

#container {width:900px; float:left; background-color:#f2f2f2; background-image:url(../images/Background/container-background.png); background-repeat:repeat-y;}

#left {width:240px; float:left; background-color:#FFFFFF}
#logo a {color:#FFFFFF;}
#contact {width:200px; float:left; padding-left:30px; padding-top:100px; padding-bottom:30px; bottom: auto;}

#right {width:660px; float:left; background-color:#f2f2f2;}
#padding {width:660px; height:35px; float:left; background-color:#f2f2f2;}

#banner {height:40px; width:660px; float:left; margin-bottom:10px;}
#projectsort {height:65px; width:660px; float:left; background-color:#b5b5b5; margin-bottom:10px;}

*content {width:660px; float:left}


/* navigation  #ffc800 */

#nav ul{list-style:none; margin-left:40px;}
#nav ul li{padding:10px 0px; font-size:14px;}
.subnav{padding-left:20px; font-size:12px;}
.current{color:#000000;}
#current{color:#4b77ce;}



/* content */

#thumbnail{float:left; margin-right:10px; margin-bottom:5px;}
#segment{float:left; width:660px;}
#paragraph{float:left; padding: 10px;}
.odd{background-color:#e6e6e6;}
.list{margin-left:20px;}
.extrainfo{font-style:italic;}
#projectinfo{float:right; margin-top:27px; margin-left:10px; margin-bottom:10px; background-color:#FFFFFF;}