/* CSS Document */

*{
	margin:0px; 
	padding:0px;
}
body {
	margin:0px; 
	padding:0px; 
	font: 0.7em arial, verdana, sans-serif; 
	color:#000000; 
	text-align:center; 
	background-color:#BBB68E;
	background-image:url(images/page_bg.jpg);
	background-repeat:repeat-x;
}


/* ======================  positioning and layout ================================== */



#wrap {
	width:800px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	top: 0px;
}
#header{
	height:126px;
	width:800px;
	background-color:#FFFFFF;
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
}
#header #dexionlink{
	position:relative;
	width:790px;
	border:0px solid pink;
	top:-10px;
	padding-right:10px;
	text-align:right;
}
#dexionlink h2{
	font-size:1em;
	font-weight:normal;
	color:#716040;
}
	
#logo{
	position:relative;
	top:31px;
	width:230px;
	left:40px;
	z-index:10;
}

#content{
	width:780px;
	background-color:#FFFFFF;
	padding:10px;
	padding-top:50px;
	border-bottom:0px solid #6B5839;
	border-right:0px solid #6B5839;
}

/*Main category navigation - set basic / common layout and style */
#topnav {
	width:800px;
	background-color:#ffffff;
	background-image:url(images/nav-bg.gif);
	background-repeat:repeat-x;
	position:absolute;
	top:100px;
	text-align:center;
	font-size:1em;
	line-height:normal;
}

#topnav a{
	display: block;
	height:25px;
	text-decoration: none;
	 background:url("tab-bg-left.gif")  no-repeat left top;
    padding:4px 8px 4px 8px;
}

#topnav p{	
	font-size:0.8em;
	padding:9px;
	color:#666666;
	float: left;
}
#topnav ul {
	margin:0 0 0 0px;
	list-style:none;
}
#topnav li {
	display:inline;
	margin:0;
	padding:0;
}
/*
*	For the next two rules:	
*	1. A single image is used for the two doors, rather than one.
*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
*	3. The padding was modified for personal preference.
*/
#topnav a {
	float:left;
	background:#E7F1F8 url("images/tab-bg.png") no-repeat left top;
	padding:0 0 0 8px;
	text-decoration:none;
	color:#fff;
}
#topnav a span {
	float:left;
	display:block;
	background:#E7F1F8 url("images/tab-bg.png") no-repeat right top;
	padding:4px 9px 4px 0px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a span {float:none;}
/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
#topnav #current a span {
	padding-bottom:4px;
}
#topnav a:hover, #topnav a:hover span {
	color:#FFF;
	text-decoration:underline;
}
 #topnav #current a {
	float:left;
	background:#E7F1F8 url("images/tab-bg-over.png") no-repeat left top;
	padding:0 0 0 8px;
	text-decoration:none;
	color:#fff;
}

#topnav #current a span {
	float:left;
	display:block;
	background:#E7F1F8 url("images/tab-bg-over.png") no-repeat right top;
	padding:4px 9 px 4px 0px;
}






#sidenav  .highlight{
	font-weight:bold;
}

#sidenav li{
	list-style: none;
	font-size:1.2em;
}
#sidenav {
	border-bottom:1px solid #E3E3E3;
	padding-bottom:10px;
	margin-bottom:10px;
}

#sidenav_2 li{
	list-style: none;
	font-size:1em;
}
#sidenav_2 {
	border-bottom:1px solid #E3E3E3;
	padding-bottom:10px;
	margin-bottom:20px;
}


#leftcol{
	float:left;
	border:0px dotted grey;
	width:150px;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #E3E3E3;
}
#leftcol a:link{
	text-decoration:none;
	font-weight:normal;
	color:#6B5839;
}
#leftcol a:visited{
	text-decoration:none;
	color:#6B5839;
}
#leftcol a:hover{
	text-decoration:underline;
	color:#EC2B27;
}
#leftcol .colouredbox{
	padding:10px;
	width:130px;
	background-color:#EFEDEA;
	margin-bottom:10px;
	
	}
#leftcol .colouredbox h3{	
	margin:-2px 0px 10px 0px;
	font-size:1em;
	font-weight:bold;
	color:#6B5839;
}

#leftcol .colouredbox li{
	list-style: none;
	font-size:1em;
	color:#EC2B27;
}
#leftcol p{
	font-size:1em;
	color:#6B5839;
	}
	#leftcol .tel{
	font-size:1.65em;
	}



#midcol{
	width:459px;
	margin-right:10px;
	float:left;
	border:0px solid gray;
	font-size:1.1em;
}

#midcol .imgcaption{
	font-size:0.9em;
	color:#6B5839;
	}
#midcol ul{
	list-style-type:square;
	list-style:outside;
	margin-left:10px;
}
#midcol li{
	list-style-type:square;
	list-style:outside;
	margin-left:10px;
}


.inlineimage{
	padding:8px;
}


#rightcol{
	width:130px;
	float:left;
}
#rightcol .colouredbox{
	padding:10px;
	width:120px;
	background-color:#EFEDEA;
	background-image:url(images/colouredbox_arrow.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	
	}
#rightcol .colouredbox h3{	
	margin:-2px 0px 10px 20px;
	font-size:1em;
	font-weight:bold;
	color:#6B5839;
}

#rightcol .colouredbox li{
	list-style: none;
	font-size:1em;
	color:#6B5839;
}

#rightcol .clientquote p{
	font-size:1em;
	color:#6B5839;
}

.featurebox{
	width:222px;
	height:273px;
	margin-right:0px;
	margin-bottom:10px;
	margin:2px;
	border:1px solid #999999;
	float:left;
}
.featurebox a:link,.featurebox a:visited{
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
	color:#6B5839;
}
.linkarrow{
 float:left;

}
.featurebox a:hover{
	color:#EC2B27;
	text-decoration:underline;
}
.featurebox img{
	border:0;
	padding-bottom:5px;
	vertical-align:middle;
}


.featurebox2{
	width:222px;
	margin-right:0px;
	margin-bottom:10px;
	margin:2px;
	border:1px solid #999999;
	float:left;
}
.featurebox2 a:link,.featurebox2 a:visited{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#6B5839;
}

.featurebox2 a:hover{
	color:#EC2B27;
	text-decoration:underline;
}
.featurebox2 img{
	border:0;
	padding-bottom:0px;
	vertical-align:middle;
}

.clearfloat{
	clear:both;
}

#credits h2{
	text-align:right;
	color:#6B5839;
	font-weight:bold;
	font-size:0.8em;
	padding:5px 10px 0 0 ;

}
#credits a:link,#credits a:visited{
color:#6B5839;
text-decoration:none;
}
#credits a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#searchterms{
margin:25px 10px 25px 10px;
}

#searchterms p{
text-align:justify;
font-size:0.8em;
color:#9A906C;
}

/* ======================  styling ================================== */



img{
	border:0px;
}
h1{
	font-size:1.75em;
	color:#EC2B27;
	font-weight:normal;
	padding-bottom:14px;
}
h2,h3{
	font-size:1.1em;
	color:#292515;
	font-weight:bold;
}
p {
	font-size:1em;
	color:#292515;
	font-weight:normal;
}
hr{
	size:1px;
	color:#666666;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #BBB68E;
	border-bottom:0px;
}

a:link{
	color:#EC2B27;
	text-decoration:none;
}
a:visited{
	color:#C81A17;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}