* { padding:0px; margin:0px; }

body {
	font:11px Arial, Helvetica, sans-serif; 
	text-align:left; 
	color:#111111;
	background:  #fff url(../images/bg.jpg)  repeat-x;
	margin: 0px;
	padding: 0px;
	}

p {font: 1em Arial, Helvetica, sans-serif; text-align: justify; color:#111111; line-height: 120%; margin-bottom: .5em;}
span{ font: .9em Arial, Helvetica, sans-serif; text-align: justify; color:#111111; line-height: 140%; margin: .2em 0 .4em 0;}
	
a{color: #111; text-decoration: none;}
a:hover {color: #666;text-decoration: none;}

h1 {font: 1.5em Georgia, "Times New Roman", Times, serif; text-align: left; color:#111111; font-weight: bold; line-height: 120%; margin-bottom: .3em; }
h2 {font: 1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color:#111111; font-weight: bold; line-height: 120%; margin: 1em 0 .2em 0; }	
h3 {font: 1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color:#111111; font-weight: bold; line-height: 120%; }
h4 {font: 1.25em Georgia, "Times New Roman", Times, serif; text-align: left; color:#fff; line-height:120%; font-weight: bold; margin: 10px 0 3px 8px;}

img {border:none;}

li{	list-style-image: none;	list-style-type: none;}


#container{width: 1000px; margin:0 auto; background-color: #ffffff;
  /*    CENTRERING */}


/* ====== header ====== */

#head-wrap{float: left; width: 950px; margin: 70px 25px 10px 25px;}
#logo{float: left; width: 159px; height:68px; background:url(../images/logo/logo3.png) no-repeat; margin: 5px 26px 5px 0;}
#contact-details{float: right; width: 180px; margin:  5px;}
#contact-details p{font: .9em Georgia, "Times New Roman", Times, serif; text-align: left; color:#111111; line-height: 140%; margin: .2em 0 .4em 0; }

/* ===== navagation ===== */	

div.navbox{width: 180px;float: right; margin: 5px;}	
ul.nav{width: 180px; float: right; margin: 5px;}		
ul.nav li{margin-bottom: 2px;}
ul.nav li a{font: 1.06em Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #111111;}
ul.nav li a:hover{color: #7d7d7d;}
ul.nav li strong{font: 1.06em Georgia, "Times New Roman", Times, serif; font-weight:bold;}
ul.work{margin-bottom:10px;}
ul.work li{margin: 1px 0 2px 6px;}

/* ====== body ====== */
	
#intro{float: right; width: 370px; margin: 5px 198px 50px 0;}
#body-wrap{float: left; width: 950px; margin: 0 25px 25px 25px;}
#screen-gallery-wrap{width: 558px; float: left; margin: 5px 0px 5px 378px;}
#screen-nav{width: 178px; float: left; margin: 8px 5px 5px 0px;}
#screen-wrap{width: 748px; float: left; margin: 5px;}
	
#flash-image{width: 554px; height:440px; background-color:#FFF; margin-top:4px; padding: 2px; float:left; border:1px solid #ccc;}
#flash-wrap{margin: 0; padding: 0; width: 178px; float: right;}
#flash-wrap a {width: 75px; padding: 2px; float:left; border: 1px solid #ccc; margin: 4px;}
#flash-wrap a:hover {background-color:#000;}

#proj-title{ width: 178px; float: left; margin: 5px 5px 20px 195px;}	
#proj-title p{font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#111111; line-height: 120%; margin: 0;}	
#proj-title p strong{ font: 1em Georgia, "Times New Roman", Times, serif; font-weight: bold;}	
#proj-title a { font-size:1.05em; font-weight: bold; color: #111; text-decoration: none;}
#proj-title a:hover {color: #999;}
	
div.proj-info{width: 178px; float: left; margin: 5px 5px 20px 5px;}
div.proj-info p{font: 1em Arial, Helvetica, sans-serif; text-align: left; color:#111111; line-height: 120%; margin: 0;}
div.proj-info p strong{font: 1em Georgia, "Times New Roman", Times, serif; font-weight: bold;}

/* ===== screen and print pages =====*/

#slider{width: 372px; margin: 6px 0px 4px 381px; position: relative; padding:2px;} /* container */
.scroll{height: 372px; width:372px; overflow: auto; overflow-x: hidden; position: relative; clear: left;}
.scrollContainer div.panel{ padding: 0 0 189px 0; height: 372px; width: 372px;}
.scrollButtons{position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left{left: 375px; top: 4px;}/* top */
.scrollButtons.right{right: -24px; top: 347px;}/* bottom */
.hide {display: none;}		
.screengrid{width: 170px; height: 170px; margin: 2px; padding: 5px; float:left; background:#222; overflow: hidden; position: relative; border: solid #999 1px;}
.screengrid img{position: absolute; top: 0; left: 0; border: 0;}
.screengrid p{color:#fff; margin-top: 4px; font:1em Arial, Helvetica, sans-serif; text-align:left;}
.screengrid a{color:#fff; font:1.15em Georgia, "Times New Roman", Times, serif; font-weight: bold; text-align:left;}
.screengrid a:hover{color:#000;}

/* ===== contact form ===== */
	
#response{float: left; margin: 10px 0 0 0; width: 370px;} 

#contact{float: left; margin: 10px 0px 0px 0px; width: 370px; height: 300px; padding:10px 10px 10px 0;}
#contact fieldset{border:none;}

#contact label{display: block; color: #000; font: 1em Georgia, "Times New Roman", Times, serif; font-weight: 700; line-height: 2.2em;}	
#contact label.error{ color: #e46c6e; font-size: .9em; font-family: Arial,  Verdana, Helvetica, sans-serif;}
	
#contact input{
	width:220px;
	padding: 6px;
	color: #333;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #999;
	}

#contact input.error{
	background: #f8dbdb;
	border-color: #e77776;
	}

#contact textarea{
	width: 360px;/*text box width overwrites cols and rows*/
	height: 100px;
	padding: 6px;
	color: #333;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999;
	}
	
#contact textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
	}

#contact #subbutton{background:url(../images/send.gif) no-repeat 100% 0px; width:100px; height:40px; color:#333; font-weight: 700; font-style: normal;border: 0; cursor:pointer; margin-top:10px;}	
#contact #subbutton:hover{background:url(../images/send.gif) no-repeat 100% -40px; width: 100px; height: 40px;}
/*
#returnmessage{ width:180px;margin:60px 0 0 100px; }
#returnmessage h2{ font-size:150%;color:#333; }
#returnmessage p{ color:#333;font-weight:bold;margin:6px 0px; }
#checkmark{ position:relative;top:-46px;left:-60px; }
*/
/* ======= work history ======= */
.choice a{font: 1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color:#111111; font-weight: bold; line-height: 120%; margin: 1em 0 .5em 0; }

ul.wh {list-style-type: none; margin-left: 0.5cm; padding-left: 0; padding-bottom: .5em;/* controls spacing at bottom of open div */}
ul.wh li {padding-left: 1.1em;}
ul.wh li a {font: 1em Arial, Helvetica, sans-serif; color: #000; text-decoration: none; line-height: 140%; margin-left: -1.1em; padding-left: 1em;}

ul.wh li ul {list-style-type: none; margin: -1.4em 0 0 -1.6em; padding: 1.4em 0 0 0.6em;}
ul.wh li.parent{padding-bottom:.8em;}
ul.wh li a.parent {background: transparent url(none) no-repeat; color: #949d37; font-weight: bold; font-size:1.1em;line-height: 160%;}
ul.wh li ul li {margin-left: 0.5cm; padding-left: 10px;}
ul.wh li ul li strong {font: 1em Georgia, "Times New Roman", Times, serif; font-weight:bold;}

/* ======= footer ======= */

#me{float: left; width: 100px;margin: 120px 0px 0px 0px;}

#f-line{float:left; width: 950px; margin-top: 20px; border-top: solid #636363 1px;}

#w3cvalid{float:right; width:180px; margin:5px 8px 5px 5px;}
#w3cvalid p{ font: 1em Georgia, "Times New Roman", Times, serif; text-align: left; color:#111111; line-height: 140%; margin: .2em 0 .4em 0;}