/* CSS Document */

/* GLOBAL RESET CSS */
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* START STRUCTURE */

/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}
/* // Reset */

body {
	background: url(images/wood-bg.png) repeat-x #734A2D;
	margin-bottom:100px;
	font-family:Arial, Helvetica, sans-serif;
}

div#container {
	margin: 10px 0px 0px 0px; /* centered */
	/* width: 100%; */
}

.bubble {
	clear: both;
	margin: 0px auto;
	width: 900px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	padding-bottom:30px;
}

.rectangle {
	background: #7f9db9;
	height: 100px;
	width: 930px;
	position: relative;
	left:-15px;
	top: 10px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position:absolute;
	left: -30px;
	top: 114px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: 900px;
	top: 114px;
	z-index: -1; /* displayed under bubble */
	
}

.info {
	padding: 5px 20px 35px 20px;
	overflow:auto;
}

#logo {
    padding-top:25px;
	margin-left:25px;
	float:left;
}

#nav {
    float:left;
	margin-left:110px;
	margin-top:90px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.5px;
}

.error { color:#B83030; background-color:#F6A6A6; border:1px #B83030 solid; padding:6px; margin:2px 10px; font-size:14px; }

a:link, a:active, a:visited { color:#9A804B; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a:hover { color:#C0A96B; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

a.title:link, a.title:active, a.title:visited { color:#9A804B; text-decoration:none; font-size:17px; font-weight:bold; line-height:1.2; letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; }
a.title:hover { color:#C0A96B; text-decoration:none; font-size:17px; font-weight:bold; line-height:1.2; letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; }

a.nav:link, a.nav:active, a.nav:visited { color:#5B8A9C; text-decoration:none; padding-top:4px; padding-bottom:4px; padding-left:7px; padding-right:7px; border-right:#999 dotted thin; font-size:15px; font-weight:bold; }
a.nav:hover { color:#7CB1C5; text-decoration:none; padding-left:7px; padding-right:7px; border-right:#999 dotted thin; font-size:15px; font-weight:bold; }

a.nav-l:link, a.nav-l:active, a.nav-l:visited { color:#5B8A9C; text-decoration:none; padding-left:7px; padding-right:0px; font-size:15px; font-weight:bold; }
a.nav-l:hover { color:#7CB1C5; text-decoration:none; padding-left:7px; padding-right:0px; font-size:15px;font-weight:bold; }

a.yellow:link, a.yellow:active, a.yellow:visited  { color:#FFF; background-color:#66CC66; padding:3px 4px; text-decoration:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; }
a.yellow:hover { color:#FFF;  background-color:#94D2A2; padding:3px 4px; text-decoration:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; }

#footer {
   margin-top:20px;
   width:860px;
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:13px;
   font-weight:normal;
   line-height:1.3;
}

#footer a:link, a:hover, a:visited { color:#C0A96B; text-decoration:none; }

#footer a:hover { color:#9A804B; text-decoration:none; }

#call {
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  width:900px;
  margin-bottom:10px;
  padding-right:15px;
  background-image:url(images/phone.png);
  background-repeat:no-repeat;
  height:25px;
  padding-top:8px;
  background-position:650px 0px;
}

#info-left {
  width:520px;
  float:left;
  margin-top:20px;
  padding:5px 15px 0 5px;
}

#info-right {
  width:310px;
  float:left;
  border-left:#999 dotted thin;
  margin-top:20px;
  overflow:auto;
}

h1 {
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:25px;
  margin-left:40px;
  margin-top:35px;
  font-weight:100;
  font-weight:lighter;
  letter-spacing:-0.5px;
}

h2 {
 color:#666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:100;
 font-weight:lighter;
 border-bottom:1px #CCC solid;
 line-height:1.5;
}

h3 {
 color:#666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 margin:4px 10px 10px 10px;
 font-weight:100;
 font-weight:lighter;
 border-bottom:1px #CCC solid;
 line-height:1.5;
}

#slide-show{
  width:505px;
  height:250px;
  float:left;
  margin-left:40px;
  margin-top:25px;
}

#about{
  width:310px;
  height:250px;
  float:left;
  margin-left:45px;
  margin-top:25px;
  color:#F6F6F6;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:100;
  font-weight:lighter;
  line-height:1.4;
}

/* START IMAGE REEL */

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:250px;	width: 505px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	z-index:50;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	z-index:-1;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 35px;
	background: url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	background:#F46D00;
	border: 1px solid #F45E00;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
}
.paging a:hover { }
/* END IMAGE REEL */


/* START PROCESS */

#process {
  width:100%;
  height:273px;
  margin-top:5px;
  background: url(images/process-bg.png) no-repeat;
}

/* END PROCESS */


/* START FORM */

#action-form {
 width:290px;
 border:#BBBBBB 1px solid;
 background-color:#FBFBFB;
 margin-left:10px;
 padding-bottom:20px;
}

.label {
    color:#666666;
	padding:0px 0px;
	line-height:1.2;
	font-size:14px;
}

.texta {
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px;
	color:#000000;
}

.texta-comments {
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px;
	color:#000000;
	width:260px;
}

.texta_dropdown {
    font-size: 13px;
    background-color:#FFFFCC;
    border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	width:208px;
	padding:3px;
	margin-bottom:5px;
	color:#000000;
}

#security_code{
    margin-left:10px;
} 

