/* 
Chris Bourne Plumbing - Written by Simon Friend 
 */
 
 /*** HTML ***/
body{margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.jpg) repeat-x #9CB7D1; color:#282828}
img{border:none}
p{margin:0; padding:10px 0}
h1,h2,h3{color:#345474; margin:0; padding:0}
h1{font-size:22px}
h2{font-size:16px}
h3{font-size:14px;}
a{text-decoration:none; color:#345474; font-weight:bold}
a:hover{color: #333333}

/*** ID's ***/
#wrapper{width:960px; margin:20px auto; text-align:left; background:#F7F7F7}
#wrapper #header{background: url(../images/header-bg.jpg) no-repeat #F7F7F7; height:404px; position:relative}
#wrapper #header #logo{position:absolute; top:20px; left:10px; width:428px; height:151px}
#wrapper #header #tel{height:48px; width:242px; position:absolute; right:20px; top:140px}
#wrapper #header #menu{position:absolute; width:576px; height:40px; left:40px; top:180px}
#wrapper #header #menu ul{margin:0px; padding:0px}
#wrapper #header #menu ul li{list-style:none; float:left; height:40px; width:140px}
#wrapper #header #menu ul li a{background:url(../images/btn-menu.png) no-repeat top; display:block; height:26px; width:140px; text-align:center; color:#FFFFFF; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:18px; padding:7px 0; font-weight:normal}
#wrapper #header #menu ul li a:hover{background:url(../images/btn-menu.png) no-repeat bottom;}

#wrapper #content{background:url(../images/content-bg.jpg) repeat-x #FFF; padding:0 20px 10px 20px; line-height:24px; margin:0; min-height:285px}

#wrapper #footer{height:82px; background:url(../images/footer-bg.jpg) no-repeat; position:relative}
#wrapper #footer #footermenu{position:absolute; left:10px; top:12px;}
#wrapper #footer #footermenu ul{margin:0; padding:0}
#wrapper #footer #footermenu ul li{list-style:none; float:left; padding:10px;}
#wrapper #footer #footermenu ul li a{padding:10px; color:#FFFFFF; display:block}
#wrapper #footer #footermenu ul li a:hover{background:#457399}
#wrapper #footer #copyright{position:absolute; right:20px; top:20px; text-align:right}
#wrapper #footer #copyright p{color:#FFFFFF; margin:0; padding:0; line-height:20px}
#wrapper #footer #copyright a{color:#FFFFFF}
#wrapper #footer #copyright a:hover{text-decoration:underline}

#googlemap{float:right; border:1px solid #DFE7F4; margin-top:10px}

/*** PORTFOLIO ***/
#wrapper #portfolio{margin:0; padding:0}
#wrapper #portfolio li{float:left; margin-right:5px; margin-bottom:5px; padding:1px; list-style:none}
#wrapper #portfolio li a{border:1px solid #C8D2E1;height:100px;}
#wrapper #portfolio li a:hover{border:1px solid #778FB7;}

/*** CLASSES ***/
.clear{clear:both}
.imgright{float:right; margin-left:10px; margin-bottom:10px}