/* 

Title : RAStx.com CSS
Author : I-Experience.com
URL : http://www.rastx.com
Created : 2.10.07
Modified : Davu Ang

*/

/****************************************************************
	GLOBAL STYLES
****************************************************************/

body {
	font-size: 62.5%; 
	margin:0;
	padding:0 0;
	background: #f3f3f3 url("../images/bk_body.gif") 0 0 repeat-x;
	text-align: center;
}

body#home {
	background: #f3f3f3 url("../images/bk_bodyHome.gif") 0 0 repeat-x;
}

body,input,select,textarea,select,td,th {
	color:#707070;
	font:11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;

}

h2 {
	font-size: 14px;
	font-weight: normal;
	clear: left;
	color: #525252;
}

h3 {
	font-size: 13px;
	color: #3d8cdc;
	font-weight: normal;
}

h4 {
	font-size: 11px; 
	color: #17477bt;
	font-weight: normal;
}

a:link {
	color: #e64636;
}
a:visited {
	color:#959595;
}
a:hover {
	text-decoration:none;
	color:#37bef8;
}

a:active {
	color: #e64636;
}

a img {
	border:0;
}

a span {
	display: none;
}

a:hover span {
	display: block;
	position: absolute; 
	top: 15px; 
	left: 0;
	z-index: 3;
	width: 200px;
	background: #fae3e1;
	border: 1px #eea39c solid;
	color: #e64636;
	padding: 10px;
}


form, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, input, blockquote {
	margin: 0;
	padding: 0;
}

ul {
	 list-style-position: inside;
}

input, select, textarea {
	border: 1px solid #c2dae4;
	background: #f3fbff;
	font: 11px;
	color: #1e468a;
	padding: 3px;
	outline: none;
}

input[type="checkbox"]{ /* does not work in IE */
	border: 0;
	background: transparent;
}

#wrapperHome {
	width: 878px;
	margin: 0 auto;
	text-align: left;
}

.caption
{
	font-size: 10px;
}

.spacer {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
	overflow: hidden;
}

.readMore {
	padding: 0 0 0 15px;
}

.highlight {
	color: #3d8cdc;
}

/****************************************************************
	HEADER
****************************************************************/
#header {
	position: relative;
	width: 848px;
	padding: 0 15px;
	background: url("../images/h_bk_ras.gif") 0 0 no-repeat;
	height: 129px;
	border-bottom: #f5f6f7 solid 3px;
	clear: both;
}

.logo {
	float: left;
	top: 0;
	padding: 0;
}

.freeestimate {
	position: absolute;
	left: 685px;
	top: 40px;
	padding: 0;
}

.company {
	display: block;
	float: left;
	text-align: left;
	clear: right;
}

.company  ul {
	list-style-type: none;
	padding: 30px 0 0 10px;
}

.company ul li {
	height: 18px;
}

.secNav {
	position: absolute;
	left: 600px;
	top: 5px;
}


.secNav ul li {
	list-style-type: none;
	border-right: 1px solid #707070;
	padding: 0 10px;
	float: left;
}

.secNav a, .topNav a {
	color:#707070;
	text-decoration: none;
}

.secNav a:hover {
	color:#37bef8;
}

.topNav {
	position: absolute;
	top: 105px;
	left: 170px;
}

.topNav ul li {
	display: block;
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
}

.topNav a:hover, a.tnCrumb {
	color: #189cd6;
}

a.tnCrumb {
	cursor: pointer;
}

.last {
	border-right: 0 !important;
}

/****************************************************************
	TITLE
***************************************************************/

#title {
	width: 848px;
	padding: 0 15px;
	background: url("../images/bk_title.gif") 0 0 no-repeat;
	height: 91px;
	color: #fff;
}

#title h3 {
	font-size: 15px;
	padding: 60px 0 0 20px;
	color: #fff;
}

#titleCool {
	width: 848px;
	padding: 0 15px;
	background: url("../images/bk_title_temp-rising.gif") 0 0 no-repeat;
	height: 91px;
	color: #fff;
}


/****************************************************************
	CONTENT 
***************************************************************/
#content {
	width: 848px;
	padding: 0 15px;
	line-height: 1.4em;
	background: url("../images/bk_main.gif") 0 0 repeat-y;
	clear: left;
}

#content h1 {
	font-size: 17px;
	font-weight: normal;
	color: #de3f2f;
}

#content .rowHome {
	padding: 20px 20px 20px;
	background: #fff url("../images/p_ac.jpg") 10px 10px no-repeat;
}

#content .row {
	padding: 20px;
	background: url("../images/bk_vertDots.gif") 636px 10px repeat-y;
}

#content .rowAds {
	padding: 20px;
}

#content .mainHome {
	background: url("../images/bk_vertDots.gif") 100% 0 repeat-y;
	padding: 0 10px 10px 128px;
	float: left;
	width: 435px;
}

#content .main {
	width: 606px;
	float: left;
	padding: 0 10px 10px 0;
}

#content .sidebarHome {
	padding: 0 0 0 20px;
	width: 215px;
	float: left;
}

#content .sidebarHome .sec1 {
	border-bottom: 1px #b4b4b4 dotted;
	padding: 0 0 15px 0;
}

#content .sidebarHome .sec1 h3, #content .sidebarHome .sec2 h3, #content .sidebarHome .sec3 h3 {
	font-size: 13px;
	color: #d43424;
}

#content .sidebarHome .sec2 {
	border-bottom: 1px #b4b4b4 dotted;
}

#content .sidebarHome .sec2, #content .sidebarHome .sec3 {
	padding: 15px 0;
}

