/*	



Theme Name: horizon



Version: 1.0



Author: Perth Web Design



*/











html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



}











hr {



clear: both;



margin-bottom: 20px;



}







.clear {



	clear:both;



}



body {



	background:url(images/bg.jpg) repeat top;



	font-size: 12px; /* Resets 1em to 10px */



	overflow-x:hidden;



	font-family: Helvetica, Arial, sans-serif;



	background-color:#333;



	color:#666;



	letter-spacing:0.8px;



	



}



h2, h3, h4, h5, h6 {



	padding: 0 0 10px 0;



	color:#22469e;



}



h2 {



	font-weight:lighter;



	font-size:25px;



}



h3 {



	font-weight:lighter;



	font-size:20px;



}



strong {



	color:#777;



}



p {



	line-height:18px;



}



#container {



	width:950px;



	margin:0 auto;



	position:relative;



}







#blue {



	color:#22469e;



}







a {



	color:#22469e;



	text-decoration:none;



}







a:hover {



	color:#777;



}







a strong {



	color:#22469e;



	text-decoration:none;



}







a:hover strong {



	color:#777;



}



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



	Logo



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







#logo a {



	background:url(images/logo.jpg) no-repeat top;



	width:178px;



	height:107px;



	position:absolute;



	z-index:100;



	text-indent:-9999em;



	top:3px;



	left:18px;



}



#phone {



	position:absolute;



	top:144px;



	right:0px;



	color:#FFF;



	font-size:18px;



}



/*/////////////////////////////////////////////////////////////////////////////
	Navigation
/////////////////////////////////////////////////////////////////////////////*/
.primary_navigation {
	background:url(images/nav-bg.jpg) repeat-x top;
	position:relative;
	width:740px;
	height:40px;
	text-transform: capitalize;
	padding:9px 0px 0px 210px;
	z-index:90;
	top:61px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	font-size: 14px;
}

.primary_navigation .current_page_item a {
	background-color:#0e296e;
	color:#fef200;
}
.primary_navigation li {
	list-style:none;
	float:left;
	padding:0 10px;
	position:relative;
	text-align:left;
}
.primary_navigation li a {color:#fff;
	text-decoration:none;
	display:block;
	padding:7px;
	text-shadow: 1px 1px 1px #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
}
.primary_navigation a:hover {
    background-color:#0e296e;
	color:#fef200;
}
/*--second level------------------------------------------
--------------------------------------------------------*/
.primary_navigation ul ul a:hover {
    background-color:#0e296e;
	color:#fef200;
}
.primary_navigation .current_page_item li a {
    background-color:#0e296e;
	color:#fef200;
}
.primary_navigation ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0;
}
.primary_navigation ul ul a, .primary_navigation ul ul {
	background:#3359be;
	color:#fff;
	width:170px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
/*--third level-------------------------------------------
--------------------------------------------------------*/
.primary_navigation ul ul ul {
	left:184px;
	top:0px;
	width:170px;
}
.primary_navigation ul ul ul a, .primary_navigation ul ul ul {
	background:#3359be;
	color:#fff;
	width:170px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
/*--show second level on first level hover----------------
--------------------------------------------------------*/
.primary_navigation ul li:hover ul, .primary_navigation ul a:hover ul {
	visibility:visible;
}
/*--hide third level on second level hover----------------
--------------------------------------------------------*/
.primary_navigation ul :hover ul ul {
	visibility:hidden;
}
/*--show third level on second level hover----------------
--------------------------------------------------------*/
.primary_navigation ul :hover ul :hover ul {
	visibility:visible;
}


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



	Homepage Slideshow



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







#slideshow {



	height:280px;



	width:950px;



	margin-top:61px;



	background:#262626;



}



#slideshow IMG {



	position:absolute;



	left:0;



	opacity:0.0;



}



#slideshow IMG.active {



	z-index:10;



	opacity:1.0;



}



#slideshow IMG.last-active {



	z-index:9;



}







#slide_text .find_out_more {



	background:#000;



	



	top:160px;



	right:25px;



	position:absolute;



	z-index:99999;



	-webkit-border-radius: 5px;



	-moz-border-radius: 5px;



	color:#FFF;



	text-decoration:none;



	font-size:20px;



	padding:5px 10px;



	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);



	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);



	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);



	



	



}















#slide_text {



	position:absolute;



	top:160px;



	right:25px;



	width:350px;



	color:#f5f5f5;



	font-size:1.1em;



	line-height:2em;



	text-align:right;



	-webkit-border-radius: 5px;



	-moz-border-radius: 5px;



	z-index:10;



}



#slide_text p {



	margin:5px 0 5px 0;



}



#slide_text h2 {



	color:#FFF;



}



#slide_text strong {



	font-size:1.5em;



	font-weight:normal;



	padding:0 0 15px 0;



}



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



	Homepage Content



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











#content {



	background:#FFF;



	min-height: 100%; 



}



#content-inner {



	background:#FFF;



	padding: 20px;



}



.content_left {



	float:left;



	width:570px;



	padding: 20px;



	min-height: 100%; 



}



#services {



	padding:20px 0 0 0;



}



.content_right {



	float:right;



	width:280px;



	background:#f5f5f5;



	padding: 20px;



	min-height: 545px; 



}



.edit {



	margin: 20px 0 0 0;



}







#content p {



	margin: 0px 0 10px 0;



}







#content img {



	margin-bottom: 20px;



}







.edit a {



	background-color:#3359be;



	color:#fff !important;



	margin: 20px 0;



	padding:5px;



	text-decoration:none;



	-moz-border-radius:3px;



	-webkit-border-radius:3px;



}



.edit a:hover {



	background-color:#6a5c53;



}







#services td{



	padding:5px;



	background:#f5f5f5;



	width:170px;



	border:1px solid #ededed;



}











.content_bottom {



	margin:0 auto;



	background:url(images/footer-bg.jpg) repeat top;



	padding:20px;



	-moz-border-radius-bottomright:4px;



	-webkit-border-radius-bottomright:4px;



	-moz-border-radius-bottomleft:4px;



	-webkit-border-radius-bottomleft:4px;



	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);



	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);



	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);



}



.content_bottom_left {



	float:left;



	width:125px;



	color:#FFF;



}



.content_bottom_right {



	float:right;



}


#servicestd {
    width: 135px;
}


.affl

{

   margin-left: 20px;

   border:0px;

}





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



	Image Wrap



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



img.alignright {



	float:right;



	margin:0 0 1em 1em



}



img.alignleft {



	float:left;



	margin:0 1em 1em 0



}



img.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto



}



a img.alignright {



	float:right;



	margin:0 0 1em 1em



}



a img.alignleft {



	float:left;



	margin:0 1em 1em 0



}



a img.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto



}



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



	Footer



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







#footer {



	width:950px;



	margin:0 auto;



	padding:20px 0;



}



#footer_left {



	padding: 0 10px 10px 0;



	float:left;



	color:#FFF;



}



#footer_left h4 {



	font-weight:lighter;



	font-size:16px;



}



#footer_right {



	padding:0 0 10px 10px;



	float:right;



	width:130px;



	color:#FFF;



	text-align:right;



	line-height:5px;



}



#footer_right p {



	padding:10px 0;



	font-size:11px;



}



#pwd a {



	color:#000;



	font-size:4.7px;



	text-decoration:none;



}



#pwd a:hover {



	color:#33ccff;



}



