/* Imports
----------------------------------------*/
@import url("import/reset.css");
@import url("import/basicForms.css");


/* Elements
----------------------------------------*/
body{
	/*background-color:#FFFFFF;*/
	background: url(../images/layout/bg.jpg) repeat-x #e68b13 0 0;
}

body, p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#ffffff;
}
#printLogo{display:none;} /* added for printing the page */

p{margin: 0 0 10px 0;}


/*--- Basic Link Styles ---*/
a{color:#FFFFFF;}
	a:hover{color:#FFFFFF;text-decoration:none;}
	
	
/*--- CSS3 Styles ---*/
.basicBoxShadow{
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
}
.basicRoundedCorder{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	margin:5px 0 10px 0;
	font-size:17px;
}
	h2{color:#cccccc; font-size:12px; font-weight:bold; margin:0px; background-color:#000; width:60px;margin:10px 0 0 0;}
	h3{color:#ffffff; font-size:15px; font-weight:bold; margin:0px;}
	h4{color:#ffffff; font-size:14px;}
	h5{color:#ffffff; font-size:13px;}
	h6{color:#ffffff; font-size:12px;}
	
	ul{margin-left:25px; list-style-type:none;}
	ol{margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em			{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

.box {padding:10px; margin: 0 0 10px 0;}

/* List Definitions
----------------------------------------*/
ul.normal {
	list-style-type:disc;
	margin-bottom:10px;
}

ul.advanced{
	margin:0 10px 0 12px;
}
	ul.advanced li{
		display:block;
		padding: 0 0 0 17px;
		background: url(../images/background/bg_list.gif) left 4px no-repeat;
	}
		
	
/* Header
----------------------------------------*/

#mainContainer{ 	/* Define website WIDTH */
	width:967px;
	margin: 5px auto;
	background: url(../images/layout/container_bg2.jpg) /*no-repeat;*/ repeat-y;
	background-position:0% 0%;
	
}

#header{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: /*#ffb35a*/ url(../images/layout/logoheader_bg.png) no-repeat;
	background-position:50% 0%;
	width:967px;
}



#banner {width:967px; height:310px; /*background-color:#00FF99;*/}
#inside_banner {width:967px; height:100px; background-color:#00FF99;}

	#header #topSection{ height:60px; margin:0 0 0 0; padding:0 0 0 0; }
		#header #topSection img{ padding: 16px 0 0 0;
/*border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;*/
display:block;
margin-left:auto;
margin-right:auto; 

 /*width:245px; height:49px;*/}



	/* NAVIGATION MENUS
	TOP Nav children of Header
	----------------------------------------*/
	ul#nav{
		margin:0; padding:0;
		
	}
		ul#nav li {
			float:left; 
			list-style-type:none; 
			margin:0px;
		}
		
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height:49px; display:block; text-indent:-9999px; outline:none;}
	
		/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
		li#navHome a		{background: url(../images/btn/btn_home.gif) top left no-repeat; width:100px;}
		li#navAbout a		{background: url(../images/btn/btn_about.gif) top left no-repeat; width:83px;}
		li#navServices a	{background: url(../images/btn/btn_services.gif) top left no-repeat; width:98px;}
		li#navContact a		{background: url(../images/btn/btn_contact.gif) top left no-repeat; width:120px;}
	
	/* CSS Rollover (Sprites) 
	----------------------------------------*/
		ul#nav li a:hover {background-position:bottom left; /*can also be posinnionned center, or by pixels */}
		
		/* ACTIVE SECTION */
		ul#nav li.active a {background-position:bottom left !important;}
			ul#nav li.active a span{background-position:bottom left !important; /* USE ONLY WITH LInK FADER JS SCRIPT */}
	
			
		/* SUB Nav children of #leftCol
		Use #leftCol and etc before the UL tag for more definitions
		----------------------------------------*/
		ul.subNav{
			margin:0; padding:10px;
			list-style-type:none;
			
		}
			ul.subNav li {display:block; list-style-type:none;}

		
/* Main Content
----------------------------------------*/
#mainContent{
	/*background:#fee;*/width:967px;
}

	/* #leftCol children of Main Content, ususally SUBNAV is here
	----------------------------------------*/
	#mainContent #leftCol{ /* Define WIDTH */
			float:left;
			width:200px;
		}


	/* #contentSection children of Main Content
	----------------------------------------*/
		#mainContent #contentSection{ /* Define WIDTH */
			float:left;
			width:628px;
			padding: 0 10px 30px 10px;
			/*background-color:#0033FF;*/
			background: /*#ffb35a*/ url(../images/layout/main_content_bg.png) no-repeat;
			min-height:600px;
			background-position:0% 0%;
		}
		
		#mainContent #contentSection .heavytext {background: /*#ffb35a*/ url(../images/layout/heavytext.png) repeat-y; /*filter: alpha(opacity=25); -moz-opacity: .55; background-color:#000;*/ /*position:absolute; top:450px; left:110px;*/ padding:25px;}

