*{
	margin:0;
	padding:0;
}
html{
	height:100%;
}
body{
	background:#fff url(img6/bodybg.gif) repeat-y top center;
	text-align:center;
	font:13px Verdana,sans-serif;
	color:#363536;
	height:100%;
}

#perday {
	overflow: hidden;
	display:block;
	height: 20px;
	width: auto;
	text-align:center;
	background:#ffff99;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	padding:4px 0 4px 0; 
}

#perday b {
	color:#ff0000;
}

#perday a:link, #perday a:visited {
	color:#ff0000;
}


#container{
	text-align:left;
	margin:0 auto;
	width:850px;
	height:100%;
}

/* FooterStickAlt */
#nonfooter{
	position:relative;
	min-height:100%;
	margin-bottom:100px;
}
* html #nonfooter{
	height:100%;
}
#footer{
	position:relative;
	margin-top:-100px;
	height:100px;
}


/* Header */
#header{
	width:470px;
}

#header .main{
	font:30px "Trebuchet MS",Verdana,sans-serif;
	color:#000;
	padding-left:15px;
	display:block;
}
#header .main span{
	color:#E0A40E;
}

#header .slogo{
	font:20px "Trebuchet MS",Verdana,sans-serif;
	color:#000;
	padding-left:15px;
	display:block;
}
#header .slogo span{
	color:#E0A40E;
}

.top-title {
	width:480px;
	background:transparent url(img6/top-title.gif) no-repeat;
	margin-top:15px;	
	height:8px;
}
* html .top-title { 
	margin-bottom:-9px;
}

.middle-title {
	width:480px;
	background-color:#F5F4F4;
}


.bottom-title {
	width:480px;
	background:transparent url(img6/bottom-title.gif) no-repeat;
	height:8px;
	
}

/* Footer */
#footer{
	color:#eee;
	background:transparent url(img6/footerbg.gif) no-repeat bottom center;
	text-align:center;
}
#footer p{
	padding:7px 5px 0 5px;
	line-height:18px;
}
#footer p a{
	text-decoration:none;
	color:#E0A40E;
}
#footer p a:hover{
	color:#F5C244;
}

/* Content */
#content{
	padding:0 0 75px 0;
}
#cleft{
	width:470px;
	float:left;
	padding:0 10px 0 15px;
}
#cright{
	width:320px;
	float:right;
	padding:0 10px;
	border-left:1px dashed #ccc;
}

.clearboth{
	clear:both;
}

.rightextras {
	margin:10px 0 -10px 0;
	width:315px;
	display:block;
	text-align:center;

}
* html .rightextras  {
	margin-bottom:-5px;
}

/* Left Column / Main Content Area */
/* Headers and Paragraphs */
#cleft h1{
	font:25px Verdana,sans-serif;
	color:#000000;
	margin:5px 0 5px 0;
	text-align:center;
}
#cleft h2{
	font:20px Verdana,sans-serif;
	color:#363536;
	margin:5px 0 5px 0;
	text-align:center;
}
#cleft h3{
	font:21px Verdana,sans-serif;
	color:#363536;
	margin:20px 0 10px 0;
}
#cleft h4{
	font:19px "Lucida Sans Unicode",Verdana,sans-serif;
	color:#363536;
	margin:10px 0 5px 0; 
}
#cleft h5{
	font:15px "Lucida Sans Unicode",sans-serif;
	color: #FFF;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 0px;
	background-color:#004FA6;
	width:100%;
	text-indent:5px;
}
#cleft h6{
	font:13px Verdana,sans-serif;
	font-weight:bold;
	color:#4e4b44;
	margin:10px 0 5px 0;
}
#cleft p{
	margin:15px 0;
	line-height:20px;
}


/* Links, Acronyms, Special, etc. */
 a{
	color:#363536;
}
a:hover{
	text-decoration:none;
	color:#000;
}
acronym{
	cursor:help;
}
del{
	color:#bbb;
}
.highlight{
	color:#718b29;
	font-weight:bold;
}

