/* ---

Style Sheet: inovohome.co.uk

Copyright: 	The code and associated images with
			this CSS file are the property of
			Inovo. Please do not steal or copy
			from this site.
 			---
			
Developed by:	BROWN STUDY: Web Design, now with Added Thought!
Develpers Homepage: http://brownstudy.co.uk
Author: Philip Newborough

---*/

html,body {margin:0px;padding:0px;color:#5C1D03;background:#FFF url(images/page-bg.jpg) repeat-x;}

body{font: 12px Arial, Verdana, sans-serif; line-height: 1.4em;}

div#container{width:780px;margin:auto;}

div#header {width:780px;}
div#header h1{ font-size:10%;margin:0;padding:0;border: 0;text-indent: -9999px;margin-top:30px; }
div#header h1, h1 a, h1 a:visited, h1 a:hover{border:0;display:block;float:left;width:125px; height:125px; background: url(images/h1-logo.gif) top left no-repeat; }

div#menu { float:right; padding: 0;margin-top:5px; }
div#menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
div#menu ul li { display: block; float: left; text-align: left; padding: 0; margin: 0; }
div#menu ul li a {border:0;text-indent: -9999px;font-size:80%;padding:0;color:#fff;text-decoration:none;display:block;width:114px;height:40px;float:left;text-align:left;margin-top:0px;}

div#menu ul li a.about { width:96px;background: transparent url(images/nav-menu.gif) 0px 0px no-repeat;}
div#menu ul li a.about:hover { background: transparent url(images/nav-menu.gif) 0px -40px no-repeat;}
div#menu ul li a.aboutcurrent { width:96px;background: transparent url(images/nav-menu.gif) 0px -80px no-repeat;}
div#menu ul li a.aboutcurrent:hover { background: transparent url(images/nav-menu.gif) 0px -80px no-repeat;}

div#menu ul li a.portfolio { width:120px;background: transparent url(images/nav-menu.gif) -96px 0px no-repeat;}
div#menu ul li a.portfolio:hover { background: transparent url(images/nav-menu.gif) -96px -40px no-repeat;}
div#menu ul li a.portfoliocurrent { width:120px;background: transparent url(images/nav-menu.gif) -96px -80px no-repeat;}
div#menu ul li a.portfoliocurrent:hover { background: transparent url(images/nav-menu.gif) -96px -80px no-repeat;}

div#menu ul li a.services { width:110px;background: transparent url(images/nav-menu.gif) -216px -0px no-repeat;}
div#menu ul li a.services:hover { background: transparent url(images/nav-menu.gif) -216px -40px no-repeat;}
div#menu ul li a.servicescurrent { width:110px;background: transparent url(images/nav-menu.gif) -216px -80px no-repeat;}
div#menu ul li a.servicescurrent:hover { background: transparent url(images/nav-menu.gif) -216px -80px no-repeat;}

div#menu ul li a.contact { width:94px;background: transparent url(images/nav-menu.gif) -327px -0px no-repeat;}
div#menu ul li a.contact:hover { background: transparent url(images/nav-menu.gif) -327px -40px no-repeat;}
div#menu ul li a.contactcurrent { width:94px;background: transparent url(images/nav-menu.gif) -327px -80px no-repeat;}
div#menu ul li a.contactcurrent:hover { background: transparent url(images/nav-menu.gif) -327px -80px no-repeat;}

div#comingsoon {margin-top:200px;padding-left:150px;background: url(images/h1-logo.gif) top left no-repeat;}
div#comingsoon h2.soon {text-indent:-9999px;border:0;display:block;width:472px; height:64px; background: url(images/title-coming-soon.gif) top left no-repeat; }
div#comingsoon h2.sesame {text-indent:-9999px;border:0;display:block;width:472px; height:64px; background: url(images/title-open-sesame.gif) top left no-repeat; }

div#content{clear:both;float:right;width:780px;margin-top:25px;margin-bottom:50px;}
div#content.pl{width:655px;}

div#content h2.about {text-indent:-9999px;border:0;display:block;float:left;width:780px; height:383px; background: url(images/front-page-graphic.jpg) top left no-repeat; }
div#content h2.portfolio {text-indent:-9999px;border:0;display:block;width:296px; height:50px; background: url(images/title-portfolio.gif) top left no-repeat; }
div#content h2.services {text-indent:-9999px;border:0;display:block;width:275px; height:50px; background: url(images/title-services.gif) top left no-repeat; }
div#content h2.contact {text-indent:-9999px;border:0;display:block;width:368px; height:50px; background: url(images/title-contact.gif) top left no-repeat; }
div#content h2.thankyou {text-indent:-9999px;border:0;display:block;width:368px; height:50px; background: url(images/title-thank-you.gif) top left no-repeat; }
div#content h2.privacy {text-indent:-9999px;border:0;display:block;width:480px; height:65px; background: url(images/title-privacy.gif) top left no-repeat; }


div#portfolioitem {border-bottom:1px solid #DCD4CC;margin-bottom:30px;background: url(images/click2enlarge.gif) top right no-repeat;}
div#portfolioitem.top {padding-top:20px;border-bottom:1px solid #DCD4CC;margin-bottom:30px;background: url(images/click2enlarge.gif) top right no-repeat;}

div#content input{ border: 1px solid #DCD4CC; border-bottom:1px solid #806F58;background: #FFF; color:#5C1D03;}
div#content input.button{ border: 1px solid #DCD4CC; background: #806F58; color:#FFF;margin-top:4px;font-size:12px;letter-spacing:1px;font-weight:bold;text-transform:uppercase;}
div#content select{ border: 1px solid #DCD4CC; background: #FFF; color:#5C1D03;}
div#content textarea{ border: 1px solid #DCD4CC; border-bottom:1px solid #806F58;background: #FFF; color:#5C1D03;}

.pt01 {border:1px solid #DCD4CC;padding:2px;margin-right:4px;}
.pt0101 {border:1px solid #DCD4CC;padding:2px;}
.pt02 {border:1px solid #DCD4CC;padding:2px;margin-right:4px;margin-top:4px;}
.pt0102 {border:1px solid #DCD4CC;padding:2px;margin-top:4px;}

div#footer {clear:both;margin-top:30px;padding-bottom:40px;border-top:2px solid #C4B7A8;}
div#footer p{font-size:11px;}

a {color:#65707C;text-decoration:underline;outline:none;}
a:visited { color: #65707C; text-decoration: underline;}
a:hover { color:#5C1D03;text-decoration:underline;}
a.none {text-decoration:none;border:0;}
a:hover.none {text-decoration:none;border:0;}
a:visited.none {text-decoration:none;border:0;}

p, h1, h2, h3, h4 { margin:0; padding:0;}
p, h2, h3{ margin-bottom:20px; }

p{font: 12px Arial, Verdana, sans-serif; line-height: 1.7825em;}
.error {font-size:11px;color:#C00;font-weight: bold;}
img {border:0px;}
form {margin:0px; padding:0px;}
h2 {font: bold 24px Georgia, "Bitstream Vera Serif", "Times New Roman", times, serif; letter-spacing: 2px;}
h3 {font: bold 14px Arial, Verdana, sans-serif;letter-spacing: 1.4px;color:#65707C;margin-bottom:5px;margin-top:30px;}
h4 {font: bold 14px Arial, Verdana, sans-serif;letter-spacing: 1.4px;color:#65707C;margin-bottom:5px;}
.strong {font-weight:bold;}