/*------------------------------------------------------------------
[Master Stylesheet]

Project:			Sugarcane - Briggs Metals Limited
Version:			1.0.3
Last change:		02/10/2009
Author:				Claire Perrin
------------------------------------------------------------------*/

/*General*/

*{margin:0;padding:0; list-style: none;}

body{
	font-family: "MS Sans Serif", Verdana, Helvetica, Arial;
	color: #333;
	font-size: 15px;
	text-align: justify;
	background: url(/assets/img/bkg.jpg) #fff;
	_background: none;
	_background-color: #EDE9EB;
	line-height: 17px;
	}

#wrapper{
	margin: 0 auto;
	width: 830px;
	}
	
#inner_wrapper_header{
	background: url(/assets/img/bkg2_header.png) no-repeat;
	height:10px;
	padding:0;
	margin:0;
	}	
	
#inner_wrapper{
	background: url(/assets/img/bkg2.png) repeat-y;
	padding: 0 30px 4px 20px;
	}
	
.content img{
	padding: 5px;
	border: 1px solid #CCC;
	margin: 10px;
	}
	
.content img.left{
	float: left;
	padding: 5px;
	margin: 0 10px 5px 0;
	border: 1px solid #CCC;
	}

.content img.right{
	float: right;
	padding: 5px;
	margin: 0 0 5px 10px;
	border: 1px solid #CCC;
	}
	
a{
	color: #003399;
	text-decoration: underline;
	}
	
a:hover{
	text-decoration: none;
	}

/*HEADER*/

#header{
	background: url(/assets/img/header.png) no-repeat;
	height: 133px;
	padding: 9px 0 0 17px;
	}	
	
#briggs{
	float: left;
	}
	
#header h1{
	display: none;
	}
	
#contact_details{
	float: right;
	padding: 3px 30px 0 0;
	height: 61px;
	}
	
#contact_details p{
	text-align: right;
	padding-bottom: 5px;
	}
	

/*HEADINGS*/

h1{
	font-weight: normal;
	font-size: 28px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #00174C;
	letter-spacing: -2px;
	padding-bottom: 15px;
	}

h2{
	font-weight: normal;
	font-size: 23px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #00174C;
	letter-spacing: -1px;
	padding-bottom: 15px;	
	}
	
h2.heading{
	padding: 10px 0 15px 0;
	}
	
h3{
	font-weight: normal;
	font-size: 20px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #00174C;
	letter-spacing: -1px;
	padding-bottom: 10px;
	}
	
h4{
	font-weight: normal;
	font-size: 18px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #00174C;
	letter-spacing: -1px;
	padding-bottom: 10px;
	}
	
h5{
	font-weight: normal;
	font-size: 16px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #00174C;
	padding-bottom: 10px;
	}
	
h6{
	font-weight: normal;
	font-size: 15px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #00174C;
	padding-bottom: 5px;
	}

/*MENU*/
	
#menu{
	margin: 10px 0 0 6px;
	}	
		
/*CONTENT*/
	
.content p{
	margin-bottom: 15px;
	}
	
.content ul, .content ol{
	margin: 0 0 10px 40px;
	}
	
.content ul li{
	list-style: outside;
	padding-bottom: 2px;
	}
	
.content ol li{
	list-style: decimal;
	padding-bottom: 2px;
	list-style-position: outside;
	}
	
.content hr{
	border-top: 1px solid #00174C;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 10px;
	}
	
/*GALLERY*/

#photos{
	background: url(/assets/img/gallery_bkg.png) no-repeat;
	width: 785px;
	height: 200px;
	margin-left: 3px;
	}
	
#photos #rotator, #photos #rotator2, #photos #rotator3{
	float: left;
	}
	
#photos #rotator{
	padding-right: 5px;
	}

#photos #rotator2{
	padding-right: 3px;
	}
		
#photos img{
	padding-right: 10px;
	}

	
/*FOOTER*/

#footer{
	background: url(/assets/img/footer.png) no-repeat;
	padding: 7px 30px 0 20px;
	height: 40px;
	}
	
#footer p{
	color: #fff;
	font-size: 10px;
	}
	
#footer p.align_left{
	float: left;
	}
	
#footer p.align_right{
	float: right;
	}
	
#footer p a{
	color: #fff;
	}

#footer p a:hover{
	text-decoration: none;
	}

/*CONTACT*/

iframe{
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 10px;
	}
	
#contact-form{
	width: 779px;
	color: #333;
	
	margin-bottom: 10px;
	}
	
#contact-form div{
	float: left;
	}
	
#contact-form label{
	float: left;
	width: 80px;
	margin-bottom: 15px;
	margin-left: 5px;}
	
#contact-form .phone label, #contact-form .email label{
	float: left;
	width: 51px;
	margin-bottom: 15px;
	margin-left: 5px;
	}

#contact-form input, #contact-form textarea{
	border: 1px solid #CCC;
	}
	
#contact-form input{
	width: 290px;
	height: 18px;
	padding: 2px;
	font-family: inherit;
	}
	
#contact-form .name input, #contact-form .company input{
	width:329px;
	height: 18px;
	padding: 2px;
	font-family: inherit;
	}

#contact-form textarea{
	height: 55px;
	width: 682px;	
	padding: 2px;
	font-family: inherit;
	font-size: inherit;
	}

#contact-form .submitbutton{
	float: right;
	margin: 10px 6px 10px 0;
	}
	
#contact-form .submitbutton input:hover{
	background: #00174C;
	color: #fff;
	cursor: pointer;
	}

#contact-form .submitbutton input{
	height: 22px;
	width: 290px;
	}
	
.directions{
	float: right;
	width: 332px;
	}
	
/*MISC*/

.clear{
	clear: both;
	}
	
#message{
	background: url(/assets/img/message.jpg) no-repeat;
	color: #fff;
	padding:10px;
	font-size: 17px;
	text-align: center;
	height: 152px;
	margin-bottom: 10px;
	line-height: 22px;
	}
	
#message p span{
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	}