/* layout
----------------------------------------------- */
/* Resets */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,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;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline:0;}
body{line-height:1;	color:#333;background:#FFF;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate; border-spacing:0;}
caption,th,td{text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* typography
----------------------------------------------- */
p {margin:0 0 10px 0;}
h1,h2,h3,h4 { font-family:Tahoma, Geneva, Kalimati, sans-serif; font-weight:bold; color:#52433C;}
h1 { color:#52433C; margin:0; padding:0 0 15px 0; font-size:18px; }	
h2 { color:#998C7C; margin:0; padding:7px 0 15px 0; font-size:14px; margin-top:25px; border-top:1px dotted #CCC;}
h3 { color:#000; margin:0; padding:5px 0 10px 0; font-size:12px; margin:0; font-weight:bold;}
h4 { color:#52433C; margin:0; padding:5px 0 10px 0; font-size:12px; margin:0; text-decoration:underline; font-style:italic;}

/* positioning
----------------------------------------------- */
.f-left {float:left;}
.f-right {float:right;}

.bbq-content-wrap { width:740px; padding:0 0 30px 0; margin:0; float:left; }
.bbq-content-left { float:left; width:500px; text-align:justify; }
.bbq-content-right { float:right; padding:0;}
	.bbq-content-right img{float:left;clear:both; margin:5px;border:3px solid #D6D1CB;}
	.bbq-content-right img.padit{padding:30px 0 0 40px;border:none;}



/* home */
.col-padleft {float:left; padding:0 30px 0 0;}
.home-quote {float:left; width:490px; font-style:italic; line-height:17px;}
.col-partners {float:left; padding:0 30px 0 0; width:120px;}

/* contact */
.contact-detail { float:left; width:70px;}
.contact-detail-sml { float:left; width:40px;}
.num-phone {font-size:14px; font-weight:bold;}
p.sml { padding:0 0 6px 0; margin:0;}

/* = colors ---------------------- */
.color-greyC {color:#CCCCCC;}
.color-grey9 {color:#999999;}
.color-grey6 {color:#666666;}
.color-grey3 {color:#333333;}
.color-orange {color:#FC7215;}

.font-space {padding-right:16px; font-size:10px;}
.fontsize11 {font-size:11px;}
	
/* = hyperlinks ---------------------- */
a:link, a:visited {color:#333; text-decoration:none; font-weight:bold;} 
a:hover {color:#333; text-decoration:underline;}

body { font-family:Tahoma, Geneva, Kalimati, sans-serif; font-size:12px; line-height:16px; margin:0; padding:0; background:#000;}
#frame { position:relative; margin-left:auto; margin-right:auto; width:970px; text-align:left;} 
#header { float:left; width:970px; height:162px; background:#000; }
	#header img.logo {float:left; padding:42px 0 0 17px;}
	#header-quote {float:right; padding:16px 20px 0 0; width:303px; height:100px;}
	#header-contact { float:right; padding:81px 34px 0 0; text-align:right; }
		#header-contact p { font-size:18px; line-height:18px; font-weight:bold; font-style:italic; color:#999; padding:0 0 11px 0; margin:0; }
		#header-contact a { font-size:14px; line-height:15px; color:#666; text-decoration:none; }
		#header-contact a:hover { font-size:14px; color:#FC7215; }

#nav-main-wrap { float:left; width:968px; height:35px; border:1px #FCFCFC solid; border-bottom:none; background:#998C7C;}
	#nav-main-spacer { float:left; width:167px; }
	#nav-main { float:left;  font-size:12px; }
		#nav-main a { text-decoration:none; }
		#nav-main ul { display:inline; padding:0; margin:0;}
		#nav-main ul li { display:inline; list-style:none; float:left; margin-right:1px;}
		#nav-main ul li a {display:block; color:#FFF; font-weight:bold; padding:8px 18px 0 18px; height:27px; background:#333; }
		#nav-main ul li a img { padding-right:8px;}
		#nav-main ul li a:hover,
		#nav-main ul li.active a {display:block; color:#FFF; font-weight:bold; padding:8px 18px 0 18px; height:27px; background:url(../images/css/default/nav/main/on.png) repeat left; }
	#nav-tell-friend{float:right; display:inline; font-size:12px; line-height:12px; color:#FFF; font-weight:bold; padding: 12px 25px 5px 0;}
			#nav-tell-friend a {text-decoration:none;}
			#nav-tell-friend a:hover{text-decoration:underline;}			
			#nav-tell-friend img{margin-right:5px;} 

#content-wrap { float:left; width:968px; overflow:hidden; border:1px #FCFCFC solid; background:#333; }
	#content-panel-left { float:left; width:167px; text-align:left;}
		#nav-sub-title { float:left; width:152px; height:24px; color:#FFF; font-size:12px; padding:13px 0 0 15px; font-size:15px;}
		#nav-sub-top {font-size:14px; font-weight:bold; color:#998C7C; background:#000; height:18px; padding: 8px 0 7px 15px;} 
		#nav-sub { float:left; width:167px; font-size:12px;}
		#nav-sub a {text-decoration: none; border:none;}
		#nav-sub ul { margin:0; padding:0; float:left; }
		#nav-sub ul li { list-style:none; padding:0;}
		#nav-sub ul li a { display:block; color:#FFF; padding:15px 0 0 15px; width:152px; height:26px; background:url(../images/css/default/nav/sub/off.png) repeat left; }
		#nav-sub ul li a:hover,
		#nav-sub ul li.active a { display:block; color:#FFF; width:152px; background:url(../images/css/default/nav/sub/on.png) repeat left; }
		
		#content-panel-left img{padding:50px 0 0 30px;}
	
	#content-panel-right { float:left; width:801px; background:#FFF;}
		#image-main { float:left; width:801px;}
		#content-body { float:left; width:740px; background:#FFF; padding:30px 30px 50px 30px; border-bottom:1px solid #CCC; text-align:left;color:#333333;}
			#content-body strong {font-weight:bold;}
			#content-body a:link, #content-body a:visited {color:#998C7C; text-decoration:none;} 
			#content-body a:hover {color:#000; text-decoration:underline;}
			#content-body ul {padding:0 0 10px 0; margin:0 0 0 0;}
			#content-body li {padding:0 2px 3px 0; margin:0 0 0 20px; color:#333333; font-weight:normal; list-style-image:url(../images/icons/dot-greyc.gif);}
			#content-body ul.pdf {padding:0 0 10px 0; margin:0 0 0 0;}
			#content-body ul.pdf li {padding:0 2px 3px 5px; margin:0 0 0 40px; color:#333333; font-weight:normal; list-style-image:url(../images/icons/icon_pdf.gif);}
			#content-body .body-leftbox {float:right; padding:0 0 30px 30px; border:1px solid #00FF00;}
			#content-body .body-leftbox a { color:#333333; text-decoration:underline; font-size:10px; }

			#content-body .lead {float:left; width:700px; clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px #333333;}
				#content-body .lead .left{float:left;}
					.left h2{border:none; padding: 0px;}
				#content-body .lead .left .contact {border:1px solid #333333;width:330px;}
				#content-body .lead	.right{float:right; padding-top:30px;}

			#content-body img {float:left;}
			#content-body .contact-wrap {float:left; width:700px; padding:0 0 20px 0;}		
			#content-body .contact-container { width:330px; padding:0 20px 0 0; float:left;}
			#content-body .contact-container img { padding:0 15px 50px 0;}
			#content-body .contact-container h2{border:none;padding:0;margin:0;}
				.contact-wrap h3.agents{border-bottom:1px dotted black; padding:0; margin:0 0 10px 0;color:#998C7C; }

			#content-body .content-body-subleft { float:left; width:500px; }
			#content-body .content-body-subright { float:right; width:220px; padding:5px 0 30px 10px; }
				#content-body .content-body-subright p { float:right; padding:2px 3px 10px 5px; margin:0; color:#666666; font-size:10px; text-align:right; }
				#content-body .content-body-subright img { border:2px solid #D6D1CB; float:left; margin-bottom:1px;}
			
			#content-body .gallery-wrap { float:left; padding:0 0 0 10px; }
				#content-body .gallery-wrap a {border:none; }
				#content-body .gallery-wrap img { float:left; border:3px solid #D6D1CB; margin:10px 7px 7px 10px; }
				
			#content-body ul.sitemap{color:#998C7C;}
				#content-body ul.sitemap li{color:#998C7C;}
			#content-body ul.inner-sitemap{color:#998C7C;}
				#content-body ul.inner-sitemap li{color:#998C7C;list-style:inside}
			
			#swf-wrap {margin-bottom:15px;}
				#swf-wrap p{float:left;width:350px; padding-bottom:15px;}
			#content-body-swf{float:right;width:332px; height:249px;border:3px solid #D6D1CB;}
			#swf-img {float:right;width:332px; height:249px;}
			
			.modes{clear:both;margin-top:15px;}
				
			#content-body ul.vers-space{float:left; padding-top:10px;font-size:14px;}
				
			#img-wrap{float:left; width:780px; color:#998C7C;}
			#img-wrap .img-twobytwo{float:left; width:350px; padding: 0 25px 20px 0;}
				.img-twobytwo p{}
			#img-wrap img{float:left; margin:0 10px 26px 0;border:3px solid #D6D1CB;}
			#img-wrap .img-single{float:left; width:700px;}
			
			#content-body ul.list-header h2{margin:0; padding:5px 0 5px 20px;font-size:14px; border:1px #998C7C solid; width:120px;}
			#content-body ul.list-header li{padding-bottom:5px;}
			
			#concept-boxes{float:left;width:840px;}
				#concept-boxes .concept-box{float:left; padding:0 0 8px 0;}
				.concept-box h2{border: 1px #998C7C solid;margin:0 10px 0 0;padding:2px 2px 2px 6px;width:100px;float:left;}
				.concept-box p{margin:0;padding:0;float:left;width:650px;}
				
			#panel-nav {float:right; padding:0 0 20px 20px; width:219px; }
				#panel-nav .title { float:left; text-align:center; color:#FFF; font-size:14px; font-weight:bold; width:219px; background:#998C7C; padding:9px 0 6px 0; margin-bottom:11px; }
				#panel-nav .qlink-wrap { float:left; width:213px; background:#CCC; padding:3px; margin-bottom:2px; }
				#panel-nav .qlink-wrap img { float:left; }
				#panel-nav .qlink-box { float:right; width:103px; padding:10px;}
				#panel-nav h1 { padding:0 0 10px 0; margin:0; font-size:11px; color:#333; font-weight:bold; }
				#panel-nav a {text-decoration: underline;}	
				#panel-nav a:hover { color:#333; text-decoration: underline;}
	#content-panel-footer {width:968px; text-align:right;background-color:#998C7C; float:left;}
		#content-panel-footer p{padding: 5px 35px 0 0;}
		#content-panel-footer a{text-decoration:none;}
		#content-panel-footer a:hover{text-decoration:underline;}
		
#footer { float:left; width:914px; padding:23px 34px 50px 22px; color:#CCCCCC; font-size:10px; border-top:1px solid #333 }
	#footer a:link, #footer a:visited { color:#CCCCCC; text-decoration:none; } 
	#footer a:hover { color:#FFF; text-decoration:underline; }
	#footer a.link_rpi:link, #footer a.link_rpi:visited { color:#FA6C15; text-decoration:none; font-size:11px; font-weight:bold; }
	#footer a.link_rpi:hover { color:#FA6C15; text-decoration:underline; font-size:11px; font-weight:bold; }
	#footer .top-panel {float:left; width:914px;}
		#footer .top-panel img {float:right; padding-left:30px;}
	#footer .btm-panel {float:left; width:914px; padding-top:20px;}
	
	#footer .left-panel{float:left;}
		#footer .left-panel ul{list-style:none; display:inline; padding:0; margin:0;}
		#footer .left-panel ul li{display:inline; list-style:none;}
	#footer .right-panel{float:right;}