@charset "UTF-8";
/* CSS Document by Walter Matyas www.matyasmedia.com Feb 2009 */


body {margin:0; padding:0; background:#e6f2f6 url(images/bg-main-bronte.jpg) top no-repeat; text-align:center; font:normal 90% Verdana, Arial, Helvetica, sans-serif}


.bronte #header {background:url(images/gr_headerBG_bronteMovers.jpg) repeat-x;}
.bronte #header2 { height:197px; background:transparent url(images/gr_header_bronteMovers.jpg) no-repeat center}

.bronte #wrapper {width:980px; border:6px solid #DDD; border-top:none; background:white url(images/bg_SideBar_bronteMovers.jpg) repeat-y; margin:0 auto; text-align:left;
	 -webkit-border-bottom-left-radius: 25px;
	-khtml-border-radius-bottomleft: 25px;	
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-khtml-border-radius-bottomright: 25px;	
	-moz-border-radius-bottomright: 25px;
	border-bottom-right-radius: 25px;}

/*********** SIDE BAR **************/
.bronte #sidebar {width:210px; float:left;}

.bronte #wrapper #sidebar .menu {margin:5px 0 0 0; padding:0 8px 0 2px}
.bronte #wrapper #sidebar .menu a {display:block; margin-bottom:2px; padding:5px 15px; background:black; font-weight:bold ;  font-size:100%; text-decoration:none; 
-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;}
.bronte #wrapper #sidebar .menu a:link, .bronte #wrapper #sidebar .menu a:visited {background:black url(images/but_bronteMovers.png) left no-repeat; color:#ffffff}
.bronte #wrapper #sidebar .menu a:hover {background:black url(images/but_On_bronteMovers.png) left no-repeat; color:#88c5f0!important; text-shadow:0 0 2px #88c5f0}
.bronte #wrapper #sidebar .menu a:active {background:black url(images/but_bronteMovers.png) no-repeat; color:#FF0!important; padding-left:16px}

.bronte #wrapper #sidebar #additionalContent {margin:0 11px 0 5px; text-align:center}
.bronte #wrapper #sidebar #additionalContent img {border:1px solid black}
.bronte #wrapper #sidebar #additionalContent .boxBlue {background:#0099FF; border:2px solid #009; font:bold 110% Verdana, Arial, Helvetica, sans-serif; color:white}
.bronte #wrapper #sidebar #additionalContent .boxBlue img {border:none}
.bronte #wrapper #sidebar #additionalContent .wave img {margin:10px; text-align:center; border:0!important}
.bronte #wrapper #sidebar #additionalContent h2 {line-height:1em; color:#C00; font-size:120%; margin:10px 5px}


/*********** CONTENT *****************/
.bronte #wrapper #content {margin:0 0 0 220px; background:url(images/bg_truckBottombronteMovers.jpg) no-repeat 13px 0; padding-top:1px}
.bronte #wrapper #content h1 {color:#039; font-size:150%; letter-spacing:-1px; line-height:1em; background:transparent url(images/gr_LogoSmall_BronteMovers.jpg) left top no-repeat; padding-left:30px; padding-right: 15px } 
.bronte #wrapper #content h4 {background:transparent url(images/gr_LogoSmall_BronteMovers.jpg) left no-repeat; padding-left:30px } 
.bronte #wrapper #content p {margin-right:20px}
.bronte #wrapper #content #orderForm {width:400px; height400px!important; margin:0 0 13px 13px; padding-top:50px; text-align:center; background:white url(images/form.jpg) no-repeat }
.bronte #wrapper #content #orderForm span {color:#F00; font-size:105%}
.bronte #wrapper #content #orderForm form { margin:0 auto 0 auto!important; width:350px; text-align:left; }
.bronte #wrapper #content #orderForm form input, .bronte #wrapper #content #orderForm form select {background:#FC1; border:1px solid #333; margin:0; padding:0}
.bronte #wrapper #content #orderForm form input:focus {background:#FE6}
.bronte #wrapper #content #orderForm form input.submit {background:none!important; border:none!important; margin-top:15px}
.bronte #wrapper #content #orderForm form input.submit:focus {background:none}
.bronte #wrapper #content #orderForm form table {width:100%;border:none}
.bronte #wrapper #content #orderForm fieldset {border:none}
.bronte #wrapper #content #orderForm form table td {padding-bottom:6px}

.bronte #wrapper #content a:link, .bronte #wrapper #content a:visited {color:#C00; text-decoration:underline}
.bronte #wrapper #content a:hover {color:#009}

/*.bronte #wrapper #content #topContent {margin-right:330px; padding-top:40px}*/

.bronte #wrapper #content #box {border:1px solid #bbb; color:#555; margin:10px 15px 10px 0; min-height:170px; background:#f7f7f7; -moz-border-radius: 10px;
-khtml-border-radius: 10px;-webkit-border-radius: 10px;}
.bronte #wrapper #content #box h1 {color:#d93f2f; padding:inherit; margin-bottom:0; background:none; font:120%; text-transform:capitalize; letter-spacing:normal}
.bronte #wrapper #content #box h1, .bronte #wrapper #content #box p {margin-left:15px; margin-right:15px; margin-top:10px}
.bronte #wrapper #content #box a:link, .bronte #wrapper #content #box a:visited {color:#09F}
.bronte #wrapper #content #box a:hover {color:#C00}

/******** FOOTER *********/
.bronte #footer {background:#09F url(images/bg_footerMain_bronteMovers.png) repeat-x; min-height:120px; color:#9DF; font-size:90%; margin-top:20px; padding:10px 0 20px}
.bronte #footer a:link, .bronte #footer a:visited {color:#CFF; text-decoration:none}
.bronte #footer a:hover {color:#FF0}
.bronte #footer p {}
.bronte #footer #footing {width:900px; margin:0 auto;  text-align:left; padding:10px 10px 5px 225px}
.bronte #footer  a:link, .bronte #footer a:visited {color:#FD6}
.bronte #footer  a:hover {color:#FFF}

.clearBoth {clear:both; height:1px; font-size:1px; border:none}
.clearRight {clear:right; height:1px; font-size:1px; border:none; margin:0!important; padding:0}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px; margin-right:15px
}
.fltrt01 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px; margin-right:8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


div.testimonial {font-style:italic; color:#059; line-height:18px; padding-left:30px; margin:20px; border-left:7px solid #bcd}
p.testimonialname {margin-left:20px; margin-right:30px;}
.office1{float:right; margin-right:100px; margin-top:5px}
.wave { border-color:ccccff}
.wavet {margin:10px; text-align:center;border-color:ccccff}
#yellow {margin:0x 0 0 0; padding:0 0 0 0px; -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;}
#yellow {display:block; margin-bottom:0px; padding:0px 0px; background:black; font-weight:bold ; border:0px solid #ddd; font-size:100%; text-decoration:none}
#yellow a:link, #yellow a:visited {background:black url(images/but_bronteMovers.png) left no-repeat; color:#ffcc66!important}
#yellow a:hover {background:black url(images/but_On_bronteMovers.png) left no-repeat; color:#88c5f0!important; text-shadow:0 0 2px #88c5f0}
#yellow a:active {background:black url(images/but_bronteMovers.png) no-repeat; color:#FF0!important; padding-left:16px}
hr {border:0; color:#DDD; height:1px; background:#DDD; margin:15px 15px 15px 0}
.error_message {color:#D00; margin:30px}
.error_message a {color:blue!important}
.error_message h3 {line-height:0}