/* Blockquotes */
#cleft blockquote{
	background:transparent url(img6/blockquotebg.gif) no-repeat 3px 3px;
	padding:10px 0 0 20px;
	font-size:11px;
	color:#888;
	line-height:20px;
}
#cleft blockquote p{
	margin:0;
	text-align:left;
}
#cleft blockquote span{
	display:block;
	color:#aaa;
}

/* Code Blocks */
#cleft code{
	display:block;
	margin:15px 5px;
	padding:5px 10px;
	line-height:17px;
	background-color:#f9f9f9;
	border:1px dashed #ccc;
	color:#666;
}

/* Lists */
#cleft ul{
	list-style-type:none;
	margin:10px 0 15px 5px;
}
#cleft ul li{
	background:transparent url(img6/list-style.gif) no-repeat 0 4px;
	padding-left:12px;
	margin-top:6px;
}
#cleft ul li ul{
	margin:6px 0 8px 5px;
}
#cleft ol{
	margin:10px 0 15px 24px;
}
#cleft ol.nostyle,
#cleft ol.nostyle ol{
	color:#4e4b44;
}
* html #cleft ol{
	margin-left:29px;
}
#cleft ol span{
	color:#4e4b44;
}
#cleft ol li{
	margin-top:6px;
}
#cleft ol li ol{
	margin:6px 0 8px 20px;
}
#cleft dl{
	margin:15px 5px;
}
#cleft dl dt{
	font-weight:bold;
	color:#908a7e;
}
#cleft dl dd{
	margin:5px 0 10px 15px;
}

/* Forms */
#cleft form input,select{
	border:1px solid #aaa;
	background-color:#f9f9f9;
	font:14px Verdana,sans-serif;
	height:20px;
	color:#4e4b44;
}

#cleft form input.button{
	cursor:pointer;
	border:1px solid #aaa;
	background-color:#f9f9f9;
	font:12px Verdana,sans-serif;
	color:#4e4b44;
	padding:2px 3px;
}

/* Floated Images */
#cleft .floatright{
	float:right;
	padding:10px 0 10px 10px;
}
#cleft .floatleft{
	float:left;
	padding:10px 10px 10px 0;
}

/* Right Column */

.top-op {
	width:315px;
	background:transparent url(img6/top-cont.gif) no-repeat;
	margin-top:15px;		
	height:20px;
}
.middle-op {
	width:295px;
	background-color:#F1E6D6;
	padding:0 10px 0 10px;
}
.bottom-op {
	width:315px;
	background:transparent url(img6/bottom-cont.gif) no-repeat;
	height:20px;
	
}


.top-video {
	width:315px;
	background:transparent url(img6/top-video.gif) no-repeat;
	margin-top:15px;	
	height:20px;
}
.middle-video {
	width:295px;
	background-color:#8EC5EF;
	padding:0 10px 0 10px;
}
.bottom-video {
	width:315px;
	background:transparent url(img6/bottom-video.gif) no-repeat;
	height:20px;	
}


.top-calc {
	width:315px;
	background:transparent url(img6/top-calc.gif) no-repeat;
	margin-top:15px;	
	height:20px;
}
.middle-calc {
	width:295px;
	background-color:#ADD087;
	padding:0 10px 0 10px;
}
.bottom-calc {
	width:315px;
	background:transparent url(img6/bottom-calc.gif) no-repeat;
	height:20px;
	
}


.top-cnt {
	width:315px;
	background:transparent url(img6/top-cnt.gif) no-repeat;
	margin-top:15px;	
	height:20px;
}
.middle-cnt {
	width:295px;
	background-color:#F0A3A0;
	padding:0 10px 0 10px;
}
.bottom-cnt {
	width:315px;
	background:transparent url(img6/bottom-cnt.gif) no-repeat;
	height:20px;
	
}

.top-cont {
	width:315px;
	background:transparent url(img6/top-op.gif) no-repeat;
	margin-top:15px;	
	height:20px;
}
.middle-cont {
	width:295px;
	background-color:#EFD279;
	padding:0 10px;
}
* html .middle-cont { 
	padding:0 5px;
}
.bottom-cont {
	width:315px;
	background:transparent url(img6/bottom-op.gif) no-repeat;
	height:20px;
	
}


