@charset "utf-8";

* {margin:0; padding:0;}
a { outline:none;}

body 		{ color:#4F565D; background:url(../images/bck.jpg) center top repeat-x; font:14px calibri, Helvetica, Arial, san serif; }
#main 		{ width:960px; margin:0 auto; overflow:hidden;}

h1			{ width:960px; margin:25px 0 20px 0; border-bottom:1px solid #DDDDDD; height:77px; color:#4F565D; font-size:24px; font-weight:normal; clear:both;}
h1 a		{ background:url(../images/logo_michaelmallon.png) no-repeat scroll 0 0; width:171px; height:57px; padding:13px 0 0 70px; float:left; color:#4F565D;  text-decoration:none; }
h1 strong	{ float:right; padding:13px 0 0; font-weight:normal; }

#nav		{ height:38px; color:#fff; float:right; list-style:none; position:relative; padding:11px 0 10px 0; font-size:15px;}
#nav li		{ float:left; padding:0 20px;  height:27px; position:relative; color:#fff; text-decoration:none; }
#nav li	a	{ float:left; height:27px; position:relative; color:#fff; text-decoration:none; }
#nav li	a:hover	{ background:url(../images/nav_bck.jpg) center bottom no-repeat; }
#nav li	a:active{ }
#nav li .active	{ background:url(../images/nav_bck.jpg) center bottom no-repeat;}

#featured	{ list-style:none; position:relative; width:955px; margin:45px 0 20px 5px; height:215px; border-bottom:1px solid #DDDDDD; overflow:hidden;}
#featured li { float:left; border:8px #E4E4E4 solid; -moz-border-radius:6px; margin:0 0 0 80px; height:138px; width:228px; position: relative; overflow: hidden; padding:10px; color:#fff; background:#343434;}
#featured li img { position: absolute; top: 0; left: 0;}
#featured .left {margin:0;}
#featured h2 { font-size:20px; font-weight:normal;}
#featured a { color:#fff;}

#workwithme	{ font-size:24px; font-style:italic; border-bottom:1px solid #DDDDDD; margin:25px 0;}
#workwithme	a { text-decoration:underline; color:#8CB84A;}
.getintouch { background:url(../images/btn_contact.jpg) no-repeat scroll 0 0; width:242px; height:43px; margin:30px auto; display:block; text-indent:-9999px;clear:left;}

#testimonial	{ list-style:none; position:relative; width:955px; margin:30px 0 0 5px; overflow:hidden; font-style:italic; font-size:17px;}
#testimonial li { float:left;  margin:0 0 0 100px; height:158px; width:250px;}
#testimonial li span { font-size:14px; clear:both; color:#A5AAAF; float:left;}
#testimonial .left {margin:0;}

.about {border-bottom:1px solid #DDDDDD; padding:48px 0 30px 0; overflow:hidden;}
.about h2 {position:relative; float:left;clear:left; margin:0 0 20px 0; font-size:24px; font-weight:normal;}
.about p {clear:left; margin:0 0 20px 0; width:470px; font-size:16px; line-height:25px;}
.about img { position:relative; float:right; border:8px solid #E4E4E4; -moz-border-radius:6px 6px 6px 6px;}
.about .work { position:relative; float:right; border:none; margin:0 auto;}

#moreabout {border-bottom:1px solid #DDDDDD; padding:48px 20px 48px 30px; overflow:hidden;}
#moreabout p {margin:0 0 20px 0; font-size:16px; line-height:25px; position:relative; float:left; }
#moreabout .right {position:relative; float:left; width:400px; margin:0 0 0 100px;}
#moreabout img { position:relative;  position:relative; float:left; }

#work	{ list-style:none; position:relative; width:955px; margin:45px 0 0 5px;  overflow:hidden;}
#work li { float:left;  margin:0 0 50px 80px; width:264px; height:390px; position: relative;   }
#work li img { border:8px #E4E4E4 solid; -moz-border-radius:6px; position:relative; height:158px;}
#work .left {margin:0;}
#work .info { clear:both; padding:8px; height:150px;}
#work .info p { clear:both; font-size:17px; padding:10px 0 10px 0; font-style:italic;}
#work .links{ clear:both; padding:8px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
#work h2 { font-size:20px; font-weight:normal;position: relative; float:left;}
#work a { color:#4F565D;}

#intro	{ font-size:24px; font-style:italic; border-bottom:1px solid #DDDDDD; padding:20px 0 40px 0;}
#intro	a { text-decoration:underline; color:#8CB84A;}

#contactcontainer{overflow:hidden; margin:30px 0 30px 0; width:623px; float:left; position:relative;}
#customForm input.error{background: #f8dbdb;border-color: #e77776;}
#customForm textarea.error{background: #f8dbdb;border-color: #e77776;}
#customForm div span{color: #b1b1b1;	font-size: 11px;font-style: italic;}
#customForm div span.error{	color: #e46c6e;}
#error{margin-bottom: 20px;border: 1px solid #efefef;}
#error ul{list-style: square;padding: 5px;font-size: 11px;}
#error ul li{list-style-position: inside;line-height: 1.6em;}
#error ul li strong{color: #e46c6d;}
#error.valid {color:#84AF44;font-weight:bold;}
#name, #email{  width:290px;  height:35px; float:left; margin-top:0;}
#email{ margin:-17px 0 0 3px;}
#phonenumber{  width: 604px; height: 35px; margin-top:5px;}
#message{width:604px;height: 407px;margin-top:5px;}
#name, #email, #phonenumber, #message{padding:5px 10px;font-size:18px;font-style:italic;color:#555;border:none;background:#EDEDED;}
#name, #email, #phonenumber, #message:hover{ color:#222; background:#E8E8E7;}
#name, #email, #phonenumber, #message:focus{color:#000; background: #E8E8E7;}
.submit{  background:url(../images/btn_contact.jpg) no-repeat scroll 0 0; width:242px; height:43px; display:block; text-indent:-9999px;clear:left; border:none; margin:20px 0 0; float:right;}

#contact-right { float:left; position:relative; margin:30px 0 0 40px; border-left:1px solid #DDDDDD; padding:0 0 0 40px;}
#contact-right h2 {font-size:20px; font-weight:normal; margin:0 0 10px  0;}
#contact-right h3 {font-size:20px; font-weight:normal; margin:20px 0 10px  0;}
#contact-right li { list-style:none; margin:0 0 10px 0; }
#contact-right a { text-decoration:underline; color:#4F565D; }

#morework { position:relative; float:left;  }
#morework ul {float:left;  margin:30px 0 50px 90px; width:250px; position: relative; }
#morework #left {float:left;  margin:30px 0 50px 30px; width:250px; position: relative; }
#morework h3{ font-size:24px; font-weight:normal; font-style:italic; padding: 0 0 20px 0; border-bottom:1px solid #DDDDDD;}
#morework a{color:#4F565D;  }

#footer {border-top:1px solid #DDDDDD; clear:both; padding:20px 0 20px 0;}