* {
	margin:0;
	padding:0;
}
html { 	
	background: #fff url(../images/bg1.jpg) top center no-repeat;
	margin:0;
	padding:0;
}

BODY {
    font-family:  Tahoma, Arial, Verdana, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 85%;
	line-height: 170%;
	margin:0;
	padding:0;
    color:#fff;
	font-size: 100%;
}


br {line-height:10px;}

p {
    font-family:  Tahoma, Arial, Verdana, Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: left; 
	font-size: 0.825em; /* 16x0.875=14px */
	margin: 0 0 0.7em 0; /* 14x1.286=18px */
	line-height: 1.4em;/* 16x1.636=36px */

}
h1 {	
    color: #fff; 
    font-family:  Georgia, "Times New Roman", "Helvetica Neue", Arial, Helvetica, Verdana;
	font-weight: 100;
	font-size: 1.475em; /* 16x1.375=22px */
	line-height: 1.636em;/* 16x1.636=36px */
	margin: 0;
	letter-spacing: -1px;
}

h2 {	
    color: #fff; 
    font-family:  Georgia, "Times New Roman", "Helvetica Neue", Arial, Helvetica, Verdana;
	font-weight: 100;
	letter-spacing: 0px;
	font-size: 1.0em; /* 16x1.125=18px */
	margin:1em 0 0 0; /* 18x1=18px */
}


h3 {
color:#00ADEE; 
font-size: 120%; 
font-weight: normal;     
font-family:  Verdana, Georgia, "Times New Roman", Times, serif;
margin-bottom: 0px; 
}

img				{ border: 0px;}

li { 
	list-style: disc; margin: 0 0 0 30px; 
	color: #999;
	font-size: 0.825em; /* 16x0.875=14px */
	line-height: 1.4em;/* 16x1.636=36px */
}



a				{ color: #9d0000; text-decoration: none; }
a:hover			{ color: #9d0000; text-decoration: underline; }

.half_left a	{color: #3d4c91; text-decoration: none; }
.half_left a:hover {text-decoration: underline;}

input, textarea, select {font-family: "Lucida Sans Unicode", tahoma, arial; }


#wrapper			{ width:795px; height:558px; margin:40px auto 0 auto; padding:0; background: url(../images/bg-home.jpg) top left no-repeat;  }

#top-row			{ width: 800px; height:94px; clear:both; margin:0; padding:0; }
*:first-child+html #top-row			{ height:108px; }
#header-pic			{ width: 722px; height:235px; clear:both;  margin:0; padding:0;  }

/*
//////////////////////////////////////////
//////     Page containers      //////////
//////////////////////////////////////////

*/

#page-container-home, #page-container-gallery, #page-container-links, #page-container-contact, #page-container-thanks	
{ float:left; margin:140px 0 0 40px; width: 400px; height: 260px; border: yellow 0px solid; clear:both; padding:0px;  }

#page-container-profile		{ float:left; margin:140px 0 0 40px; width: 710px; height: 247px; overflow: auto; }

/*
//////////////////////////////////////////
//////     Menu containers      //////////
//////////////////////////////////////////

*/
#menu-container-home, #menu-container-links, #menu-container-gallery, #menu-container-contact					
{ float:left; clear:both; margin: 10px 0 0 400px; border: yellow 0px solid; width: 385px;  }

*:first-child+html #menu-container-home { width: 385px; margin: -5px 0 0 400px;  }

*:first-child+html #menu-container-links { width: 385px; margin: -5px 0 0 400px;  }

*:first-child+html #menu-container-gallery { width: 385px; margin: -5px 0 0 400px;  }

*:first-child+html #menu-container-contact { width: 385px; margin: -5px 0 0 400px;  }
*:first-child+html #menu-container-thanks { width: 385px; margin: -5px 0 0 400px;  }

#menu-container-profile		{ position: relative; top: 23px; left: 400px;  }


*:first-child+html #menu-container-profile
{ width: 385px; position: relative; top: 8px; left: 400px;  }

#menu-links			{ height: 30px; margin-top:0px;  }
#menu-links a		{ color:#000; margin-right: 25px; font-family: arial, georgia, "Times New Roman", serif; font-size: 16px; }
#menu-links a:hover	{ border-bottom: #000 2px solid; text-decoration: none; }
#menu-links a.selected	{ border-bottom: #000 2px solid; }


#textContainer ul { 
	padding-left: 20px; 
 }





#contentwrapper { 
padding: 0;  
background: url(../images/content-bg-top3.jpg) top left no-repeat; 
}

#pagecontainer { 
  min-height:400px;
  padding: 10px 30px 10px 30px;  
  background: url(../images/content-area-btm.jpg) bottom left no-repeat; 
}


