/* basic elements */

html {
	margin: 0;
	padding: 0;
}
	
body {	
	line-height:18px;margin-top: 3px;
	font: .9em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #e3fbfe; 
	background: #0f3b5a url(../images/main-bg.gif) top center repeat-x; 
	background-attachment: none; 
	padding: 0;
}

/* links */

a {
text-decoration: none;
font-weight: normal;
color: #83d4e6;
background: transparent none ;
}



a:visited {
color: #75c2d3 ;
text-decoration: none;
}

a:hover {
color: #abeaf8;
	background: none;
text-decoration: none;
}

p{
	margin: 8px;
	padding: 0;
}


.small {
	margin: 8px;
	padding: 0;
	font: .8em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

.red {
    color: #680808;
	}

img {
   border: 0;
}

/* main page */

#wrapper {
  margin: 0 auto;
  width: 100%;
}

#imagewrapper {
  margin: 0 auto;
  width: 1618px;
}

#container { 
	margin: 0 auto;
	/*float: left;*/
	width:1010px;
    background: transparent none;
    position:relative;
}

#spacer {  
   height: 42px;
   margin: 0 auto;
   width: 1010px;
   float: left;
}

#logo { 
	margin: 0 auto;
	float: left;
	width:100%;
	height: 226px;
  	position:relative;
	background: transparent url(../images/logo.jpg) no-repeat bottom center;
	}
	
#pondtop { 
	margin: 0 auto;
	float: left;
	width:100%;
	height: 124px;
  	position:absolute;
	background: transparent url(../images/pond-top.jpg) repeat-x bottom center;
    top: 270px;right:0;
	}	

#pondbottom {
	background: transparent url(../images/pond-bottom.png) repeat-x bottom center;
    position: fixed;
	bottom: 0;
	left: 100%;
	width: 100%;
	height: 60px;
	margin-left: -100%;
	}	
	
	
#pagebg {
    float: left;
	padding-bottom: 24px;
	margin: 0;
	width:1010px;
    background: transparent url(../images/page-bg.jpg) repeat-y top;
}

#page { 
	margin: 0 auto;
	float: left;
	width:1010px;
  	position:relative;
	background: transparent url(../images/page-top.jpg) no-repeat top center;
	}
	

	
#pageleft {
    margin: 50px auto;
    float: left;
    width: 682px;
    padding: 0 0 0 24px;
    position: relative;  
    background: none;
}

#sidebar { 
    float: right;
	margin: 56px auto;
	padding: 0 24px 0 0 ;
	width: 260px;
	position:relative; 
	
}



#footer { 
    float: left;text-align: center;
	margin: 0 auto;
	padding: 0 0 80px 0;
	height: 120px;
	width: 100%;
    background: transparent;/*url(../images/footer.jpg) no-repeat top*/	
	
}
#subtitle {
    float: left;
	margin: 0 auto;
	padding-top: 105px;
	height: 45px;
	width: 682px;
	position:relative;
    background: none;
}

#subtitle h1 {
    font-weight: bold;
	font-style: italic;
	font-size: .9em;
	color: #502c0d;
	text-align: right;
	padding-right: 0;
}

#topstrip {
  height:45px;
  background: #0f3b5a;
  width: 100%;
  position: fixed;
  top: 0;
}

#menuwrapper {width: 1010px;
  position: fixed;
  top: 0;right: 50%;
}

.menu{
  margin: 0 auto;position: relative;
  left: 50%;
  width: 1010px;
  padding:0px;
  font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  background: transparent url("../images/menu-btn.gif") top left repeat-x;
	}
.menu ul{
	background: #0f3b5a;
	height:35px;
	list-style:none;
	margin:0;
	padding-left: 26px;
	}
	.menu li{
		float:left;
		padding:0px;
		border-right: 0 #1b0d04 solid;
		}
	.menu li a{
		background: transparent url("../images/menu-btn.gif") top left repeat-x;
		color:#a7dbec;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 12px;padding-bottom: 10px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: transparent url("../images/menu-btn-over.gif") top left repeat-x;
			color: #a7dbec;
			text-decoration:none;
			}
	.menu li ul{
		background:#v1b0d04;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../images/sub-sep.png') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#237797 url('../images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}
		
.sidemenu {
	background: none;
	float: left;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
	width: 238px;
}
.sidemenu li {
	margin: 0 0 1px 0;
	padding: 0;
}
.sidemenu a {
	background: url(../images/button.png) top left repeat-x;
	display: block;
	margin: 0;
	padding: 5px 0 10px 10px;
	text-decoration: none;
}

.sidemenu #selected {
	background: url(../images/button-on.png) top left repeat-x;
	color: #abeaf8;
}

.sidemenu a:hover {
	background: url(../images/button-on.png) top left repeat-x;
}


.mainlist ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	}

.mainlist li {
    list-style-type: none;height: 29px;
	background: url(../images/bullet.png) left center no-repeat;
	padding-left: 42px;
	margin-bottom: 6px;
	}
		
/*Replace Header Text with images*/


h2 {
  font-size: 1.8em;
  margin: 0;
  padding: 0;
  color: #fff;
  /*border-bottom: 2px dotted #680808;*/
  }
  
