/* @override http://lformxserve01.local/Q%20-%20T/Ray%20White%20Enterprises/Site/2009-10-12/css/style.css */

@import url('reset.css');

/* #--- COLORS ---

Red: #b81d21
Grey: cecece
Links 2640c6

*/

/* #--- GLOBAL STYLES ---*/
html {}

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 1;
	color: #133b5c;
	background: #fff url(../images/background.jpg) repeat-x 0 0px;
	margin: 0px 0px 0px 0px;
}

a {
	color: #133b5c;
}
a:hover {
	text-decoration: none;	
}
p {
	line-height: 1.5;
	margin-bottom: 12px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

hr {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* # TEXT EFFECTS ---*/

p,dl{
}

/* # WRAPPER STYLES ---*/

#wrapper {
	text-align: left;
	width: 970px;
	margin: 0px auto;
}

/* # HEADER STYLES ---*/
#header {
	overflow: hidden;
	color:#fff;
	padding: 10px 0px 0px 0px;
}
#header-shadow {
	background: url(../images/shadow.png) repeat-x;
	position: absolute;
	height: 37px;
	width:100%;
	top: 120px;
	left: 0px;
	margin: 0px;
}
#header .logo {
	float: left;
	width: 550px;
	height: 91px;
	background: url(../images/logo.png) no-repeat;
	padding: 0px 0px 0px 100px;
}
	#header .logo h1 {
		padding: 0px 0px 0px 0px;
		font-size: 3.2em;
		font-variant: small-caps;
}
	#header .logo h2 {
		padding: 0px 0px 0px 0px;
		text-transform: uppercase;
		letter-spacing: .3em;
		font-size: 1.1em;
}
	
#header .phone {
	float: right;
	width: 285px;
	background: url(../images/phone.png) no-repeat 220px 0px;
	padding: 10px 0px 10px 0px;
}
	#header .phone h3 {
		padding: 0px 0px 0px 0px;
		font-size: 1.1em;
	}
	#header .phone h2 {
		padding: 0px 0px 0px 0px;
		font-size: 2.1em;
	}

/* # NAV MENU STYLES ---*/
#navbar {
	float:left;
	width: 900px;
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 2px 100px;
}
#nav {
	margin: 0px;
	padding: 0px;
}
#nav ul {
		
}

#nav li {
	width: auto;
	display:inline;
}
#nav li a {
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 5px 12px;
	color: #000;
	font-size: 1.1em;
	text-decoration: none;
	font-variant: small-caps;
	background:#fff;
	background: url(../images/bg-nav.png) no-repeat;
}

#nav li span {
	padding: 3px 0px 5px 0px;
	font-size: 1.1em;
	background: url(../images/bg-nav.png) no-repeat right top;
}

#nav li a:hover {
	color: #2678bd;
}

/* # SECONDARY STYLES ---*/
#content {
	overflow: hidden;
	padding: 20px 20px 50px 20px;
	margin: 0px 0px 0px 0px;
	background: url(../images/background-bottom.jpg) repeat-x left bottom;
}
#content h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-variant: small-caps;
	font-size: 2em;	
	border-bottom: 2px solid #133b5c;
	width: 66%;				
}
#content h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#content h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.1em;
}
#content p {
	padding: 6px 0px 6px 0px;
}
#content ul {
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 0px 0px;
}
	#content li {
		padding: 0px 0px 10px 0px;
		list-style-type: square;
	}
#content .img-left {
	float: left;
	margin: 10px 20px 5px 0px;
	border: 1px solid #c7c7c7;
}

/* # HOMEPAGE STYLES ---*/

#home-left {
	float:left;
	width: 600px;
	padding: 0px 0px 0px 0px;
}
	.slideshow-shadow {
		margin-bottom: 20px;
	}
	
	#slideshow ul, #slideshow li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		
	}
		
	#slideshow {
		width: 555px;
		height: 205px;
		overflow: hidden;
		padding: 25px 25px 0px 35px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #c7c7c7;
		background: url(../images/quotes.jpg) no-repeat -8px -5px;
		overflow: hidden;
		float: left;		
}

	#slideshow li {
	display: none;
}

	#slideshow .slideshow {
		xposition: absolute;
		xwidth: 555px;
		xposition: relative;
		xtop: 0px;
		height: 205px;
		xheight: 0;
		xmargin-top: -205px;
	}
	
	#xslideshow .slideshow {
		xfloat:left;
		width: 555px;
		height: 205px;
		padding: 25px 25px 0px 35px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #c7c7c7;
		background: url(../images/quotes.jpg) no-repeat -8px -5px;
		overflow: hidden;
	}
		#slideshow .slideshow .quote {
			font-size: 1.5em;
			font-style: italic;
			line-height: 1.3em;
			padding: 0px 0px 10px 0px;
			margin: 0px;
		}
		#slideshow .slideshow .person {
			margin: 0px;
			color: #3d5e79;
		}
		#slideshow .slideshow .company {
			font-size: 1.1em;
			color: #3d5e79;
			margin: 0px;
			padding: 5px 0px 0px 0px;
		}
		#slideshow .slideshow .button {
			float: right;
			padding: 0px 0px 0px 0px;
			margin: -10px 0px 0px 0px;
		}
		#home-left p {
			margin: 20px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			line-height:24px;
			font-size: 1.1em;
		}

