/*
	
		Very Light Grey:	#f2f2f2
		Light Grey: 		#cccccc
		Mid Grey: 			#888989 
		Dark Grey: 			#6c6c6c text
		Very Dark Grey: 	#353535
		
		orange:				#AE182E
		regus red			#AE182E
		
		
		
*/




/* CSS Reset  */

html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, img, small, strike, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input	
									{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 
									  font-style: inherit; font-size: 100%; font-family: inherit;}
:focus								{ outline: 0;}
table								{ border-collapse: separate; border-spacing: 0;}
a img,:link img,:visited img 		{ border:none }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }



/* CSS Initialisation */

strong { font-weight: bold }
em { font-style: italic }
div { position: relative } 


/* CSS Utility */

.floatleft 		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.cursor 		{ cursor: pointer; cursor: hand;}
.underline		{ color:#FF0000; text-decoration: underline;}
.none			{ text-decoration: none;}


/*  Default styling  */	

body 			{ font-family: Helvetica-Neue,Helvetica,Arial,Sans-serif; 
				  font-size:12px; line-height: 20px; color: #6c6c6c; margin-top: 10px;}
p				{ padding: 0px 0px 10px 0;}	
a		 		{ color: #353535; text-decoration: underline;}	
a:hover			{ color: #666666; text-decoration: none;}




/*  Misc styling  */	

.small			{ font-size: 9px; line-height: 12px;}
.padleft20 		{ padding-left: 20px;}
.marginleft20 	{ margin-left: 20px;}
.padright30 	{ padding-right: 30px;}



/* Headings */

h1, h2, h3, h4	{ font-weight: bold; letter-spacing:-0.03em; color: #353535;}

h1				{ font-size: 22px; padding: 0px 0px 20px 0px; }
h2				{ font-size: 18px; padding: 20px 0px 20px 0px; }
	
h2 a 			{ color: #7CB70D;}
	
h3				{ font-size: 16px; padding: 10px 0px 12px 0px; }
h4				{ font-size: 14px; padding: 10px 0px 10px 0px; color:#7CB70D;}




/*  STRUCTURE & COMMON ELEMENTS  */

#wrapper 							{ width: 824px; margin: 0px auto; background-color: white;}
	
#header 							{ width: 824px; margin: 0px auto; height:30px; color: #888989;}

#header img							{float: right; margin: 0 20px 0 0;}



/*	MENU  */


#header ul							{ margin: 0px 0 0 0; font-weight:bold;}
#header ul li						{ display: inline; font-size: 14px; line-height: 18px; padding: 4px 16px 3px 16px; 
									  margin: 0 2px 0 2px; background: transparent; }
#header ul li	a					{ text-decoration: none;}
#header ul li a:hover				{text-decoration: underline;}
#header ul li#currentpage			{ background: #BBDD5E; padding-bottom: 6px;}
#header ul li#currentpage	a		{ color: black;}


/*	QUICK QUOTE FORM  */

label.overlabel 					{ color:#999;}
label.overlabel-apply 				{ position:absolute; top:3px; left:5px; z-index:1; color:#999;}
input 								{ border: none; height: 13px; width:170px; }
#buttons input 						{ width : 14px; height: 16px; margin: 10px 43px 5px 0; }
#submit input						{ width : 150px; height: 20px; margin: 30px 0px 0px -5px; border: inherit;}
#submit								{ text-align:center; }
#homequote div, #detailsquote div, #contactquote div	{ height:23px;}







/*  HOME PAGE  */

.home								{ background: url(images/home_bg.jpg) no-repeat; height: 707px}

#hometext							{ top: 110px; left: 20px; width: 320px; font-size: 12px; line-height: 15px;}

#hometext h1						{ color: #AE182E; font-size: 16px;}

#hometext ul						{ margin: 0 0 10px 20px;}

#hometext li						{ padding-bottom: 8px; line-height: 12px;}

#hometext p							{ font-size: 14px; font-weight: bold; line-height: 18px;}

#homequote							{ position:absolute; top: 125px; left: 545px; width: 195px; font-size: 12px; line-height: 12px; }

#homedeals							{ position:absolute; top: 460px; left: 14px; width: 788px; height: 180px; }

#thumbnailholder					{ width:197px; height: 180px; float:left;}
#thumbnailholder img				{ padding: 0px 0 0px 22px;}

#thumbnailholder h2					{font-size: 14px; font-weight: normal; padding: 3px 0 4px 32px;}

#thumbnailholder p					{font-size: 10px; line-height: 10px;padding: 0px 0 5px 32px}  


/*  SUMMARY PAGE  */

.summary							{ background: url(images/summary_bg.jpg) no-repeat; height: 707px}
#officesummary						{ position:absolute; top: 140px; left: 36px; width: 765px; height: 515px;}

#summaryholder						{ width:380px; height: 131px; float:left; }

#summaryholder img					{  margin: 0 20px 0 0;}

#summaryholder h2					{font-size: 16px; font-weight: normal; padding: 3px 0 4px 32px;}

#summaryholder p					{font-size: 12px; line-height: 14px;padding: 0px 0 5px 32px}  


/*  DETAILS PAGE  */

.details							{ background: url(images/details_bg.jpg) no-repeat; height: 707px}

#detailstext						{ top: 110px; left: 20px; width: 320px; font-size: 12px; line-height: 15px;}

#detailstext h1						{ color: #AE182E; font-size: 16px;}

#detailstext ul						{ margin: 0 0 10px 20px;}

#detailstext li						{ padding-bottom: 8px; line-height: 12px;}

#detailstext p						{ font-size: 12px; line-height: 16px;}

#detailsquote						{ position:absolute; top: 437px; left: 597px; width: 195px; font-size: 12px; line-height: 12px; }

#detailspic							{ position:absolute; top: 95px; left: 397px; width: 404px; height: 286px; }

#detailsgallery						{ position:absolute; top: 401px; left: 14px; width: 580px; height: 200px; }

#largepic							{ width:291px; height: 180px; float:left; }	
#smallpic							{ width:141px; height: 100px; float:left; }				



/*  CONTACT PAGE  */

.contact							{ background: url(images/contact_bg.jpg) no-repeat; height: 707px}

#contacttext						{ top: 110px; left: 20px; width: 450px; font-size: 12px; line-height: 15px;}

#contacttext h1						{ color: #AE182E; font-size: 16px;}

#contacttext p						{ font-size: 12px; line-height: 16px;}

#contactquote						{ position:absolute; top: 160px; left: 597px; width: 195px; font-size: 12px; line-height: 12px; }