/*#welcome {
  background: transparent url('../images/h2-welcome.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#support {
  background: transparent url('../images/support.png') no-repeat;
  text-indent: -9999px;height: 42px;
}
  
#rates {
  background: transparent url('../images/order.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#designing {
  background: transparent url('../images/designing.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#designingA {
  background: transparent url('../images/designingA.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#designingB {
  background: transparent url('../images/designingB.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#designingC {
  background: transparent url('../images/designingC.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#galleries {
  background: transparent url('../images/galleries.png') no-repeat;
  text-indent: -9999px;height: 42px;
}
#galleriesB {
  background: transparent url('../images/galleriesB.png') no-repeat;
  text-indent: -9999px;height: 30px;
}

#galleriesC {
  background: transparent url('../images/galleriesC.png') no-repeat;
  text-indent: -9999px;height: 42px;
}

#galleriesD {
  background: transparent url('../images/galleriesD.png') no-repeat;
  text-indent: -9999px;height: 42px;
}*/


h3 {
  color: #fff;
  padding: 0;
  margin: 0 0 6px 0;
  font-size: 1.4em;
  font-style: italic;
  font-weight: normal;
}

/*#welcomeB {
  background: transparent url('../images/welcomeB.png') no-repeat;
  text-indent: -9999px;height: 32px;
}

#supportB {
  background: transparent url('../images/supportB.png') no-repeat;
  text-indent: -9999px;height: 32px;
}

#terms {
  background: transparent url('../images/terms.png') no-repeat;
  text-indent: -9999px;height: 32px;
}

#disclaimer {
  background: transparent url('../images/disclaimer.png') no-repeat;
  text-indent: -9999px;height: 32px;
}

#quote {
  background: transparent url('../images/quote.png') no-repeat;
  text-indent: -9999px;height: 42px;
}*/

h4 {
  color: #fff;
  padding: 0;
  margin: 4px 0 4px 0;
  font-size: 1.4em;
  font-weight: normal;
}

/*#about {
  background: transparent url('../images/about.png') no-repeat;
  text-indent: -9999px;height: 32px;
}

#what {
  background: transparent url('../images/what.png') no-repeat;
  text-indent: -9999px;height: 30px;
}

#steps {
  background: transparent url('../images/steps.png') no-repeat;
  text-indent: -9999px;height: 42px;
}


#more {
  background: transparent url('../images/more.png') no-repeat;
  text-indent: -9999px;height: 30px;
}*/

.floatright
{
  float: right;
  
}

 .frame
{
  margin: 9px 9px 0 9px ;
  padding: 7px;
  border: 1px dotted #ab9271;
  background-color: #d2b47b;
}

 .floatleft
{
  float: left;
  
}


.hide {
  display: none;
}

.box
{
margin:0 auto 14px auto;
float:left;
width:100%;
padding: 0.4em;
background: transparent;
border: none;
}


.box span {
  color: #fff;font-weight: bold;
}


.boxB
{
margin:0 auto 14px auto;
float:left;
width:95%;
padding: 0.4em;
background: none;
border: none;
}

.featurebox
{
margin:0 auto 14px auto;
float:left;
width:650px;
height: 391px;
background: transparent url(../images/feature-bg.jpg) no-repeat;
}

.featurebox p {
margin: 0;
width: 190px;
float: right;
color: #e5cfa1;
padding-left: 20px;
padding-right: 30px;
}

#featured {
  margin-top: 24px;
  margin-left: 30px;
  background: transparent url('../images/h4-featured.gif') left top no-repeat;
  text-indent: -9999px;
  height: 26px;
}

/* Tables Formatting */

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td {
	
	font-family: Arial;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0;
	padding: 3px;
	text-decoration: none;
}




tr {
	vertical-align: top;
}

/*FORMS FORMATTING*/




select {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 165px;
}

textarea {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 195px;
      height: 103px;
}


input {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 165px;
}

input.error, textarea.error {
	color: #000;
	background-color: #f7edca;
}

input.reset {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 11px;
	width: 145px;
}

input.send {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
  text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width: 145px;
}

input.radio {
  width: 25px;
}


input.smallbtn {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #ffc;
  text-align: center;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	width: 137px;
}

input.smalltext {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000000;
  text-align: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 130px;
}

input.smallselect {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000000;
  text-align: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
}


.tfvHighlight {
color: #0e3b5a; 
background: #a3d4d9;
}
.tfvNormal {
color: #e3fbfe;
}

/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */

#lyr0  {
  position: absolute;
  margin: 0 auto;
  width: 354px;
  height: 350px;
  float: left;
  font-size: 11px;
  padding-left: 10px;
  color: #fff;
  background-color: #fff;
}

/* Include id's for all your layers here, with commas between. */

#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11	
{ 
  position: absolute;
  margin: 0 auto;
  width: 354px;
  height: 350px;
  float: left;
  font-size: 11px;
  padding-left: 10px;
  color: #fff;
  background-color: #fff;
  visibility: hidden;
}




#lyr0 h3 {
  margin: 6px 0 1px 0;
  color: #6FA4F3;
  font-size: 1.2em;
  font-weight: bold;
  border: none;
}

#lyr0 a {
  color: #fff;
  text-decoration: none;
}

#lyr0 a:hover {
  color: #A5C4FE;
  background-color: none;
  text-decoration: underline;
}