html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #902422 url(../images/bg.gif) 50% 0; color: #000; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
a {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5, p {margin: 0;  padding: 0; }
p {margin: 0 0 15px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
ul, li {margin: 0; padding: 0; list-style: none;}
.clearer {clear: both;}
.clearleft {clear: left;}
.clearright{clear: right;}
.getright {float:right;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
.red {color: #902422;}

a:link, a:visited		{color: #000; text-decoration: underline;}
a:active, a:hover	{text-decoration: none;}

#container {width: 970px; margin: 0 auto;}
#header {position: relative; height: 220px;}
	#header h1 a {position: absolute; top: 30px; left: 20px; display: block; width: 236px; height: 151px; background: url(../images/michele_ardon.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
	#header address {position: absolute; top: 183px; left: 20px; display: block; width: 584px; height: 38px; background: url(../images/title_address.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
	#header ul {position: absolute; top: 98px; right: 109px; display: block; width: 175px; list-style: none;}
	#header ul li a {display:inline-block;}
	#header ul li a {display:block; height: 20px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; overflow: hidden;}
	#header ul li a:hover, #header ul li a.current  {background-position: 0 -20px;}
	#header #nav-home {background-image:url(../images/nav_home.gif);}
	#header #nav-team {background-image:url(../images/nav_team.gif);}
	#header #nav-offer {background-image:url(../images/nav_offer.gif);}
	#header #nav-gallery {background-image:url(../images/nav_gallery.gif);}
	#header #nav-colour {background-image:url(../images/nav_colour.gif);}
	#header #nav-contact {background-image:url(../images/nav_contact.gif);}					
	
#content {background: url(../images/pattern_outer.gif) 100% 100% no-repeat;}	
	#content-panel {width: 847px; height: 480px; background: #FFF url(../images/pattern_inner.gif) no-repeat;}
	#content-inner {
	position: relative;
	padding: 5px 5px 5px 22px;
	overflow: auto;
}
	#content #text {font-size: 1.2em; line-height: 1.5em;}
	#content div.column {float: left; width: 355px; margin-right: 50px;}

#content h2 {height: 113px; background-position: 0 50%; background-repeat: no-repeat; text-indent: -999px; overflow: hidden;}
	#content h2.home {background-image:url(../images/title_home.gif);}
	#content h2.team {background-image:url(../images/title_team.gif);}
	#content h2.offer {background-image:url(../images/title_offer.gif);}
	#content h2.gallery {background-image:url(../images/title_gallery.gif);}
	#content h2.colour {background-image:url(../images/title_colour.gif);}
	#content h2.contact {background-image:url(../images/title_contact.gif);}		
	#content h2.message {background-image:url(../images/title_message.gif);}				
	
	#content #viewer {float: right; width: 590px; height: 470px; background:#000000 url(../images/loading.gif) 50% 50% no-repeat; color: #FFF;}
	#content #viewer img {display: block; width: 590px; height: 451px;}
	#content #viewer #ctrl {padding: 3px 5px 0 5px;}
	#content #viewer #caption {float: right; }
	#content #viewer ul {list-style: none;}
	#content #viewer li {display: inline; padding-right: 8px;}
	#content #viewer a {color: #FFF;}
	
	#content #cform {float:right; background: #f6e6e9 url(../images/bg_contact.gif) repeat-y; width: 471px; height: 471px; font-size: 1.2em;}
	#content #cform fieldset {padding: 0 5px 5px 22px;}
	#content #cform label {display:block; margin-bottom: 2px;}
	#content #cform input.frmfld {display:block; margin-bottom: 7px; border: 1px solid #666; font-size: 1.1em; width: 270px;}
	#content #cform textarea {display:block; margin-bottom: 12px; border: 1px solid #666; font-size: 1.1em; width: 270px; font-family: Arial, Helvetica, Verdana;}
	#content #cform #submit {margin-left: 190px;}
	
ul.pointlist {margin-bottom: 15px;}
ul.pointlist li {background: url(../images/bullet.gif) 0 0.4em no-repeat; padding-left: 15px; } 

ul.gallerylist {margin-bottom: 15px;}
ul.gallerylist li {background: url(../images/arrow.gif) 0 0.4em no-repeat; padding-left: 15px; } 
		
ul.colourlist {float: left;}
ul.colourlist li {float: left; display: block; width: 195px; padding: 0 5px; text-align: center;} 
	
#footer {color: #FFF; font-weight: bold; font-size: 1.1em; padding: 3px 0;}
#footer ul {list-style: none;}
#footer ul li {display: inline; border-right: 1px solid #e96780; padding-right: 7px; margin-right: 7px;}
#footer ul li a {color: #FFF; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}