/* Nav */
#nav{
	list-style-type:none;
}
#nav li{
	vertical-align:bottom;
	font-weight:bold;
}
#nav li a{
	display:block;
	width:285px;
	padding:9px 5px;
	border-bottom:1px solid #DFD1BD;
	text-decoration:none;
	color:#363536;
}
#nav li a.active{
	font-weight:bold;
	color:#363536;
}
#nav li a:hover{
	/*background-color:#F5C244;*/
	background:transparent url(img6/navhoverbg.gif) no-repeat right center;
	color:#000;
	text-decoration:underline;
}

#nav li img{ 
	float:left;
}

#nav .coffee {
	background:transparent url(img6/coffee.gif) no-repeat scroll top right;
}

/* Sidebar */
#sidebar a{
	color:#363536;
	text-decoration:none;
}
#sidebar a:hover{
	/*text-decoration:underline;*/
}
#cright h1{
	font:18px "Trebuchet MS",Verdana,sans-serif;
	color:#363536;
	margin:0px 0 5px 0;
	height:32px;
	border-bottom:1px solid #666666;
}
#cright h1 img {
	align:right;
	border:0px;
}
#sidebar ul{
	margin:5px 0 0 5px;
	margin:0 0 0 5px\0/;
	list-style-type:none;
}
#sidebar ul li{
	margin-top:8px;
	font-weight:bold;
}
#sidebar ul li a{
	background:transparent url(img6/list-style.gif) no-repeat 0 4px;
	padding-left:12px;	
}
#sidebar ul li a:hover{
	background-image:url(img6/list-style_dark.gif);
	color:#000000;
	text-decoration:underline;
}
#sidebar p{
	color:#4e4b44;
	margin:0 3px 10px;
	line-height:20px;
}
#sidebar p a{
	color:#363536;
}
#sidebar p a:hover{
	color:#000;
}

.videoText {
	width:340px;
	text-align:justify;
	padding:10px 0 0 61px;
	font-size:16px;
}
* html .videoText {
	padding:10px 0 0 0;
}
.videoText img {
	padding-bottom:5px;
}

.videoContainer {
	text-align:center;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}

/* Contact box */

.box {
	width:300px;
}

.box h2 {
	border-bottom:1px solid #666;
	color:#363536;
	font:18px "Trebuchet MS",Verdana,sans-serif;
	display:block;
	padding:0 6px;
	width:280px;
	height:32px;
}

.box .box-content {
	padding:10px 5px 0 0;
}

.box_content_img {
	margin:0;
	min-height:130px;
	float:right;
	padding:0 10px 0 10px;
	width:100px;
	text-align:center;
}

.box-content .bname { 
	
}

.box-content .confi {
	font-size:11px;
	font-weight:bold;
	width:300px;	
	display:block;
	text-align:center;
	clear:both;
}

.box-content .confi a{
	font-size:12px;
	font-weight:bold;
	width:300px;	
	display:block;
	text-align:center;
	clear:both;
	height15px;
	padding-top:5px;
}

.spanlist {
	text-align:right;
	display:block;
}


.bphoto {
	
	border:1px solid #CCCCCC;
}

.clear {
	clear:both;
}

/* Why Remax */

.left-bottom {
	float:left;
	padding:5px;
	width:470px;
	font-size:16px;
}

.subtitle {
	color:#333333;
	display:block;
	padding-bottom:5px;
	
}

/* left bottom boxes*/

.lbtxt {

	padding:0 10px 15px 10px;
	font-size:15px;
}

.lbtxt span {
	width:460px;
	font-size:14px;
}

.top-lb {
	width:460px;
	background:transparent url(img6/top-lb.gif) no-repeat;
	margin-top:15px;	
	height:45px;
	padding:0px;
}
.middle-lb {
	width:460px;
	background-color:#F2F2F2;
	padding:0px;
}
.bottom-lb {
	width:460px;
	background:transparent url(img6/bottom-lb.gif) no-repeat;
	height:16px;
	padding:0px;
}
.twitter {
	margin:0 0 -40px 0;
	
}

