/* -------------------------------------------

TITLE : Rossmark

AUTHOR : Binarix
AUTHOR URL : http://www.binarix.com.au

DESCRIPTION : Full Site Styles
 
------------------------------------------ */

.clear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 0;
	}

.imgRight { float: right; margin: 0 0 30px 30px; border: 0; }
.imgLeft { float: left; margin: 0 30px 30px 0; border: 0; }
	
/* ------------------------------------------
 HEADINGS STYLES
------------------------------------------ */

h1 {
	font: bold 28px "Century Gothic", Arial, helvetica, sans-serif;
	color: #f7941d;
	margin: 0 0 20px 0;
	}

h2 {
	font: bold 15px Verdana, Arial, helvetica, sans-serif;
	color: #999;
	margin: 0 0 20px 0;
	}

h3 {
	font: bold 12px Verdana, Arial, helvetica, sans-serif;
	color: #525252;
	margin: 0 0 10px 0;
	}

/* ------------------------------------------
 LINKS
------------------------------------------ */

a { color: #f7941d; }
a:hover { text-decoration: none; }

/* ------------------------------------------
 TEXT STYLES
------------------------------------------ */

p, td, li {
	font: 11px/18px verdana, arial, helvetica, sans-serif;
	color: #525252;
	}

p, table { margin: 0 0 20px 0;}
ul { margin-top: 0; margin-bottom: 20px; list-style-position:inside;}
li { margin-bottom: 5px; }

hr {
	border-top: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #fff;
	margin: 30px 0;
	height: 0;
	padding: 0;
	clear: both;
	}

/* ------------------------------------------
 GLOBALS AND LAYOUT ELEMENTS
------------------------------------------ */

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#bodyWrap {
	width: 1024px;
	margin: auto;
	text-align: left;
	}
	
	#logoBar {
		width: 1024px;
		border-bottom: 2px solid #f7941d;
		height:140px;
		}
		
		#logoBar img { border: 0; }
	
	#navWrap {}

		#nav, #nav ul {
			list-style: none;
			padding: 0;
			margin: 0;
			float: right;
			}

		#nav li {
			cursor: pointer;
			float: left;
			padding: 0;
			margin: 0;
			}
				
		#nav li a {
			font: normal 11px verdana, arial, helvetica, sans-serif;
			color: #A8A9AC;
			display: block;
			padding: 10px 10px ;
			text-decoration: none;
			}
				
		#nav li a:hover { text-decoration: none; }
				
		#nav li ul a, #nav li ul a:visited {	
			min-height: 15px;
			font: normal 11px verdana, arial, helvetica, sans-serif;
			display: block;
			text-decoration: none;
			text-align: left;
			padding: 5px 5px 5px 10px;
			border-top: 1px solid #fcd4a5;
			color: #f7941d;
			width: 160px;
			background-color: #fff;
			}
			
		#nav li ul a:hover { 
			background-image: none;
			background-color: #f7941d;
			color: #fff;
			}
		
		#nav li ul {
			position: absolute;
			border-bottom: 0;
			left: -999em;
			height: auto;
			width: 160px;
			margin: 0;
			padding: 0;
			background-color: none;
			}
		
		#nav li li {
			width: 150px;
			background-image: none;
			}
		
		#nav li ul ul { margin: -26px 0 0 176px; }
		
		#nav li:hover ul ul,
		#nav li:hover ul ul ul,
		#nav li.sfhover ul ul {
			left: -999em;
			}
		
		#nav li:hover ul,
		#nav li li:hover ul,
		#nav li li li:hover ul,
		#nav li.sfhover ul,
		#nav li li.sfhover ul {
			left: auto;
			z-index: 500;
			}
		
		#nav li:hover, #nav li.sfhover {
			color: #001647;
			position: static;
			}
		
		#nav li ul li:hover, #nav li ul li.sfhover { 
			background-image: none;
			background-color: #c6bfb7;
			}
	
	#flashIntro {
		width: auto;
		height: 250px;
		margin: 50px 0 0 0;
		padding: 0px;
		overflow: visible;
		}
	
	#flashIntro img {
		border: none;
	}
	
	#homePageList ul {	list-style-type: disc;	}
	
	#homePageList li {
		display: inline;
		padding-right: 20px;
	}
	
	#contentWrap {
		padding: 20px 25px;
		}
		
		#imgBnnr {
			width: 971px;
			margin: 0 0 30px 0;
			}

			#imgBnnr .img1 { display: block; float: left; border: 0; }
			#imgBnnr .img2 { display: block; float: right; border: 0; }
			
			#enlarge {
				clear: both;
				text-align: right;
				padding: 10px 0 0 0;
				}
			
			.awards td { font: 10px/13px verdana, arial, helvetica, sans-serif !important; }
			.awards p { margin-bottom: 10px; }
		
		#contentLeft {
			width: 710px;
			float: left;
			}
		#contentRight {
			width: 200px;
			float: right;
			}
			
			#contentRight img { border: 0; }
			
				#overlayer { position: absolute; width: 48px; height: 49px; margin: 83px 0 0 149px; }
			
			#beforeAfter {
				margin: 0 0 20px 0;
				}

		#lhsFeature {
			margin: 0;
			padding: 0;
			width: 280px;
			float: left;
			}
			
		#testimonialWrap {
			background: #e5e5e5;
			padding: 20px;
			margin-bottom: 20px;
		}

		#testimonialWrap h2 {
			margin:0 0 15px;
		}
		
		#testimonialWrap hr {
			margin:10px 0;
		}
		
		.testimonial {
			color: #999;
			font: 13px/21px "century gothic", verdana, arial, helvetica, sans-serif; 
			}
		
		#lhsFeature img {
			margin-bottom: 5px;
		}
		
		#whenFeatureRight {
			float: right;
			width: 630px;
			}
			
		#aboutUsLeftSide {
			float: left;
			width: 280px;
		}
		
		#aboutUsLeftSideImage {
			margin-bottom: 15px;
			padding: 0;
		}
		
		#aboutUsLeftSideImage img {
			padding-bottom: 5px;			
		}

	#footer {
		width: 1024px;
		border-top: 2px solid #f7941d;
		padding: 10px 0 0 0;
		}
		#footer img { border: 0; }
		#footerLeft { width: 450px; float: left; }
		#footerRight {
			width: 450px;
			float: right;
			text-align: right;
			margin-bottom: 10px;
			}

			#awards {
				width: 250px;
				float: left;
				text-align: right;
				}
	#footer_text {
		font: normal 10px verdana, arial, helvetica, sans-serif;
		color: #A8A9AC;
	}
	
/* -------------------------------------------
JQUERY IMAGEBOX STYLES
------------------------------------------- */
#ImageBoxOverlay
{
	background-color: #000;
}

#ImageBoxCaption
{
	background-color: #F4F4EC;
}

#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}

#ImageBoxCaptionText
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}

#ImageBoxCaptionImages
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0;
}

#ImageBoxNextImage
{
	background-image: url(../../images/imagebox/spacer.gif);
	background-color: transparent;
}

#ImageBoxPrevImage
{
	background-image: url(../../images/imagebox/spacer.gif);
	background-color: transparent;
}

#ImageBoxNextImage:hover
{
	background-image: url(../../images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}

#ImageBoxPrevImage:hover
{
	background-image: url(../../images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

img
{
	border: none;
}