/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.gif) repeat;
	text-align:center;
}
html, body {height:100%;}
img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.5625em;
		line-height:1.500em;
		color:#7f786f; text:lowercase;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#fff; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:10px; line-height:2.222em;}
li a {color:#ffffff;}

.imgindent {margin:0 17px 0 0; float:left;}

.extra {background:url(images/extra-bg.gif) top center no-repeat; height:100%;}

h2 {font-size:3.333em; line-height:1.243em; color:#fff; padding:20px 0 26px 0; text:lowercase; letter-spacing:-1px;}

.h-style {color:#ff9200;}
/* ============================= header ====================== */
.inner {background:url(images/inner-bg.gif) left top repeat-y; height:620px;}
.logo {padding:16px 0 0 0;}

/* ============================= content ====================== */
.menu {float:left; width:273px; position:relative; z-index:100;}
.menu ul {padding-top:40px;}
.menu li {background:url(images/menu-li-bg.gif) left bottom no-repeat; padding:0 0 0 0px; line-height:1.243em; font-size:2.2222em;}
.menu li a {display:block; height:30px; text-decoration:none; color:#736e67; padding:10px 0 0 15px;  background:url(images/png.png) repeat; position:relative; z-index:100;}
.menu li a em {display:inline-block; background:url(images/menu-span-bg.gif) left 10px no-repeat; padding-left:10px; width:190px; }
.menu li a strong {font-size:0.65em; vertical-align:top;}
.menu .last {background:none;}
.menu li a:hover, .menu .active a {background:url(images/menu-li-a-bg.png) right top no-repeat; color:#fff;}
.menu li a:hover em, .menu .active a em {background:url(images/menu-span-hover.gif) left 10px no-repeat;}
* html .menu li a { margin-top:-25px}

.content {float:left; width:650px; }
.splash-img {margin-left:-30px; position:relative; z-index:10;} 

.menu-pad {padding-right:17px;}
.col-pad {padding-right:40px;}

.h-pad {padding-bottom:20px;}

.pad {padding-top:26px;}

.indent {padding:16px 30px 0 0;}

.title {color:#fff;}
.link {background:#ff9200; display:inline-block; color:#fff; text:lowercase; margin-top:15px; padding:5px 10px 5px 10px; text-decoration:none;}
.link:hover {background:#925a10;}

.margin {margin-top:25px;}

.scroll {overflow:auto; height:190px;}
.scroll-inner {width:275px;}

.scroll1 {overflow:auto; height:100px;}
.scroll1-inner {width:596px;}

.scroll2 {overflow:auto; height:305px;}
.scroll2-inner {width:582px;}

.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:37px; margin-bottom:12px;}
.border1 {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:12px;}

.phone {display:inline-block; width:80px;}
/* ============================= footer ====================== */
#footer {color:#fff; padding-top:12px;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#ContactForm label {height:25px; display:block;}
.column1 {width:294px; float:left;}
.column2 {width:315px; float:left;}
.alignright {text-align:right;}
#ContactForm .link {margin:25px 10px 0 15px;}
.input {width:240px; border:1px solid #757372; background:#363330; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em;}
textarea {width:310px; height:68px; border:1px solid #757372; background:#363330; padding:0 0 0 5px; overflow:auto; font-size:1em;}