@import "reset.css";

html { 
	background: #4B4B4B 
}

body {
	font: 100%/1.5 verdana, tahoma, sans-serif;

	background: #CCC url(../images/header_bg2.png) 0 5px repeat-x
}

#wrap {
	width: 988px;
	margin: 0 auto;
	font-size: 82.5%;
}

#content {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: -20px auto 0;
	padding-bottom: 2em;
	background-color: #FFF
}

#text {
	float: left;
	display: inline;
	width: 620px;
	margin: 0 30px 0 15px;
	overflow: hidden
}

#sidebar {
	float: right;
	display: inline;
	width: 300px;
	margin-right: 15px
}

/*------ general styles ------*/

a { text-decoration: none; color: #E10915; font-weight: bold; }
a:hover, a:focus, a:active { color: #C00; text-decoration: underline }
h1, h2, h3, h4, h5 { 
	margin: .5em 0 .5em; 
	line-height: 1.2;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif 
}

.no-margin { margin-top: 0 }



h1 { 
	margin: 0 0 .8em;
	font-size: 180%; 
	line-height: 1.3;
	color: #E10915
}

h2 { font-size: 150%; }
h3 { margin-top: 1.5em; font-size: 120% }
h4 { font-size: 110% }
h5 { font-size: 100% }

p { margin-bottom: 1em; line-height: 1.5 }

abbr { border-bottom: 1px dotted }

abbr:hover { cursor: help }

strong, em, .em, q, blockquote cite { font-weight: bold }

em { font-style: normal }

cite { font-style: italic }

address { font-style: normal }

.red-text {color: #FF0000; font: bold;}

.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

.small { font-size: 90% }

.float-wrap {
	width: 100%;
	overflow: hidden
}



/*------ header ------*/

#header { height: 106px; padding-top: 1px; }

#logo { 
	float: left;
	margin: 8px 0 0 15px;
}

#slogan { 
	float: right;
	margin: 45px 15px 0;
}

#nav { 
	height: 52px;
	font: 120%/1.5 verdana, tahoma, sans-serif;
	margin-top: 106px;
	padding: 10px 0 0 24px;
	background: url(../images/nav_bg.png) no-repeat;
}

#nav li { 
	position: relative;
	float: left;
	margin: 0 22px 0 0;
	padding: 0 28px 1.1em 0;
	background: url(../images/nav_divider.png) 100% 0 no-repeat
}

#nav .last { background: none }

#nav a { display: block; text-decoration: none; color: #FFF; text-transform: capitalize;}

#nav a:hover, #nav a:focus, #nav a:active { color: #C00 }

/* submenu */

#nav ul {
	position: absolute; 
	z-index: 20;
	top: 2em;
	left: -999em;
	margin-left: -18px;
	width: 13em;
	list-style: none;
	line-height: 1.5em;
}

#nav ul li { padding: 0 }

#nav li:hover ul, #nav li.sfhover ul { left: auto }

#nav li ul a {
	width: 13em;
	padding: 0.5em;
	background: #A50901;
	border-bottom: 1px solid #000;
	border-right: none;
	text-align: left;
}

#nav li ul a:hover { background: #000; color: #FFF; }

/*------ content ------*/

#content p { font-size: 100%;}

#splash {
	width: 988px;
	height: 186px;
	margin: 0 0 2em;
	background: url(../images/red_box.png) no-repeat;
	color: #FFF
}

#splash p { 
	margin: 0 20px;
	font: 150%/186px "Trebuchet MS", helvetica, arial, sans-serif 
}

#text h1 { 
	padding-bottom: .2em;
	border-bottom: 2px solid #DDD 
}

#text h1 span {
	display: block;
	font-size: 80%
}

.entry {
    margin: 0;
    border-bottom: solid 2px #ddd;
    }

.float-right-image {
	float: right;
	width: 185px;
	background: #E6E6E6;
	margin: 0 0 0 1.5em;
}


.float-right-image p {
	font-size: 80%;
/*	font-weight: bold; */
	font-style: italic;
	margin: 0.5em;
	text-align: center;
}

.indentname {
    margin-left: 1em;
    font-weight: bold;
    font-style:italic;
  } 

/*#text h2 { clear: right } */

#text img {float: right; padding: 2px; border: 1px solid #ccc; margin: 5px;}

h2.border {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 2px solid #DDD
}

#text ul, #text ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
#text li, #text li { margin-bottom: .5em }
#text ul { list-style: disc }
#text ul ul { margin: 1em 0; list-style: circle }
#text ol { list-style: decimal }
#text .alpha { list-style: lower-alpha }
#text .roman { list-style: lower-roman } 
#text .no-bullet { padding-left: 0; list-style: none }



.images { 
	float: left;
	width: 137px;
}

.images-content {float: right; padding: 2px; border: 1px solid #ccc; margin: 5px;}

#text .inner {
	float: right;
	width: 350px
}

.img-right {
	float: right;
	margin-left: 15px;
}

