html,body{font-family: Georgia, "Times New Roman", Times, serif;height:100%;background-color:#fff;color:#555;font-size:16px;}
html,body,div,ul,ol,li,h1,h2,h3,p,form,a,img{margin:0;padding:0;}
h1{font-size:1.5em;line-height:26px;letter-spacing:-.03em; color:#9b7f5b; padding:20px 0 10px 0;text-align:left;}
h2{font-size:1.2em;line-height:26px;letter-spacing:-.03em; color:#412608; padding:0 0 10px 0;}
p {color:#555;font-size:1.1em;line-height:1.5;text-align:left;}
.imgtext{color:#333333;font-size:1.1em;line-height:150%; margin-left:40px;}
div{position:relative;}
img {border:0;}
#container{width:98.0469%; max-width:1024px;margin:0 auto 0 auto; padding:5px 0.9765625% 5px 0.9765625%; z-index: 1;}
#logo { float:left; margin-top:5px; background-image:url('../images/robert-pool.png');background-repeat:no-repeat;background-size:contain; width:100%; position: relative;height:0; padding-top: 35.27777%;}
#logo_container{max-width:360px;}
#shavings {float:right;max-width:235px; width:100%;}
@media screen and (max-width: 600px){ #shavings{ display:none;}#logo{background-image:url('../images/robert-pool-mob.png');}}
@media screen and (max-width: 400px){ #logo{margin-top:18px;}}
#flag{position:absolute; right:1px;  top:1px; z-index:100; }
#flag img{max-width:25px; }
.clearit{clear:both;height:0;line-height:.0;font-size:0;}
nav{height:100%;background-color:#412608;border:0;}
footer{background-color:#412608; margin:20px 0 20px 0; padding:9px 5px 9px 5px; text-align:center; color:#9b7f5b;}
footer p, footer address{color:#9b7f5b; font-size:0.9em; display:inline;}
footer a{text-decoration:none; color:#9b7f5b;}
@media screen and (min-width: 600px){footer .mob_br{display:none;}}
#menubar ul{list-style-type:none;margin:0;padding:0;}
#menubar a{display:block;text-decoration:none;font-size:18px; font-weight:bold;color:#9b7f5b;text-align:center; width:100%; line-height:2; padding:0 10px 0 10px; }
#menubar li{display:inline-block; float:left;padding:0 4% 0 4%;}
#menubar li:hover a{background-color:#9b7f5b; color:#412608;}
@media screen and (max-width: 600px){ #menubar li{ width:100%;padding:0;border-bottom:1px solid #9b7f5b;}#menubar a{padding:0;}}
#intro{float:left; width:70%;}
.map{float:right; margin:0 0 10px 10px; max-width:280px; width:27.34375%; }
@media screen and (max-width: 600px){ .map{ float:left; width:100%;}#intro{ width:100%;}}
/*.img   {float:left; max-width:280px; width:100%;}*/
.imgtext { margin:20px 0 20px 0; width:58%; float:right;}  
.imgtext ul{ margin-left:20px;font-size:1.1em; color:#555; line-height:1.5;}
.shadow{border:20px solid #ffffff; -webkit-box-shadow: 3px 3px 5px 1px #ccc;  -moz-box-shadow:    3px 3px 5px 1px #ccc;  box-shadow: 3px 3px 5px 1px #ccc;}
.index_pic img{ max-width:353px; width:100%;}
.index_pic{margin:20px 0 20px 0; width: 35%; max-width:360px}
.left{float:left;}
.photocontainer {padding:10px 0 0 0;}
.after{margin-left:10%;}
@media screen and (max-width: 700px){ .index_pic {  width:87%;}.imgtext{width:100%;}.after{margin-left:0;}}

.photo-right{float:right; margin-top:10px;}
.photo-left{float:left; margin-top:10px; }
/*  ---- Projects --- */
#left_column{float:left;margin-top:20px;}
#right_column{float:right; margin-top:20px;}


.shadow a span, .photo-right a span{display:none;}
.shadow a:hover span{display:block; position:absolute; top:50px; left:5px; width:280px; padding:5px;border:1px solid #000;background:#fff;text-decoration:none;color:#000;filter:alpha(opacity=80);opacity:.8;}
#left_column .shadow, #right_column .shadow {margin-bottom:25px;}
.shadow img{max-width:353px; width:100%;}
@media screen and (min-width: 950px){ 
	#left_column {  margin-left:6%;}
	#right_column {  margin-right:6%;}
}
@media screen and (max-width: 800px){ .shadow img{max-width:320px; width:100%;}}
@media screen and (max-width: 750px){ .shadow img{max-width:300px; width:100%;}}
@media screen and (max-width: 700px){ .shadow img{max-width:280px; width:100%;}}
@media screen and (max-width: 660px){ .shadow img{max-width:353px; width:100%;}#right_column{float:left;}}
/* -------------- CONTACT US ---------------- */
div#contact_us address{font-style:normal;}
form#contactform{background-color:#fff; padding:0.9765625%; margin-top:5px;}
span.error{color:red; margin:0 0 0 5px; font-size:12px;}
form#contactform input[type="text"].error, form#contactform input[type="email"].error, form#contactform input[type="tel"].error{border-color:red;}
form#contactform input[type="submit"]{font-family: Georgia, "Times New Roman", Times, serif; padding:0 8px 0 8px; font-size:1em; text-decoration:none; background-color:#412608; border:0 none;cursor:pointer;border-radius: 5px; color:#9b7f5b;  
 margin:5px 0 20px 130px; height: 30px; width:356px; -webkit-appearance: none;}
form#contactform input[type="submit"]:hover  {background-color:#9b7f5b; color:#412608;}
form#contactform div#message_sent {font-size:16px; text-decoration:none; background-color:#636363; cursor:pointer;border-radius: 5px; color:#fff;  
 margin:13px 0 20px 130px; height: 30px; width:356px; text-align:center; line-height:30px;}
form#contactform label {width:120px;display:inline-block;float:left; text-align:right; padding-right:10px; color:#333; font-size:15px;line-height: 24px;}
form#contactform li{ margin:8px 0 8px 0; list-style:none;}
form#contactform input[type="text"], form#contactform input[type="email"], form#contactform input[type="tel"]{border:1px solid #a19c99;width:350px;height:28px; font-size:16px; padding:2px;}
form#contactform textarea{border:1px solid #a19c99;width:350px;height:170px; font-size:16px; padding:2px;}
form#contactform textarea.sent{background-color:#e4e4e4;}
form#contactform textarea.error{border-color:red;}
#fax, #mobile{position:absolute; top:-1000px; left:-1000px;}
form#contactform input[type="text"].sent, form#contactform input[type="email"].sent, form#contactform input[type="tel"].sent{background-color:#e4e4e4;}
@media screen and (max-width: 530px) { 
form#contactform label {text-align:left; line-height:1.1;}
form#contactform label sup{display:none;}
form#contactform input[type="text"], form#contactform input[type="tel"], form#contactform input[type="email"]{width:97.23757%; height:30px;}
form#contactform textarea{width:97.23757%; }
form#contactform input[type="submit"], form#contactform div#message_sent{width:97.23757%; margin:10px 0 10px 0;}
}