/*****  CSS Reset - Reset Global Styles  *****/
* { 	margin: 0;	padding: 0; }

/***************** General Styles ***************/
img { border: 0;}
body { width: 100%; color: white; font-family: Arial; font-size: 12px; background: black; text-align: center; }
a, a:hover, a:link, a:visited, a:active, a:focus { border:0; }
th { text-align: right; color: #6D7272; font-size: 14px;}
input[type="text"],textarea,select { width: 200px; }
a.contactUs, a.contactUs:hover, a.contactUs:link, a.contactUs:active, a.contactUs:visited {color: #499DCE; font-size: 12px; text-decoration: none; font-weight: bold; }
/******************* Introduction  Page ****************/
#domestic { width: 960px; height: 70px; margin: 20px auto 0;}
	#domestic .domesticSol { width: 70px; height: 70px; /* margin-left: 890px;*/ float: right; }
		.domesticSol .domesticText { font-size: 12px; color: white; padding:15px 0 0 0;}		
#intro { margin: 35px auto 0; height: 400px; width: 960px;	}
#skip { 	clear: both; width: 960px; margin: 10px auto 0; text-align: right;}
#skip a, #skip a:hover,#skip a:link,#skip a:focus,#skip a:visited { font-size: 14px; color: #E0DC9B; text-decoration: none;}

/******************* Page Structure ********************/
#pageFrame { width: 960px; border: 2px solid #333333; margin: 30px auto; min-height: 610px;	height: 610px; height: auto; !important; background: #333333; }
		#pageFrame #pageWrapper { width: 950px; background : #E0DC9B; margin: 5px; min-height: 600px; height: 600px;	height: auto; !important; }
				#container{ text-align: left; width: 830px;	color: #6D7272;	margin: 0 auto;	min-height: 600px;	height: 600px; height: auto; !important;	}
					#container #header { height: 30px; text-align: right; }
						#header ul.headerLinks { 	margin:0; padding: 10px 0 0; }
							ul.headerLinks li.headerLinkItem { font-size:9px; display: inline;	color: #333333; text-transform: uppercase; }
								li.headerLinkItem a,li.headerLinkItem a:visited,li.headerLinkItem a:hover,li.headerLinkItem a:link,li.headerLinkItem a:active { color: #333333; text-transform: uppercase; text-decoration: none; }	
							span.headerSeperator { color: white;	font-weight: bold;	padding: 0 1px; }	
					#container #footer { height: 30px; text-align: right; }					
					#container #pageContent { background: white;	min-height: 560px; height: 560px; height: auto; !important	}
					
/****************** CSS for Page Contents *****************/
#pageContent #logo { margin-top: 60px; margin-left: 30px; z-index:9999; width: 96px; height: 96px; position: absolute; }
#pageContent #logo img { border: none; }
#pageContent #topSection { height: 120px; position: relative; z-index: 1; width: 830px; }
		#topSection #topMenu{ margin-left: 200px; padding-top: 10px; width: 300px; float:left; 	position:absolute; }		
			
			#topMenu li.topMenuLinks { display: block; text-transform: uppercase; color: #499DCE; text-align: left; padding: 1px 0; font-weight: bold; }
			li.topMenuLinks a:link, li.topMenuLinks a:visited,li.topMenuLinks a:hover,li.topMenuLinks a:active { text-decoration: none; color: #499DCE; }
		#topSection #domestic { width: 120px; height: 100px; float: left; left: 650px; position:absolute; text-align: center; }	
		#topSection #stay_options { width: 110px; height: 100px; float: left; left: 500px; position:absolute; text-align: center; margin:20px auto; }	
#pageContent #middleSection { height: 260px; position: relative; z-index: 1; }
		#middleSection #menuArea2 { 	width: 155px; height: 260px; background: black;	float: left; color: #FFFFFF; font-size: 10px; }
			#menuArea2 ul.menu2 { margin: 40px 0 0 20px;	}
				ul.menu2 li { list-style: none; list-style-type:none;	text-transform: uppercase; }
				ul.menu2 li a:active, ul.menu2 li a:hover,ul.menu2 li a:link,ul.menu2 li a:visited  { color: #FFFFFF; text-decoration: none;	}
		#middleSection #bannerImage { width: 675px; height: 260px; float: left; }

#pageContent #bottomSection { min-height: 180px; height: 180px; height: auto !important;	width: 830px; }
	#bottomSection .infoArea { margin: 15px;	color: #6D7272;	font-size: 14px; padding-bottom: 10px; }
		.infoArea .subHeading { color: #3F4449; font-size: 12px;	display: block;	margin-top: 10px;	}
		.infoArea ul.servicesList { margin: 0 0 0 25px; font-size:14px; font-family:Arial; list-style:disc; }				
		.infoArea .headingText { font-size: 20px; color: #047CC1; font: Arial; padding: 3px 0; text-decoration: none; display: block; border-bottom: #CFCFCA 1px dashed;	}
	
.floater { height: 90px; padding:10px 0 0 220px; font-size: 11px; color: #8A807F;	}
.success { border:1px solid #047CC1; height: 25px; padding: 8px; font-size:l3px; text-align: center; color: white; background: #4bb5ea; }
.error {border:1px solid #047CC1; height: 25px; padding: 8px; font-size:l3px; text-align: center; color: red; background: #4bb5ea; }


/************ CSS for Jquery Accordion Effect *******************/
/**  for inactive headings **/
.ui-state-default { font-size: 20px; color: #CFCFCA; }
/**  for active headings **/
.ui-state-active {	font-size: 20px; color: #047CC1; font: Arial; padding: 3px 0; text-decoration: none; }
.accordionHeadingLink:link, .accordionHeadingLink:active, .accordionHeadingLink:hover,.accordionHeadingLink:visited 
	{ font: Arial; padding: 3px 0; text-decoration: none; display: block; border-bottom: #CFCFCA 1px dashed;clear: both; outline-style:none; outline-width:0px;}
.accordionText { color: #6D7272; font-size: 14px; }