#content .sidebarHome .sec1 ul, #content .sidebarHome .sec2 ul, #content .sidebarHome .sec3 ul {
	list-style-type: none;
	
}

#content .sidebarHome .sec2 ul li {
	margin: 0;
	padding: 1px 0 1px 0px;
	background: url("../images/g_bulletA.gif") 0 center no-repeat;
}

#content .sidebarHome .sec2 a {
	color: #37bef8;
	text-decoration: none;
}

#content .sidebarHome .sec2 a:hover {
	color: #e64636;
}

#content .sidebar {
	padding: 0 0 0 20px;
	width: 170px;
	float: left;
}

#content .sidebar .sec1 {
	border-bottom: 1px #b4b4b4 dotted;
	padding: 0 0 15px 0;
}

#content .sidebar .sec1 h3 {
	font-size: 13px;
	color: #d43424;
}

#content .sidebar .sec2 {
	padding: 15px 0;
}

#content .sidebar .sec1 ul {
	list-style-type: none;
}

#content .sidebar .sec2 ul {
	list-style-type: none;
}

.subNav ul {
	list-style-type: none;
	padding: 0 0 50px;
}

.subNav a {
	padding: 8px 0;
	display: block;
	border-bottom: 1px #f0f0f0 solid;
	text-decoration: none;
	color: #707070;
}

.subNav a:hover {
	border-right: 2px #189cd6 solid;
	color: #189cd6;

}

.sidebar .place ul {
	list-style-type: none;
	list-style-position: outside;
}

.sidebar .place ul li {
	display: block;
	clear: left;
}

.brands {
	border-top: 1px #b4b4b4 dotted;
	margin: 20px 0 0 0;
}

.brands ul {
	list-style-type: none;
	margin: 20px 0 0 0;
}

.brands ul li {
	float: left;
	padding: 0 0 0 10px;
}

.brands img {
	float: left;
	margin: 0;
	padding: 0;
}

.president {
	padding: 0 20px 5px 10px;
	text-align: left;
}

a.crumb {
	border-right: 2px #189cd6 solid;
	color: #189cd6;
	cursor: default;
}

ul.location {
	list-style-type: none;
}

.contactus ul, .estimate ul {
	list-style-type: none;
	border-top: 1px #b4b4b4 dotted;
	padding: 10px 0 0 0;
}

.contactus ul li, .estimate ul li {
	clear: left;
	padding: 3px 0;
}

.contactus ul li label, .estimate ul li label{
	display: block;
	float: left;
	width: 100px;
	color: #707070;
}

.estimate ul li label{
	width: 200px;
}

.ads {
	list-style: none;
}

.ads li {
	clear: both;
	padding-top: 10px;
}

.coupon {
	border: 4px dashed #000;
	padding: 10px;
	font-size: 14px;
}

.coupon h3 {
	font-size: 16px;
	font-weight: bold;
}

.coupon p {
	padding: 0 0 0 20px;
	float: left;
	width: 200px;
	font-size: 12px;
	border-right: 1px #707070 dotted;
}
.coupon img {
	float: left;
	padding: 5px;
}

.coupon ul {
	float: left;
	list-style: none;
	padding: 10px 0 0 20px;
	width: 180px;
}

a.external {
	padding: 0 18px 0 0;
	background: url("../images/g_externalIcon.gif") 100% 3px no-repeat;
}

ul.products {
	list-style: none;
}

.productLogos {
	clear: both;
}

a.phone {
	display: block;
	padding: 0 0 2px 15px;
	background: url("../images/g_iconPhone.gif") 0 50% no-repeat;
	text-decoration: none;
	color: #e64636;
}

a.phone em {
	font-style: normal;
	color: #aeaeae;
}

/****************************************************************
	FOOTER
****************************************************************/
#footer {
	width: 848px;
	margin: 0 15px;
	height: 68px;
	background: url("../images/f_bk_gradient.gif") 0 0 repeat-x;
}

.legal {
	padding: 20px 0 0 20px;
	float: left;
	color: #c5c5c5;
}

.designer {
	padding: 20px 20px 0 0;
	float: right;
	color: #c5c5c5;
}

.legal a, .designer a {
	color: #c5c5c5;
	text-decoration: none;
}

.legal a:hover, .designer a:hover {
	color: #707070;
}

/****************************************************************
	HOMEPAGE
****************************************************************/

#banner {
	width: 848px;
	padding: 0 15px;
	background: url("../images/bk_banner.gif") 0 0 no-repeat;
	clear: left;
}

#banner img {
	padding: 0;
	margin: 0;
	float: left;

}

#banner .info {
	padding: 20px 0 0 20px;
	text-align: center;
	margin: 0 auto;
}

#highlights {
	width: 848px;
	padding: 0 15px;
	background: url("../images/bk_highlights.gif") 0 0 no-repeat;
	height: 123px;
	color: #fff;
	clear: left;
}

#highlights h3 {
	font-size: 13px;
}

#highlights h3, #highlights a {
	color: #fff;
	padding: 0 0 5px 0;
}

#highlights .sec1, #highlights .sec2, #highlights .sec3 {
	text-align: left;
	display: block;
	padding: 10px;
	line-height: 16px;
	float: left;
}

#highlights .sec1 {
	width: 300px;
	background: url("../images/g_highlightDivider.gif") 100% 0 no-repeat;
}

#highlights .sec2 {
	width: 253px;
	background: url("../images/g_highlightDivider.gif") 100% 0 no-repeat;
}

#highlights .sec3{
	width: 210px;
}