#mainContent #contentSection .homeheavytext {background: /*#ffb35a*/ url(../images/layout/heavytext.png) repeat-y; /*filter: alpha(opacity=25); -moz-opacity: .55; background-color:#000;*/ /*position:absolute; top:450px; left:110px;*/ padding:2px;}


	/* #rightCol children of Main Content
	----------------------------------------*/
		#mainContent #rightCol{ /* Define WIDTH */
			float:right;
			width:315px;
			/*background-color:#CC0000;*/
			background: /*#ffb35a*/ url(../images/layout/right_column.png) no-repeat;
			min-height:600px;
			background-position:0% 0%;
		}
		
		#mainContent #rightCol .album {float:left; width:148px; padding:0 0 10px 0;	}
		#mainContent #rightCol .desc {float:right; width:153px;	min-height:148px; font-size:11px; line-height:12px; }




/* Footer
----------------------------------------*/
#footer{
	/*background-color:#0066FF;*/
	margin:20px 0 0 0px;
	padding: 0 0 0 0;
	height:60px;
}

	#footer p {
		font-size:10px;
		text-align:center;
		line-height:10px;
		color:#000;
	}




/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	/*display: block;*/
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	margin:0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}



/*scrolling table fun*/

table {
			text-align: right;
			font-size: 11px;
			font-family: verdana;
			background: #c0c0c0;
		}
 
		table thead  {
			cursor: pointer;
		}
 
		table thead tr,
		table tfoot tr {
			background: #e87701;
		}
 
		table tbody tr {
			background: #f0f0f0;
		}
		
		table thead tr th{
			padding: 2px 0 2px 5px;
		}
		
		table tfoot tr th{
			padding: 2px 0 2px 5px;
		}
		
		table tbody{
			padding: 2px 0 2px 5px;
		}
 
		td, th {
			/*border: 1px solid white;*/
		}
		
		tfoot td, th {
			border: 1px solid black;
		}
		
		thead td, th {
			border: 1px solid black;
		}
		
		
		
		table p {color:#000; font-size: 10px; line-height:11px;}
		table td p {padding:0 0 0 5px;}


/*content tables*/

		#contentSection table { text-align: right; font-size: 11px; font-family: verdana; background: none; margin:30px 0 0 10px;
		}
 
		#contentSection table thead  {cursor: pointer;
		}
 
		#contentSection table thead tr,
		#contentSection table tfoot tr {background: #e87701;
		}
 
		#contentSection table tbody tr {background:none;
		}
		
		#contentSection table thead tr th{padding: 2px 0 2px 5px;
		}
		
		#contentSection table tfoot tr th{padding: 2px 0 2px 5px;
		}
		
		#contentSection table tbody{padding: 2px 0 2px 5px;
		}
 
		#contentSection td, #contentSection th {/*border: 1px solid white;*/ padding:5px;
		}
		
		#contentSection tfoot td, #contentSection th {border: 1px solid black;
		}
		
		#contentSection thead td, #contentSection th {border: 1px solid black;
		}
		
		
		
		#contentSection table p {color:#000; font-size: 10px; line-height:11px;}
		#contentSection table td p {padding:0 0 0 5px;}
		
		
		
		/**/
		#tourpage table {
			text-align: right;
			font-size: 11px;
			font-family: verdana;
			background: #c0c0c0;
			margin:0px 0 0 0px;
		}
 
		#tourpage table thead  {
			cursor: pointer;
		}
 
		#tourpage table thead tr,
		#tourpage table tfoot tr {
			background: #e87701;
		}
 
		#tourpage table tbody tr {
			background: #f0f0f0;
		}
		
		#tourpage table thead tr th{
			padding: 2px 0 2px 5px;
		}
		
		#tourpage table tfoot tr th{
			padding: 2px 0 2px 5px;
		}
		
		#tourpage table tbody{
			padding: 2px 0 2px 5px;
		}
 
		#tourpage td, #tourpage th {
			/*border: 1px solid white;*/
		}
		
		#tourpage tfoot td, #tourpage th {
			border: 1px solid black;
		}
		
		#tourpage thead td, #tourpage th {
			border: 1px solid black;
		}
		
		
		
		#tourpage table p {color:#000; font-size: 10px; line-height:11px;}
		#tourpage table td p {padding:0 0 0 5px;}