#home-right {
	float:right;
	width: 285px;
	padding: 0px 0px 0px 0px;
	margin: 0px -5px 0px 0px;
}
	#service-shadow {
		margin-left: -10px;
		xpadding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 20px;
	}


#service-box {
		float: right;
		width: 270px;
		padding: 10px 10px 0px 10px;
		margin:0px 0px 0px 1px;
		border:1px solid #c7c7c7;
		background: #fff;
	}
		#service-box h3 {
			font-size: 1.6em;
			font-variant: small-caps;
			border-bottom: 1px solid #133b5c;
			padding: 0px 0px 0px 0px;
		}
	#service-box ul {
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 1em;
		color: #000;
	}
		#service-box li {
			padding: 0px 0px 15px 0px;
			margin: 0px 0px 0px 0px;
			list-style-type: none;
			line-height:21px;
		}
			#service-box li a {
				text-decoration: none;
				padding: 0px 0px 0px 0px;
				color: #000;
				border-bottom: 1px dotted #000;
			}
				#service-box ul li ul li {
					padding: 0px 0px 0px 15px;
					margin: 0px 0px p0x 0px;
					font-size: .9em;
				}
				#service-box ul li ul {
					padding: 5px 0px 5px 0px;
					margin: -2px 0px 0px 0px;
					font-size: .9em;
				}
					#service-box ul li ul li ul li {
						padding: 0px 0px 0px 15px;
						margin: -12px 0px 0px 0px;
						font-size: .9em;
					}
						#service-box ul li ul li ul li a {
							line-height: 26px;
						}
	#home-right .img-right {
		float: right;
		margin: 10px 0px 0px 0px;
	}
	#home-right #services p.button {
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}

/* TESTIMONIALS */
.testimonial {
	border-bottom: 1px solid #133b5c;
	padding: 10px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	xbackground: #f6f6f6;
	width: 65%;
}
	.testimonial .quote p {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1em;
		line-height: 1.3em;
	}
	.testimonial .person {
		padding: 5px 0px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-style: italic;
	}
	.testimonial .company {
		padding: 5px 0px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-size: .9em;
	}
	
/* FAQs */
.qa {
	border-bottom: 1px solid #133b5c;
	padding: 10px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	xbackground: #f6f6f6;
	width: 65%;
}
	.qa .question {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1em;
		line-height: 1.3em;
		font-style: italic;
	}
	.qa .answer {
		padding: 5px 0px 0px 20px;
		margin: 0px 0px 0px 0px;
	}
	
/* SERVICES */
.service-box {
	border-bottom: 1px solid #133b5c;
	padding: 20px 0px 30px 15px;
	margin: 0px 0px 0px 0px;
	xbackground: #f6f6f6;
	width: 60%;
}
	.service-box h3 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1.4em;
		line-height: 1em;
		color:#000;
		font-variant: small-caps;
	}
	.service-box ul {
		padding: 5px 0px 0px 20px;
		margin: 0px 0px 0px 0px;
	}
		.service-box li {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 5px 0px;
		}
		.service-box ul li ul {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}
			.service-box ul li ul li {
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
	.service-box p {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
	}

/* REPORTS */
body#reports .reports-nav {
	padding: 20px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #133b5c;
}
	body#reports .reports-nav ul {
		padding: 20px 0px 30px 0px;
		margin: 0px 0px 0px 0px;
	}
	body#reports .reports-nav li  {
		width: 500px;
		padding: 10px 0px 10px 15px;
		margin: 0px 0px 0px 20px;
		background: #133b5c;
		border-bottom: 1px solid #fff;
		list-style-type: none;
	}
	body#reports .reports-nav li a  {
		display: block;
		color: #fff;
		padding: 0px 0px 0px 12px;
		background: url(../images/arrow.gif) no-repeat 0px 7px;	
	}
	.reports-box p.arrow-up  {
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		text-transform: uppercase;
		font-size: .7em;
		font-weight: bold;
	}
		.reports-box p.arrow-up a {
			color: #133b5c;
			background: url(../images/arrow-up.gif) no-repeat 0px 5px;
			padding: 0px 0px 0px 10px;
		}