img.border, .gallery img {
	padding: 2px;
	border: 1px solid #CCC
}


/* testimonials */

blockquote { 
	margin-bottom: 2em;
	padding-bottom: .2em;
	border-bottom: 2px solid #DDD 
}

.last { border: 0 } 

blockquote .intro {
	font-weight: bold;
	font-size: 115%
}

/* gallery */

#text .gallery {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.gallery li {
	float: left;
	display: inline;
	width: 161px;
	margin-right: 5px;
	font-size: 90%;
	text-align: center;
	min-height: 13em
}

.gallery li p { margin: 0 }

#text .gallery img { 
	float: none; 
	display: block;
	margin: 0 auto .2em; 
}

/* FREE TRIAL tables form code */



/* --- lightbox gallery ----

ul#lightbox-gallery-nav { margin-left: 0; padding-left: 0; }
ul#lightbox-gallery-nav li { display: inline; }
ul.lightbox-gallery { list-style: none; margin: 2em 0; padding: 0; }
ul.lightbox-gallery li { 
	float: left; 
	width: 25%;
	margin-bottom: 0.5em;
}

ul.lightbox-gallery a { display: block; width: 122px; height: 82px; }
ul.lightbox-gallery a img { border: 1px solid #B9DEF1; }
ul.lightbox-gallery a:hover img { border: 1px solid #1D80C3; } 

/*------ sidebars ------*/

.box {
	position: relative;
	width: 296px;
	margin-bottom: 1em;
	padding-top: 3em;
	background: #FFF url(../images/box_bg.png) 0 100% repeat-x;
	border: 2px solid #E2E0E1
}

.box p { margin: 1em;}

.box h3 { padding-left: 10px; margin-top: 0.5em;}

#sidebar h2 { 
	position: absolute;
	top: -2px; left: -2px;
	width: 280px;
	margin: 0;
	padding: .5em 10px 1em;
	background: url(../images/box_top2.png) no-repeat;
	text-transform: capitalize;
}

.box .btm {
	position: absolute;
	bottom: -2px; left: -2px;
	width: 200px;
	height: 6px;
	background: url(../images/box_btm2.png) 0 100% no-repeat
}

#sidebar h2 span { color: #E10915 }

.box form, .box ul { margin: 1em 10px }

.box img {margin-left: 15px; width: 160px; border: 1px solid #ccc;}

#sidebar li {
	width: 275px;
	margin-bottom: .5em;
	padding-left: 25px;
	background: url(../images/bullet.png) no-repeat;
}

/* forms */

form { width: 100% }

label {
	margin-bottom: .2em;
	font-weight: bold
}

input, textarea {
	padding: 2px 4px;
	font-size: 14px;
}

.checkbox { 
	width: auto; 
	padding: 0;
	background: none;
	border: none 
}

input, textarea, select { 
	margin-bottom: .5em;
	background-color: #FFF;
	border: 1px solid #999
}

select { margin: 0.5em 0 1em; }

select, option { font-size: 14px; }

input:hover, textarea:hover, input:focus, textarea:focus { background-color: #EEE }

.btn input { 
	width: auto; 
	margin: 0;
	padding: 0;
	border: none;
	background: none
}

.btn input:hover { background: transparent }

.box form { width: 176px }
.box input { width: 166px }
.box .btn input { width: auto }
.box .btn { text-align: right }

/* contact page */

#contact { 
	width: 600px;
	padding: 10px; 
	background: #F3F3F3;
}

#contact h2 { 
	margin: 5px 0 20px 0;
	padding: .2em 5px;
	background: #fff  
}

.row { width: 100%; overflow: hidden }

#contact label {
	float: left;
	display: block;
	width: 230px;
	text-align: right
}

#contact input, #contact select, #contact textarea {
	float: left;
	margin-left: 20px;
	width: 220px
}

#contact .btn input { margin-left: 249px; width: auto }

#contact fieldset { position: relative; margin-left: 230px }

#contact legend span { 
	position: absolute;
	left: -230px;
	display: block;
	width: 230px;
	font-weight: bold;
	text-align: right
}

#contact fieldset label, #contact fieldset input {
	display: inline;
	float: none;
	width: auto;
	margin-right: 5px
}

#contact fieldset label { font-weight: normal }

#contact fieldset input {
	position: relative;
	top: 3px;
	background: none;
	border: none
}

#map {
	float: right;
	width: 300px;
	height: 250px;
	margin-left: 15px;
	border: 1px solid #89919F
}

/*------ footer ------*/

#footer {
	clear: both;
	position: relative;
	width: 100%;
	min-height: 100px;
	padding-top: 1em;
	font-size: 80%;
	text-align: center;
	color: #FFF;
	background: #4B4B4B url(../images/footer_bg.png) repeat-x
}

#footer ul { margin: 1em 0 }

#footer li {
	display: inline;
	margin: 0 15px
}

#footer a { color: #F30 }