@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em; background: #b4b97d; color: #604c3b; font-family: Georgia, serif; margin: 0 auto; }

p, ul, ol { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; color: #8b171a; font-weight: bold; margin-bottom: 5px; }

a, a:visited {
	color: #8b171a; text-decoration: none;
}
a:hover, a:active {
	color: #8b171a; text-decoration: underline;
}

#branding { width: 754px; height: 160px; display: block; margin: 5px auto 30px; position: relative; }
#branding h1 { margin: 0; padding: 0; }
#branding h1 a { display: block; width: 215px; height: 157px; background:url(/design/logo.gif) no-repeat; text-indent: -99999px; }
#branding p { text-align: center; display: block; position: absolute; right: 15px; top: 10px; background: url(/design/info.gif) no-repeat ; width: 243px; height: 108px; padding: 20px 5px 0; font-size: 0.85em }
#branding p span { display: block; margin-top: 26px; font-size: 1.9em; font-family: "Times New Roman", Times, serif; color: #604c3b; }
#branding p span, #branding p a { font-variant: small-caps; }
#branding p a { color: #8b171a; font-size: 1.25em; font-family: "Times New Roman", Times, serif; }

#nav { display: block; width: 714px; padding-left: 20px; position: absolute; top: -26px; font-size: 85%; font-family: "Times New Roman", Times, serif; text-transform: uppercase; }
#nav ul, #nav li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { background: url(/design/nav-left.gif) no-repeat; height: 33px; display: block; float: left; }
#nav li a, #nav li a:visited { background: url(/design/nav-right.gif) right no-repeat; line-height: 33px; display: block; float: left; padding: 0 20px; font-weight: bold; }

#nav li:hover, #nav li.hover,
.home #nav li#nav-home,
.about #nav li#nav-about,
.services #nav li#nav-services,
.prices #nav li#nav-prices,
.articles #nav li#nav-articles,
.testimonials #nav li#nav-testimonials,
.tour #nav li#nav-tour,
.contact #nav li#nav-contact { background: url(/design/nav-left-active.gif) no-repeat; }

#nav li a:hover, #nav li a:active,
.home #nav li#nav-home a,
.about #nav li#nav-about a,
.services #nav li#nav-services a,
.prices #nav li#nav-prices a,
.articles #nav li#nav-articles a,
.testimonials #nav li#nav-testimonials a,
.tour #nav li#nav-tour a,
.contact #nav li#nav-contact a { background: url(/design/nav-right-active.gif) right no-repeat; color: #fff; text-decoration: none; }

#container { background: url(/design/middle.gif); width: 754px; margin: 0 auto; position: relative; }
#container .tube { background: url(/design/top.gif) no-repeat; }
#container .tube .tube { background: url(/design/bottom.gif) bottom no-repeat; min-height: 400px; padding: 30px 16px 20px 17px; }

.home #container .tube .tube { padding: 18px 16px 20px 17px; }

#header { display: block; height: 225px; width: 721px; background: url(/design/new_header.jpg) no-repeat; margin: 0 auto 23px; } 
#header h2 { display: none; }

#sidebar, #leftcol, #rightcol, #middlecol { float: left; clear: none; display: inline; min-height: 300px; }
#sidebar { width: 150px; }
#middlecol { width: 551px; padding: 0 10px; min-height: 1px; margin-bottom: 15px; }
.home #middlecol { margin-bottom: 0; }
#middlecol table { border:1px solid #ccc; margin: 0 0 10px 0;}
#middlecol td { border:1px solid #ccc; padding: 5px}
#leftcol { margin: 15px; width: 275px; }
#rightcol { padding: 10px 23px; width: 210px; background: #97bb82; border: 2px solid #f4f4e9; }

#sidebar h3 { font-weight: normal; color: #604c3b; font-size: 1.6em; font-variant: small-caps; padding: 0 0 0 15px; }
#sidebar ul, #sidebar ol, #sidebar li { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
#sidebar ul, #sidebar ol { padding-left: 28px; font-size: 1.25em; line-height: 1.5em; margin-bottom: 20px; }

#footer { text-align: center; font-size: 90%; color: #8b171a; padding: 1.5em; }
#footer a { text-decoration: none; }

.right-img { float:right; margin: 5px 0 12px 12px; border:3px solid #b4b97d;}
.left-img { float:left; margin: 5px 12px 12px 0; border:3px solid #ccc;}
.center-test-img { margin: 10px 0 0 14px; border:3px solid #b4b97d;}

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 38em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #0567ae;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}
input.dated{
	width: 100px;
}
input[type="checkbox"] {
	width:auto;
	padding:0;
}
input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 170px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }

table.noborder,
table.noborder th,
table.noborder td {
	border:0 !important;
}