body#reports .reports-box {
	padding: 20px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #133b5c;
}
body#reports .reports-box h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.5em;
	font-weight: bold;
}
body#reports .reports-box h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: normal;
}
	body#reports .reports-box h5 {
		padding: 10px 0px 0px 20px;
		margin: 0px 0px 0px 0px;
		font-size: 1em;
		font-weight: normal;
	}
body#reports .reports-box ul {
	padding: 5px 0px 5px 60px;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
	font-weight: normal;
}
body#reports .reports-box li {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: .9em;
	font-weight: normal;
	list-style-type: none;
}

/* RESOURCES */
body#resources p {
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
}
	body#resources p a {
		font-weight: bold;
		font-size: 1.1em;
	}

/* CONTACT */

#contactform {
	float: left;
	width: 600px;
}
#contactform form {
	margin: 0px 0px 0px 0px;
}

#contactform fieldset {
	xfloat:left;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#contactform label {
	display: block;
	font-size: .9em;
	width: 400px;
}
	#contactform label b {
		color: #ff0000;
	}
#contactform input, #contact form#text {
	display:block;
	clear: both;
	width: 190px;
	height: 18px;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
}
#contactform textarea {
	clear: both;
	width: 380px;
	height: 50px;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;	
}

#contactform input.submit {
	width: auto;
	background: #133b5c;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 20px 5px 20px;
	margin: 20px 0px 0px 0px;
	height: auto;
}
#contactform .button-submit {
	width: auto;
	background: #133b5c;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 20px 5px 20px;
	margin: 20px 0px 0px 0px;
	height: auto;
}

body#contact #contactform form ul {
	width: 600px;
	padding: 0px 0px 15px 50px;
	font-size: .9em;
	list-style-type: none;
}
	body#contact #contactform form li {
		float:left;
		width: 250px;
		padding: 0px 0px 5px 0px;
		list-style-type: none;
		line-height:18px;
	}
	
body#reports-contact #contactform form ul {
	width: 600px;
	padding: 0px 0px 15px 50px;
	font-size: .9em;
	list-style-type: none;
}
	body#reports-contact #contactform form li {
		xfloat:left;
		padding: 5px 0px 5px 0px;
		list-style-type: none;
		line-height:18px;
	}
	
body#reports-new-contact #contactform form ul {
	width: 600px;
	padding: 0px 0px 15px 50px;
	font-size: .9em;
	list-style-type: none;
}
	body#reports-new-contact #contactform form li {
		xfloat:left;
		padding: 5px 0px 5px 0px;
		list-style-type: none;
		line-height:18px;
	}




/* # SHADOW STYLES ---*/
.shadow {

}
.shadowAdd {
	padding: 2px 4px 4px 2px;
	float: left;
}

#service-shadow.shadowAdd {
	float: right;
}

div.sb-shadow {
	background: #bababa;
}


#slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 250px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 580px;
}



/* # FOOTER STYLES ---*/
#footer {
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	color: #033e0a;
	font-size: .8em;
	border-top: 5px solid #133b5c;
	font-family: Verdana;
}
	#footer span#company {
		float:left;
		width: 700px;
		padding: 0px 0px 0px 0px;
		font-size: .8em;
		text-transform: uppercase;
	}
	span#design {
		float:right;
		width: 240px;
		padding: 0px 0px 0px 0px;
		text-align: right;
	}
		span#design a {
			font-size: 0.8em;
			color: #000;
			text-decoration: none;
		}
	span#logos {
		float:left;
		width:970px;
		padding: 0px 0px 0px 0px;
	}
		span#logos img {
			padding: 0px 10px 0px 0px;
			height: 65px;
		}
	span#browser {
		color: #000;
		float: left;
		width:970px;
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
		font-size: .8em;
		text-transform: uppercase;
	}

strong,b {
	font-weight: bold;
}

em,i {
	font-style: italic;
}

/* # UTILITY STYLES ---*/
div.right, span.right { float: right; }
div.left, span.left { float: left; }
.clear { clear: both; }
.nullclear { clear: both; height: 0px; width: 0px; margin: 0px; padding: 0px; display: none;}
.nofloat { float: none; }	
.nomargin { margin: 0px; }	
.first { border: 0px; margin-left: 0px; padding-left: 0;}
.xlast {	border: 0px; margin-right: 0px; padding-right: 0;}
.bold { font-weight: bold; }


 img, div, input { behavior: url("iepngfix.htc") }