/*
Title:     	Puregroup Styles
Author:     Michelle Britton
Copyright:	Bob Design & Marketing
Updated:    9 October 2007
*/

/* mac hide \*/
html,body{height:100%; width:100%; margin:0px;}
/* end hide */

html{font-size: 100%; /* IE trick to allow proper resizing of text */}

a img{border:none}

body{
	text-align:center; 
	min-height:541px;/* for good browsers*/ 
	min-width:933px;/* for good browsers*/ 
	text-align:left; 
	padding-top:20px;
	padding-bottom:20px;
	color:#006b9a;
	font:0.75em/1.5em Arial, Helvetica, sans-serif; /* 1em is now 12px at 96ppi. */
}


/* ---- Headings ---- */
h1{
	color:#10b2f0;
	font-size:1.8em;
	margin:265px 0px 0px 0px;
}

h2{
	color:#10b2f0;	
	font-size:1.5em;
	margin:40px 0px 20px 0px;
}

h3{
	color:#f7941d;
	font-size:1em;
	margin:0px 0px -10px 0px;
}

h4{
	color:#10b2f0;
	font-size:1.8em;
	margin:40px 0px 0px 0px;
}

h5{
	color:#f7941d;
	font-size:1.2em;
	margin:20px 0px 0px 0px;
}
/* ---- Headings ---- */



#wrapper{
	width:933px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	overflow:hidden;
}	


/* ---- Masthead ---- */
#masthead{
	width:933px;
	height:83px;
	margin-bottom:10px;
}
* html #masthead{margin-bottom:-20px;}

#masthead .logo{
	width:204px;
	height:33px
}

#masthead ul#nav{
	margin:30px 0px 0px -35px;
}

#masthead ul#nav li{
	display:inline;
	float:left;
	padding-right:11px;
}

#masthead a{color:#006b9a; text-decoration:none;}
#masthead a:visited{color:#006b9a;}	
#masthead a:focus, #masthead a:hover{color:#f7941d;}
#masthead a:active{color:#006b9a;}
#masthead ul#nav li.current a{color:#f7941d;}
/* ---- Masthead ---- */



/* ---- Main Content ---- */
#mainContent{width:933px;}
/* ---- Main Content ---- */



/* ---- Left Col ---- */
#leftCol{
	width:639px;
	float:left;
}

#content{
	width:620px;
	margin:30px 0px 60px 0px;
	font-size:1.2em
}
* html #content{padding-bottom:20px;}

#content ul li{
	color:#f7941d;		
	padding:0px 0px 3px 0px;
	margin-left:-25px;
}

#content ul.blue_list li{color:#006b9a;}

#content ul.spaced li{padding:0px 0px 10px 0px;}

#contact{
	width:620px;
	background:url(../../../images/map.gif) no-repeat right;	
}

#contact a{color:#11b2f0; text-decoration:none;}
#contact a:visited{color:#11b2f0;}	
#contact a:focus, #contact a:hover{color:#11b2f0;}
#contact a:active{color:#11b2f0;}

/* Regional Map Section 
----------------------- */
#InlineFrame1{
	height:471px;
	margin:20px 0 0 80px;
	width:600px;
}

* html #InlineFrame1{margin:20px 0 0 30px;}
/* ---- Left Col ---- */



/* ---- Right Col ---- */
#rightCol{
	width:255px;
	height:457px;
	margin-left:19px;
	float:left;
	background:url(../../../images/right_col_bg.gif) no-repeat;
	padding:20px 0px 0px 20px;
}
* html #rightCol{width:235px; margin-left:4px;}

#rightCol h2{
	color:#006b9a;
	font-size:1.6em;
	font-weight:normal;
	margin:0px;
}

.divisions_container{
	width:270px;
	height:60px;
	margin:20px 0px 0px 0px;	
	font-size:0.9em;
}
* html .divisions_container{height:50px;margin:17px 0px 0px 0px;}

.divisions_img{
	width:62px;
	float:left;
}

.divisions_text{
	width:200px;
	float:left;
}

.divisions_text h3, .divisions_text h3 a{
	color:#f7941d;
	font-size:1em;
	margin:-4px 0px 0px 0px;
	text-decoration:none;
}

.divisions_text ul{
	margin:0px 0px 0px -40px;
	list-style-type:none;
}
* html .divisions_text ul{margin:0px 0px 0px 0px;}

.divisions_text ul li{margin:-3px 0px 0px 0px;}

.specialist{
	margin:40px 0px 0px -20px;
}
/* ---- Right Col ---- */



/* ---- Contact Form ---- */

#EmailForm{width:620px; height:224px; border:none; margin-top:30px;}
#EmailForm #left{width:225px; height:224px; border:none; float:left; background:url(../../../images/enquiry_left_bg.gif) no-repeat; padding:15px 0px 0px 20px;}
#EmailForm #right{width:362px; height:224px; border:none; float:right; background:url(../../../images/enquiry_right_bg.gif) no-repeat; margin:-240px 0px 0px 20px; padding:15px 0px 0px 20px;}


#EmailForm label{ 
	display:block;  
	float:left; 
	width:170px; 
	height:15px;
	padding:0; 
	margin:0px 0px 5px 0px; 
	text-align:left; 
	font-size:0.8em;
	font-weight:bold;
}
* html #EmailForm label{ margin:0px 0px 2px 0px;}

#EmailForm br {clear:both;}

#EmailForm input{
	float:left;
	width:auto;    
	margin:0px 0px 10px 0px;   
	height:17px;   
	border:1px solid #aae0f9;                  
}

#EmailForm input.submit{
	width:66px;
	height:24px;
	float:left;  
	margin:0px 0px 10px 0px;     
	border:none;                  
}

#EmailForm textarea{
	float:left; 
	margin:0px 0px 10px 0px; 
	width:320px;
	height:140px;
	border:1px solid #aae0f9;
}
* html #EmailForm textarea{margin:0px 0px 10px -20px;}
/* ---- Contact Form ---- */



/* ---- Footer ---- */
#footer{
	width:933px;
	height:40px;
	clear:both;
	background:url(../../../images/footer_bg.gif) no-repeat;
	margin:0px 0px 30px 0px;
	padding:2px 10px 5px 10px;
	font-size:0.9em;
}

#footer .left{
	width:430px;
	float:left;
}

#footer .right{
	width:430px;
	float:right;
	text-align:right;
	margin-right:30px;
}
/* ---- Footer ---- */



/* ---- Links ---- */
a.orange_link, a.orange_link:visited, a.orange_link:focus, a.orange_link:hover, a.orange_link:active{
	color:#f7941d; text-decoration:none; font-weight:bold;
}

a.blue_link, a.blue_link:visited, a.blue_link:focus, a.blue_link:hover, a.blue_link:active{
	color:#006b9a; text-decoration:none;
}
/* ---- Links ---- */




/* ---- Classes ---- */
.blue{color:#006b9a;}
.orange{color:#f7941d; font-weight:bold;}
.small{font-size:0.7em;}
.list1{float:left}
.list2{float:left; margin-left:40px;}
/* ---- Classes ---- */