/******************************************
Artezen
	===================================
	Born:		23/5/08

	CONTENTS
	Defines all styles for the structure, 
	typography and layout of the website.

*************************************** */

/* READ ME: Font size is set to 62.5% to reset the font size to 10px.
We then use 'em' in place of pixels so that it can re-size in IE and other
browers. 10px = 1em, 11px = 1.1em and so forth */

body, html { margin:0; padding:0; }
body {
	font:62.5%/1.2 Tahoma, Arial, Helvetica, sans-serif;
	background:#5d5d5d url(../imgs/main_bg.jpg) top left repeat-x;
	text-align:center;
	color:#717171;
}


/* Site structure
*************************************** */

#maincontainer{
	width:650px;
	min-height: 600px;
	margin:auto;
	text-align:left;
	background-image:url(../imgs/bg_top_center.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:1.1em;
	line-height:1.7em;
}

#header {
}




#content{
	width:629px;
	margin:auto;
	text-align:left;
	background-color:#FFFFFF;
	
}
#menu{
	margin:auto;
	text-align:left;
}

#main_body {
	padding:30px 0px 0px 0px;
	width:629px;
	background:#ededed url(../imgs/cont_bg_reg.jpg) top left repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d7d7;
}

#copy {
	padding:0 0px 20px 20px;
	width:370px;
	float:left;
}
#copy h1{
	text-align:left;
	color:#fff;
	font-size:1.9em;
	margin: 0 0px 50px 0px;
	
}

#copy p{
	font-size:1.2em;
}
#copy strong{
	text-transform: uppercase;
	color: #d92d3a;	
}


#right_col{
	
}

#feature {
	margin:0px 10px 10px 10px;
	width:219px;
	float:left;
	behavior: url(../iepngfix.htc);
	text-align:center;
}

#feature p {
	margin:10px 10px 10px 10px;
	text-align:left;
}

#feature h2 {
	text-align:center;
	font-size:1.6em;
	color:#d92d3a;
	width:190px;
	border-bottom:solid #ccc 1px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#feature2 {
	margin:0px 10px 10px 10px;
	width:219px;
	float:left;
	behavior: url(../iepngfix.htc);
	text-align:center;
}

#feature2 p {
	margin:10px 10px 10px 10px;
	text-align:left;
}

#feature2 h2 {
	text-align:center;
	font-size:1.6em;
	color:#d92d3a;
	width:190px;
	border-bottom:solid #ccc 1px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}



a.links:link {
	color:#d92d3a;
	text-decoration:none;
	padding:0 12px 0 0;
	background-image:url(../imgs/icon_link.gif);
	background-repeat:no-repeat;
	background-position:top right;
	}    
a.links:visited { color:#d92d3a;
	text-decoration:none;
	padding:0 13px 0 0;
	background-image:url(../imgs/icon_link.gif);
	background-repeat:no-repeat;
	background-position: right 3px;
}
  
a.links:hover   { color:#d92d3a;
	text-decoration:underline;
} 
a.links:active  { color:#d92d3a;
	text-decoration:underline;
}   


.feature_body{
	background-image:url(../imgs/feature_top.png);
	background-repeat:no-repeat;
	width:auto;
	height: auto;
	padding:20px 13px 5px 13px;
}


#loc_details{
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a3a3a3;
	
}

.text_box {
	float:left;
	width:255px;
	padding:25px 0px 25px 25px;
}


#loc_details img{
	float:right;
	padding:7px 7px 0px 7px;

}
#loc_details h3 {
	font-size:1.8em;
	color:#717171;
	width:220px;
	border-bottom:solid #ccc 1px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
#loc_details h4 {
	margin:0;
	padding:0;
	font-size:1.4em;
	color:#d92d3a;
}

#loc_details p{
	padding:0px 0px 10px 0px;

}
#loc_details a{
	color:#999999;
	text-decoration:none;
}

#loc_details a:visited{
	color:#999999;
	text-decoration:none;
}
#loc_details a:hover{
	color:#d92d3a;
	text-decoration:underline;
}
#foot{
	width:629px;
	margin:auto;
	padding-bottom:17px;
	text-align:center;
	color:#fff;
	
}

#foot a{
	color:#fff;
	text-decoration:none;
}

#foot a:visited{
	colour:#fff;
}

#foot a:hover{
	color:#fff;
	text-decoration:underline;
}
#foot .sml_logo{
	margin-bottom:-5px;
}

#foot2{
	height:161px;
	width:100%;
	margin:auto;
	padding-top:20px;
	text-align:center;
	background-color:#333333;
	background-image:url(../imgs/foot2.gif);
	color:#fff;
	
}

#foot2 a{
	color:#ddd;
	text-decoration:none;
}

#foot2 a:visited{
	colour:#fff;
}

#foot2 a:hover{
	color:#fff;
	text-decoration:underline;
}

/* Main Menu 
*************************************** */
#nav {
heigth:61px;
margin:0;
padding:0;
width:100%;
background-image:url(../imgs/nav_bg.gif);
}
#nav ul{
display:block;
margin:0;
padding:0;
}
#nav li{
float:left;
margin:0;
padding:0;
height:61px;
}