#btn{
    margin-left:0px;
}

#security {
    color:#666666;
}

#captcha{
    border:1px #000066 solid;
	margin-top:2px;
	margin-top:3px;
}

/* END FORM */

#slider-title{
    z-index:101;
	position:absolute;
	margin-top:210px;
	padding-left:10px;
	padding-top:10px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:100;
	font-weight:lighter;
	background-image:url(images/slider-title-bg.png);
	height:30px;
	width:495px;
}

/* ARTICLE */

.article{
   border-bottom:1px #999 dotted;
   padding:10px 0;

}


/* TEXT */

.text{
   color:#666666;
   font-family:Arial, Helvetica, sans-serif;
   line-height:1.3;
   font-size:14px;

}

/* ENEWS SIGNUP */

#e-news {
   height:200px;
   margin:15px 0px 0px 18px;
}

/* Accordian */

.accordion {
	width: 520px;
	border-bottom: solid 1px #c4c4c4;
	margin-top:5px;
}

.accordion h3 {
	background: #649daf url(images/arrow-square.gif) no-repeat right -51px;
	padding: 5px 5px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	color:#FFFFFF;
}

.accordion h3:hover {
	background-color:#94c4d7;
}

.accordion h3.active {
	background-position: right 5px;
}

.accordion p {
	background:#f7f5ea;
	margin: 0;
	padding: 3px 3px 3px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	color:#666666;
	line-height:1.3;
	}

p img {

  margin-top:2px;
  margin-left:2px;
  margin-right:4px;
  margin-bottom:2px;

}

/* Tabs */

.cabinet_name { color:#FF3300; font-size:15px; line-height:1.3; padding-left:10px; }

.cabinet_description { color:#333333; font-size:15px; line-height:1.3; padding-left:10px; }

.cabinet_price { color:#000000; font-size:15px; line-height:1.3; padding-left:10px; }
 
/* FORM */

.clear{ clear:both; }

#form  { float:left; border-right:1px #ADADAC dotted; }

.label { float:left; font-size:14px; color:#555555; width:80px; margin:10px 0 0 10px; }

.field { float:left; margin:5px 0 0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px #CCC solid; padding:5px; color:#656565; 
         font-family:Arial, Helvetica, sans-serif; font-size:14px; }

textarea { resize:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#656565; background-image:url(images/comments-bg.png);
           background-repeat:no-repeat; background-position:bottom right; }

/*** Right Side | Quick Contacts ***/

#contact-right { float:left; width:300px; height:300px; margin-left:25px; }

.message-title { color:#555555; font-size:14px; margin:10px; line-height:22px; }
				 
.message-items { color:#C75050; background-color:#F59F9F; border:#C75050 1px solid; margin:5px 10px; padding:7px; font-size:14px;
                 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.success { color:#508A10; border:1px solid #508A10; background-color:#DEF1BE; margin:10px; padding:7px; font-size:14px;
           -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:22px; }
		   
.form-button { background-color:#FF9116; color:#FFF; margin:5px 0 0 10px; font-size:14px; color:#FFF; background-image:url(images/btn-bg.png); background-position:bottom; 
               background-repeat:repeat-x; border:1px #FF9116 solid; border-bottom:2px #CF720F solid; border-radius:3px; padding:5px 10px; font-family:Arial, Helvetica, sans-serif;
               -webkit-border-radius:3px; -moz-border-radius:3px; }
		 
li.special { display:none; }
.noshow { display:none; }