body { background: #fff url("../images/bg.png") repeat left top; color:#231f20; font-size: 11pt; }
a, a:link, a:visited { text-decoration: none; color:#007dc5; }
a:hover { text-decoration: underline; }
.fl { float:left; }
.fr { float:right; }
.clrfix { clear:both; }
.justify { text-align:justify; line-height:130%; }
/* GENERAL TAG
------------------------------------------------------------------ */
#wrapper { margin:0px auto; }
.container { margin:0px auto; width: 850px; }
#content { margin:0px auto; clear: both; background: #fff url("../images/bg-content.png") repeat-x left top; }
#footer { margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-style: italic; font-size: 9pt; color: #1b181c; }
#header { height:150px; background: url("../images/bg-header.png") repeat-x left top; }
#header .ctop { height:150px; margin:0 auto; position: relative; }
#header .clogo { width: 418px; height: 89px; position: absolute; bottom:10px; left: 215px; /*background: url("../images/logo.png") no-repeat center center;*/ }
#header .cpho { width: 149px; height: 32px; position: absolute; bottom:10px; right: 10px; background: url("../images/phone.png") no-repeat center center; }
#header .cadd { width: 145px; height: 32px; position: absolute; bottom:10px; left: 10px; background: url("../images/address.png") no-repeat center center; }

/*For Grid*/
.grid { border:none 1px #666; padding:1px; width:100%; border-collapse:collapse; }
.grid tr:hover td { background: #f9dee3; }
.grid tbody { border:solid 1px #444; }
.grid td { padding: 8px; border:solid 1px #CCC; background: #fff; text-align: center; font-size: 14pt; }
.grid th { background:#ad485d; text-transform: uppercase; border:solid 1px #999; color: #FFFFFF; font-weight:bold; padding:10px; }
.grid th a { color: #fff; }

.cbanner { background:url("../images/banner.jpg") no-repeat left top; height:330px; }
.cbanner img { display: block; }
.mainmenu { height: 49px; margin: 0 auto; background:url("../images/bg-menu.png") repeat-x left bottom; margin-top: -9px; }
.mainmenu ul { margin-left:80px; }
.mainmenu ul li { float: left; position: relative; margin-right: 34px; }
.mainmenu ul li a { display: block; width:145px; height: 49px; background: url("../images/menu.png") repeat-x left top; }
.mainmenu ul li a.home { background-position: 0px 0px; }
.mainmenu ul li a.home.active { background-position: 0px -49px !important; }
.mainmenu ul li a.home:hover { background-position: 0px -98px; }
.mainmenu ul li a.about { background-position: -160px 0px; }
.mainmenu ul li a.about.active { background-position: -160px -49px !important; }
.mainmenu ul li a.about:hover { background-position: -160px -98px; }
.mainmenu ul li a.services { background-position: -320px 0px; }
.mainmenu ul li a.services.active { background-position: -320px -49px !important; }
.mainmenu ul li a.services:hover { background-position: -320px -98px; }
.mainmenu ul li a.contact { background-position: -483px 0px; }
.mainmenu ul li a.contact.active { background-position: -483px -49px !important; }
.mainmenu ul li a.contact:hover { background-position: -483px -98px; }

.footermenu { margin-top: 25px; background: url("../images/bg-foot-menu.png") no-repeat center center; width: 602px; height: 41px; }
.footermenu ul { margin-left:165px; }
.footermenu ul li { float: left; font-size: 10pt; position:relative; height: 41px; line-height: 41px; color: #4c2907; text-transform: uppercase; }
.footermenu ul li a { display: block; height: 41px; line-height: 41px; padding: 0 15px; color: #4c2907; }
.footermenu ul li a.active { font-weight: bold; }

.cbutton { background: url("../images/bg-cbutton.png") repeat-x left bottom; height: 100px; margin-top: -34px; position: relative; }
.cbutton .request-a-quote { background: url("../images/request_a_quote.png") no-repeat left bottom; width: 285px; height: 87px; position: absolute; top: 0px; left: 160px; }
.cbutton .hiring { background: url("../images/now_hiring.png") no-repeat left bottom; width: 285px; height: 87px; position: absolute; top: 0px; left: 410px; }
.cbutton a { display: block; width: 285px; height: 87px; }
.sep-mnu-btn { height: 60px; background: #fff; }

.mhome { margin: 0 auto; position: relative; line-height: 160%; padding:25px; height: 190px; }
.mabout { margin: 0 auto; position: relative; line-height: 160%; padding:25px; height: 220px; }

.mcontact { height:270px; margin: 0 auto; position: relative; }
.mcontact .mcon { position: absolute; top: 50px; left: 170px; height: 279px; }
.mcontact .mcmap { left:250px; top: 150px;  position: absolute; width: 60px; height: 60px; }
.mcontact .mcemail { position: absolute; top:145px; right:130px; width: 330px; height: 30px; }

.mservices { height:270px; margin: 0 auto; position: relative; }
.mservices .mcon { position: absolute; top: 50px; left: 45px; height: 240px; }

.crequest { margin: 0 auto; width: 600px; padding: 40px 0 20px; position: relative; }

.crequest .ctext #message {
    margin-bottom:30px;
}
.crequest .ctext #message.success {
    border-top:1px solid #00cc00;border-bottom:1px solid #00cc00;
    padding:7px 10px;
    background:#ccffcc;
    font-weight:bold;	
}
.crequest .ctext #message.error {
    border-top:1px solid #ff3333;border-bottom:1px solid #ff3333;
    padding:7px 10px;
    background:#ffcccc;
    font-weight:bold;	
}
.crequest .ctext #message.waiting {
    border-top:1px solid #99ccff;border-bottom:1px solid #99ccff;
    padding:7px 10px;
    background:#ccffff;
    font-weight:bold;
}
.crequest .cform {
    width:600px;
}
.crequest .cform .fitem { display: block; clear: both; margin: 15px 0; }
.crequest .cform .title {
    font-weight:bold; color:#7179b6;
    text-transform: uppercase;
}
.crequest .cform label {	
    display: inline;
    font-weight: bold;
    color: #777;
}
.crequest .cform input[type="text"] {
    border:none; border-bottom:1px dotted #666;
    width:420px; padding-left:0px;
    background:none !important;
    margin-left: 15px;
}
.crequest .cform #txtAddress { width: 482px; }
.crequest .cform #txtCity { width: 517px; }
.crequest .cform #txtZip { width: 524px; }
.crequest .cform #txtPhone { width: 497px; }
.crequest .cform #txtEmail { width: 504px; }
.crequest .cform input.error {
    border-bottom:1px dotted red;	
}
.crequest .cform textarea {
    border:1px dotted #666;
    width:238px;
    height:80px;	
}
.crequest .cform textarea.error {
    border:1px dotted red;	
}
.crequest .cform .btnsubmit {
    width:123px; height:39px; background:url("../images/btn-submit.png"); border:none; margin-top:20px; margin-left:450px;
}
.crequest .cform .btnsubmit:hover { background-position: 0 -39px; }
.crequest .cform label.error {
    display:none !important;
}
.crequest .block {	
    height:300px;
    background:#fff;
    width:600px;
    opacity:0.5;
    position: absolute;
    top:100px;
}

.chiring { margin: 0 auto; border:1px solid #ccc; }
.chiring .tpage {
	font-size: 20pt;
	padding:30px;	
}
.hr-header {
	background: #000;
	line-height: 50px;
	color: #fff;
	padding:0 30px;	
	font-weight: bold;
}

.hr-form {
	padding:20px;	
}
.hr-form hr {
	margin: 20px 0;
}
.hr-form td {
	padding:10px 10px;	
	vertical-align: top;
}
.hr-form td h4 {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 0.8em;	
}
.hr-form .textfield {
	width: 150px;	
}
.hr-note {
	padding:10px 30px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size: 0.7em;
}
.csubmit {
	padding:30px 30px 80px 30px;
	text-align:center;
}
.csubmit input:hover {
	background: #000;
	color: #fff;	
}
.hr-form label.error {
	font-size: .7em;
	color: red;
	display: block;
}
.csubmit .ctext #message {
    margin-bottom:30px;
}
.csubmit .ctext #message.success {
    border-top:1px solid #00cc00;border-bottom:1px solid #00cc00;
    padding:7px 10px;
    background:#ccffcc;
    font-weight:bold;	
}
.csubmit .ctext #message.error {
    border-top:1px solid #ff3333;border-bottom:1px solid #ff3333;
    padding:7px 10px;
    background:#ffcccc;
    font-weight:bold;	
}
.csubmit .ctext #message.waiting {
    border-top:1px solid #99ccff;border-bottom:1px solid #99ccff;
    padding:7px 10px;
    background:#ccffff;
    font-weight:bold;
}