* {margin:0; padding:0;}
body {background:#654a1f; font-family: Helvetica,Arial,Verdana, sans-serif; background:url(images/bg.png) top left; color:#000; font-size:12px;}

#top {background: url(images/top.png) repeat-x top left; height:50px;}
#top p {text-align:center; padding-top:17px; font-size:14px; font-weight:bold;}
#top p a  {color:#f9a444; text-decoration:none;}
#top p a:hover {border-bottom: 1px dashed #fbbb73}

#mainWrapper {margin:80px auto 0px; background-color:white; width:539px; padding:30px; position:relative;}
#mainWrapper #pic {background:url(images/pic.png) no-repeat top left; height:300px; width:539px;}
#mainWrapper #projects {background:url(images/projects.png) no-repeat top left; height:300px; width:539px;}
#mainWrapper #contact {background:url(images/contact.png) no-repeat top left; height:300px; width:539px;}

/********Header*********/
#mainWrapper #header {position:relative;}
#mainWrapper #header h1 a {position: absolute; background:url(images/logo.png) no-repeat; width:260px; height:170px; left:280px; top:-80px;}


/********Navigation*********/
#mainWrapper ul#options  {background-color:#f9ee44; list-style-type:none; margin:0 0 20px 0; height:80px; background:#F9EE44;}
#mainWrapper ul#options li {float:left; width:179px; font-weight:bold; font-size:20px; }
#mainWrapper ul#options li a {text-align:center;display:block; color:#cfc63d; text-decoration:none;line-height:80px;}
#mainWrapper ul#options li a:hover {color:#523b16;}
#mainWrapper ul#options li a.active {color:#523b16;}

/************Content*******/

/*Intro Jquery*/
#mainWrapper #content.project {min-height:600px;}
#mainWrapper #content #intro {Background-color:#f9f5b8;  padding:10px; margin:-20px 0 20px 0; border-bottom:2px dashed #f9ee44; border-right:2px dashed #f9ee44; border-left:2px dashed #f9ee44;}
#mainWrapper #content #intro p {font-size:14px; line-height:20px; margin-bottom:5px; font-weight:bold; color:#523B16;}
#mainWrapper #content #intro span.extra {font-size:10px;}
#mainWrapper #content #intro a {color:#f9a444; ; text-decoration:none; }
#mainWrapper #content #intro a:hover {border-bottom: 1px dashed #fbbb73}
#mainWrapper #content #intro a.close {display:block; font-size:11px; color:#000; font-weight:normal; text-decoration:none; text-align:right;}
#mainWrapper #content #intro a.close:hover {border:none;}

/* info*/
#mainWrapper #content .info{margin-bottom:20px;}
#mainWrapper #content .info h3 {font-size:16px; margin-bottom:10px; padding-bottom:5px; color:#523B16; font-weight:bold; border-bottom:1px dashed #523b16;}
#mainWrapper #content .info p {font-size:12px; padding-bottom:12px; line-height:20px;}
#mainWrapper #content .info p a {color:#d57c17; ; text-decoration:none;}
#mainWrapper #content .info p a:hover {border-bottom: 1px dashed #fbbb73 }
#mainWrapper #content .info ul {list-style-type:none; font-size:12px; margin-bottom:10px; line-height:20px;}
#mainWrapper #content .info ul li a {color:#d57c17; ; text-decoration:none;}
#mainWrapper #content .info ul li a:hover {border-bottom: 1px dashed #fbbb73}


/* Project*/ 
#mainWrapper #content .project {margin-bottom:40px; clear:both;}
#mainWrapper #content .project h3 {margin-bottom:20px;}
#mainWrapper #content .project h3 a {font-size:18px; color:#523B16; font-weight:bold;}
#mainWrapper #content .project h3 a:hover {color:#d57c17;}
#mainWrapper #content .project p.projectdefinition {font-size:12px; line-height:20px; margin-bottom:5px; color:#523B16; margin-bottom:10px; text-align:justify;}
#mainWrapper #content .project span.extrainfo {font-weight:bold;}
#mainWrapper #content .project p a {color:#d57c17; ; text-decoration:none;}
#mainWrapper #content .project p a:hover {border-bottom: 1px dashed #fbbb73}
#mainWrapper #content .project a {}
#mainWrapper #content .project a img {float:right; padding-left:15px; border:none; margin-bottom:20px;}
#mainWrapper #content .project h4 {margin-bottom:10px; font-weight:bold; color:#523B16; font-size:12px;}
#mainWrapper #content .project dl dt {list-style-type:none;margin-bottom:10px;}
#mainWrapper #content .project dl dd {margin-bottom:10px;}
#mainWrapper #content .project dl q {margin-left:10px; font-style:italic;}
#mainWrapper #content .project dl a {color:#d57c17; ; text-decoration:none;}
#mainWrapper #content .project dl a:hover {border-bottom: 1px dashed #fbbb73;}
.clear {clear:both;}

/*CONTACT*/

#mainWrapper #content ul#waysofcontact {list-style-type:none;}
#mainWrapper #content ul#waysofcontact li {margin-bottom:20px;}
#mainWrapper #content ul#waysofcontact li a {color:#d57c17; ; text-decoration:none; font-size:14px;}
#mainWrapper #content ul#waysofcontact li a.mail {font-size:14px;}
#mainWrapper #content ul#waysofcontact li a:hover {border-bottom: 1px dashed #fbbb73;}


/********foooter****/
#footer {margin:0 auto; clear:both; width:600px; margin-top:20px;}
#footer #copyrights {float:right;}
#footer #copyrights span {background-color:#fff; padding:5px 30px 5px 40px; font-size:12px; display:block; margin-bottom:20px;}
#footer #validation a {float:right; color:#F9EE44 ; margin-right:10px; line-height:24px;}