#contact-details	{ float:right; width:200px; }

#pagecontent		{ width:540px; float: right; margin-right: 20px;  }
#image_column		{ width:275px; float: right; text-align:right; padding-top:5px; }

#gallery			{ padding: 0px; margin:0px; } 
#gallery img		{ padding: 5px; border: #fff 2px solid; }
#gallery img:hover		{ padding: 5px; border: #9C0003 2px solid; }

#main-body-container	{ width: 940px; background: #f0f0f0; margin:10px auto;  }

#column_left		{ width: 240px; float: left; margin-right: 0px; }
#column_right		{ width: 243px; float: right; margin: 10px;  }

.cmb				{ width: 243px; background-color:#666;  } 
.cmb p				{ color: #fff; } 
.cmb h1				{ color: #fff; font-size: 200%; padding: 10px 0 10px 20px; font-weight: 100; margin:0; }
.cmb-top			{ width: 243px; height:5px;  background:#666 url(../images/cmb-top.jpg) top left no-repeat;  } 
.cmb-bot			{ width: 243px; height:5px;  background:#666 url(../images/cmb-bot.jpg) bottom left no-repeat;  } 
.cmb .txtField		{
margin-left: 20px; 
padding: 5px; 
width:175px; 
background: url(../images/input-bg.jpg) top left repeat-x; 
border:#ccc 1px solid; 
}
.cmb .txtField-warning {
margin-left: 20px; 
padding: 5px; 
width:175px; 
border:#cc0000 1px solid;  
background: url(../images/input-bg-error.jpg) top right repeat-x; 
}

#main_content_home	{ width:460px; float: left; padding:0px; margin:0px; }
#main_content		{ width:650px; float: left; padding:0px; margin:0px; }

#footerWrap			{ clear:both; height: 79px; width:800px; margin:0 auto;}
.footer { 
  clear:both;
  width:800px; 
  margin:0px auto 0 auto; 
  font-size: 80%; 
  color: #999;
}
.footer a			{ font-size: 80%; color:#666; text-decoration:none;  text-transform: uppercase; }

#bottom-menu-links	{ width: 500px; padding: 0px 5px; margin-top:-10px;  }

#calm-design		{ width: 200px; float: right; color: #fff; text-align:right; padding: 0px 5px;}
#calm-design a		{ color: #fff; text-decoration:none; text-transform: uppercase;}
#calm-design a:hover{ color: #49A9E6; text-decoration:none; }

#copyright			{ width: 200px; float: left; color: #fff; text-align:left; padding: 0px 5px;}
#copyright a		{ color: #fff; text-decoration:none; text-transform: uppercase;}

.sub_footer			{ width: 920px;  margin-left:auto; margin-right:auto;  }
.sub_footer a		{ color: #545454; }

#cmb				{ clear:both; margin-top: 0px; padding:0px;}
* html #cmb			{ margin-top:-7px;margin-bottom:-7px;}
#cmb h1				{ margin-bottom: 5px; font-size: 95%; } 
#cmb p				{ margin-top:3px; margin-bottom:0px; font-weight:600;  } 
#cmb input			{ width: 150px; }
#cmb textarea		{ width: 150px; }


label					{  }
legend					{ color: white; font-size:14px; }

#content_right			{ width: 540px; float:right;}

input					{ font-size: 10px; color: #666666; margin-bottom: 3px; }
select					{ font-size: 10px; color: #666666; margin-bottom: 3px; }
textarea				{ font-size: 10px; color: #666666; margin-bottom: 3px; }

.transparent			{ background-color: transparent; border:0px; color:#fff; font-size: 14px; text-align: right; }

.darkgrey				{ color: #333; }
.darkblue				{ color: #122372; }
.grey					{ color: #666; }
.black					{ color: #000; }
.white					{ color: #fff; }
.green					{ color: Green; }
.pink					{ color: #F72E90; }
.red					{ color: red; }

.font_small				{ font-size: 90%; }

.clear_both				{ clear: both; height: 1px; padding: 0px; margin: 0px;}
.clear_both5			{ clear: both; height: 5px; padding-top: 5px; margin-top: 5px;}
.clear_both10			{ clear: both; height: 10px; padding-top: 10px; margin-top: 10px;}
*html .clear_both10			{ clear: both; height: 1px; padding-top: 0px; margin-top: 0px;}
.clear_bothwhite		{ clear: both; height: 1px; padding: 0px; margin: 0px; }
.clear_right			{ clear: right; }
.clear_left				{ clear: left; }

.float_left				{ float: left; border:0px; }
.float_right			{ float: right; border:0px; width:210px;  }

.text_left				{ text-align: left; }
.text_right				{ text-align: right; }

.noborder				{ border:0px; text-decoration: none;}

.half_left				{ width: 48%; float: left; text-align: left; }
.half_right				{ width: 40%; float: right; text-align: left; }

.center					{ text-align:center; }

.half_left-vd			{ width: 48%; float: left; text-align: left; padding:0px;}

.map					{ width: 300px; float: right; text-align: left; margin-right: 20px; }

.designedby				{ width: 40%; float: right; text-align: right; }

.disclaimer				{ width: 40%; float: right; text-align: left; margin-left:50px; }
.image_center			{ margin-left: 270px; }
.image_right			{ float: right; padding-left: 15px; padding-bottom:15px; }
.image_righttop3		{ float: right; margin-top:3px; }
.image_right_main		{ float: right; margin-left:15px; margin-bottom: 15px; }
.image_right_clear_left { float: right; clear: left; }
.image_right0			{ float: right; padding-left: 0px; padding-bottom: 5px; position: relative; top: -20px; }
.image_left				{ float: left; padding-right: 10px; padding-bottom: 5px; }
.div_33					{ width: 30%; float: left; } 
.div33					{ width: 33%; float: right; background: #ff9900; margin-left: 10px; } 

acronym					{ cursor: help; }


.plaintable table		{ border-bottom: 0px solid #fff; border-left: 0px solid #fff; margin-top:-5px; }
td .plaintable			{ padding: 0px 0px 0px 0px; border-top: 0px solid #fff; border-right: 0px solid #fff; }

.hidden					{ display:none; }
.width280				{ width: 260px;	text-align: left; float: left; }
.white_bg				{ background-color: #fff; }
.paddingmain			{ padding: 10px 0px 10px 10px ; }
.padding20_left			{ padding-left: 20px; }
.padding20				{ padding: 20px; text-align: left; }
.padding10				{ padding: 10px; text-align: left; }
.paddingsearch			{ padding: 10px; text-align: left; }



.mainpadding			{ padding: 0px 20px 20px 20px; }
.mainpaddingnotop		{ padding: 0px 20px 0px 20px; text-align: left; }
.mainpaddingnoright		{ padding: 15px 5px 0px 20px; text-align: left; }

#thirdleft				{ width: 33%; float: left; padding: 2px; text-align: left;}
#thirdmiddle			{ width: 32%; float: left; padding: 2px; text-align: center; }
#thirdright				{ width: 33%; float: right; padding: 2px; text-align: right; }

#thirdleft, #thirdmiddle, #thirdright {font-size: 10px; color: #fff; text-decoration: none;}

.date					{ font-size: 9px; color: #666; }
.moderator				{ font-size: 9px; color: #333; }
.white					{ color: white; }

.sep_bar				{ clear: both; border-bottom-style: solid; border-bottom-color:#589AC3; border-bottom-width: 
						1px; padding-top: 0px; margin-bottom: 5px; height:10px; }
.right_col				{ width: 380px; float: left;}
.left_col				{ width: 100px; float: left;}

.watch_float_right		{ float: right; width: 260px; }
.tipbox					{ border: 1px solid green; padding: 10px; }
.pad25left				{padding-left: 15px;}


/* ============ VERTICAL CONTACT FORM ============ */
#vert-form					{ float:right; margin-right: 10px; width: 181px; background: url(../images/vert-contact-box-mid.jpg) repeat-y;  }

#vert-form_top				{ width: 181px; height: 24px; background: url(../images/vert-contact-box-top.jpg) bottom left no-repeat;  }
#vert-form_bottom			{ width: 181px; height: 24px; background: url(../images/vert-contact-box-bot.jpg) bottom left no-repeat;  }

#vert-form	h1				{ font-size: 100%; color:#333; margin:0; padding-left:15px; }

.vert-row {
  clear: both;
  padding-top: 5px;
  padding-left: 15px; 
  }

div.vert-row span.label {
  float: left;
  width: 150px;
  padding: 0px 10px 0px 0px;
  text-align: left;
  margin-right: 10px; 
  color:#fff;
  font-size: 80%;
 }

div.vert-row span.formw {
  float: left;
  width: 135px;
  text-align: left;
  border-color: #b52352;
  } 

.vert-row .txtField2 {padding: 5px ; width:175px; background: url(../images/input-bg.jpg) top left repeat-x; border:#ccc 1px solid; 
}


.vert-row .txtField2:hover {border:#9d0000 1px solid; 
}
.vert-row .txtField2:focus {border:#9d0000 1px solid; 
}

div.vert-row .txtField2-warning {padding: 5px ; width:175px; border:#cc0000 1px solid; 
background: url(../images/input-bg-error.jpg) top right repeat-x; 

}

div.vert-row textarea {padding: 5px ; height:60px; width:175px; border:#ccc 1px solid; background: #fff url(../images/input-bg.jpg) top left repeat-x; 
}

div.vert-row select {padding: 0px; width:175px;  border:#214585 1px solid; 
}

div.vert-row .h_send { height:24px; width:90px; background: url(../images/h-send.jpg) top left no-repeat; }

/* ============ horizontal CONTACT FORM ============ */
#horiz-form { 
	width: 525px; 
	height: 224px; 
	background: url(../images/wood-bg.jpg); 
	padding: 20px 0 0 20px;
}

#horiz-form_top				{ width: 181px; height: 24px; background: url(../images/horiz-contact-box-top.jpg) bottom left no-repeat;  }
#horiz-form_bottom			{ width: 181px; height: 24px; background: url(../images/horiz-contact-box-bot.jpg) bottom left no-repeat;  }

#horiz-form	h1				{ font-size: 100%; color:#333; margin:0; padding-left:15px; }

.horiz-row {
  clear: both;
  padding-top: 5px;
  padding-left: 15px; 
  }

div.horiz-row span.label {
  float: left;
  width: 150px;
  padding: 0px 10px 0px 0px;
  text-align: left;
  margin-right: 10px; 
  color:#fff;
 }

div.horiz-row span.formw {
  float: left;
  width: 135px;
  text-align: left;
  border-color: #b52352;
  } 

.horiz-row .txtField {padding: 5px ; width:175px; background: url(../images/input-bg.jpg) top left repeat-x; border:#ccc 1px solid; 
}


.horiz-row .txtField:hover {border:#214585 1px solid; 
}
.horiz-row .txtField:focus {border:#214585 1px solid; 
}

div.horiz-row .txtField-warning {padding: 5px ; width:175px; border:#cc0000 1px solid;  
}

div.horiz-row textarea {padding: 5px ; height:60px; width:175px; border:#ccc 1px solid; background: #fff url(../images/input-bg.jpg) top left repeat-x; 
}

div.horiz-row select {padding: 0px; width:175px;  border:#214585 1px solid; 
}

div.horiz-row .h_send { height:24px; width:90px; background: url(../images/h-send.jpg) top left no-repeat; }



/* ======================================================================== */
/* ======================================================================== */



.half_left h1 {margin: 10px 0 0 10px;}
.half_left h2 {margin: 10px 0 0 10px;}
.half_left p {margin-left:10px;}

.warning				{font-size: 10px; color: #cc0000; }

div.prevnext {
	background-color:blue;
	width: 50px;
}

div.prevnext a:link,
div.prevnext a:visited,
div.prevnext a:hover,
div.prevnext a:active{
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	outline: none;
	display: block;
}

div.prevnext a.next{
	background: transparent url(../px/next.gif) 0 0 no-repeat;
}

div.prevnext a.next:hover{
	background-position: 0 -34px;
}


#horizontal_cal		{margin-left: 20px; margin-top:20px;}
*:first-child+html  #horizontal_cal	{margin-top:35px;}


/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:175px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}


table					{ border-bottom: 0px solid #fff; border-left: 0px solid #fff; }
td						{ padding: 5px 5px 5px 5px; border-top: 0px solid #fff; border-right: 0px solid #fff; }
table tr.formerror	td		{background:white;  color:#333; padding:10px; border-color: red; border-width: 2px; border-style: solid; }

/* TOOLTIP */
#text {margin:50px auto; width:500px; z-index:100;}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
/* TOOLTIP */

.menuheader a			{ color:#000;}

h3.menuheader a			{ color:black;}
h3.menuheader a:hover	{ color:#666;}

.project_summary		{ color: #999; font-weight:bold; font-size:95%; }


/*===========================================================*/
/*================= USER FEEDBACK MESSAGES ==================*/
/*===========================================================*/
.info, .success, .warning, .error, .cmberror, .validation {
    border: 1px solid;
    margin: 10px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	font-size: 80%;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../images/info.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/fail.gif');
	list-style: none; 
}
.cmbError {
    border: #cc0000 1px solid;
	padding:5px;
	margin:0 0 5px 20px ; 
	width:175px;    
	color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/fail.gif') no-repeat;
	list-style: none; 
}
.error li {list-style: none; 
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.gif');
}
.cmbSuccess {
    border: #4F8A10 1px solid;
	padding:5px;
	margin:0 0 5px 20px ; 
	width:175px;    
	color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/success.gif') no-repeat;
	list-style: none; 
}
.cmbSuccess, .cmbSuccess p, .cmbSuccess h1, .success h1 {
    color: #4F8A10;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:850px;
		height:291px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // END Easy Slider */


/*===========================================================*/
/*================= CODA SLIDER ==================*/
/*===========================================================*/
		#heading {
			display: block;
			text-align: left;
			margin-bottom: 1em;
			font-size: 120%;
			color: #404040; 
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li {
		margin-left: 0px; 
		margin-right: 2px; 
			background-color: #fff;
			color: #333; 
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#heading li:hover {
			background-color: #ccc;
			color: #404040; 
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#heading li.active {
			background-color: #9C0003;
			color: #fff; 
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		
		#panes {
			text-align: justify;
			border-style: none;
			width: 545px;
			min-height:190px;
			margin: 0 1em 0 0;
		}
		
		#panes p {
		  width: 550px;
		  margin: 0 auto 1em auto;
		  line-height: 1.2em;
		}
		#panes img	{ padding: 5px; border: #ccc 1px solid; }

		#panes div div { overflow: hidden; }
		
		
		/* OUR SERVICE PAGE PANES*/
		#heading-OS {
			display: block;
			text-align: left;
			margin-bottom: 1em;
			font-size: 120%;
			color: #404040; 
			float:left;
			margin: 0 0 0 -20px;
		}
		#heading-OS * {
			
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}

		#heading-OS li {font-size: 70%;padding: 0 10px;}

		#heading-OS li:hover {
			background-color: #ccc;
			color: #404040; 
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#heading-OS li.active {
			background-color: #1E293F;
			color: #fff; 
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#panes-OS {
			text-align: justify;
			border-style: none;
			width: 450px;
			min-height:320px;
			margin: 0 1em 0 1em;
		}
		
		#panes-OS p {
		  margin: 0 auto 1em auto;
		  line-height: 1.2em;
		}
		#panes-OS img	{ padding: 5px; border: #ccc 1px solid; }

		#panes-OS div div { overflow: hidden; }
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }

/* // END CODA SLIDER */