.twitter img {
	border-width:0px;
	
}

.bottomleft {
	padding-left:13px;
}

.facebook {
	margin:20px 0 -35px 0;
}

.facebook img {
	border-width:0px;
}

.followme {
	width:450px;
	padding:0 10px 0 0;
	text-align:right;
}
.middle-op h1 {
	background:transparent url(img6/officepage.gif) no-repeat top right;
}
.middle-video h1 {
	background:transparent url(img6/videos.gif) no-repeat top right;
}
.middle-calc h1 {
	background:transparent url(img6/calc.gif) no-repeat top right;
}
.middle-cont h2 {
	background:transparent url(img6/phones.gif) no-repeat top right;
}

.cntw {
	width:200px;
}

#err {
	height:20px;
	width:100%;
	margin:5px 0px;
	padding-top:2px;
	background:#FF4949 none repeat scroll 0 0;
	border:1px solid #1E2A49;
	color:#FFFFFF;
	font-size:13px;
	display:none;
	text-align:center;
}
.succ {
	background:#green;
}
.bannerf {
	height:60px;
	padding-bottom:5px;
	text-align:center;

}


.mvideos, .hvideos, .mpages, .hpages, .mcalc, .hcalc {
	text-align:right;
	margin:10px 5px 0 0;
	font-weight:bold;
	cursor:pointer;
	cursor:hand; 

}

.mcontact, .hcontact {
	text-align:right;
	margin:10px 10px 0 0;
	font-weight:bold;
	cursor:pointer;
	cursor:hand;
}
.hcontact {
	margin-bottom:0px;
}


#page h3 {
	color: #EA2F2F;
	font-size: 26px;
	text-align: center;
}

#page p {
	line-height: 19px;
	margin: 0pt 0pt 9px;
	padding: 5px 20px 0 8px;
	font-size:15px;
}
#page li {
	font-size:15px;
	margin-left:20px;
	text-indent:5px;
}

#leadform {
	background-color:#FFFFE0;
	margin:0px 10px 0px 0px;
	border: solid 1px #004FA6;
	color:#000;
	font-size:15px;
}
#page td {
	padding:3px 5px;
}

.red {
	color:#660000;
}


#frame {
	display:none;
}



/* Survey */
.s-choices {
	list-style:none outside none;
	
}
#cleft .s-choices {
	margin-left:0px;
}

.s-choice-item  {
	line-height:20px;
	margin:0;
	padding:0 0 0 0px;
}
.s-choice-item  label {
	padding-left:5px;
	cursor:pointer;
}

.s-choice-item .s-other {
 	padding-left:0px;
 }


.s-q-other {
	height:20px;
	vertical-align:middle;
}
.s-space {
	height:30px;
}
.texta {
	width:100%;
	height:150px;
}

#survey ul li {
	background-image:none;
	padding-left:0px;
	margin-left:0px;
}

.checkbox, .radio {
	width: 19px;
	height: 30px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display:block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

#survey	input, textarea { 		
	background: #fff; 
	width: 220px; 
	font-size: 14px; 
	color: #555; 
	border: 1px #ddd solid;

	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa; 
	box-shadow: 0px 0px 4px #aaa;

	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
	-webkit-transition: background 0.3s linear;							
}
	
#survey input:hover, textarea:hover { 
	background: #eee; 
}
		
#survey .button { 	
	width: 150px; 
	height:20px;
	color: #eee  !important; 
	text-transform: uppercase; 
	margin-top: 10px;
	background-color: #18a5cc;
	border: none;

	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;

	/* -- CSS3 - Rounded Corners -- */
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px; 

	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
	background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);		
} 

html>body #survey .button{
	background-color:#0a85a8 !important;
}
* html  #survey .button{
	background-color:#0a85a8 !important;
}

#survey .button:hover { 		
	-webkit-box-shadow: 0px 0px 10px #555;
	-moz-box-shadow: 0px 0px 10px #aaa; 
	box-shadow: 0px 0px 10px #555;	
	cursor:  pointer; 
	background-color: #18a5cc;
}