/* Khowarib CSS */

body { background-color: #000000; margin: 0px; padding: 0px; color: #333333; font-family: Arial; font-size: 13px; line-height: 1.3em; }
.clear { font-size: 0px; line-height: 0px; clear: both; }
.lime_green { color: #80bb1f; }
.bold { font-weight: bold; }

/* Links */
#content a:link, #content a:visited, #content a:active {text-decoration: underline; color: #80bb1f; font-weight: bold; }
#content a:hover { text-decoration: none; color: #80ae2e; font-weight: bold; }
.feature a:link, .feature a:visited, .feature a:active { text-decoration: underline; color: #ffffff; }
.feature a:hover { text-decoration: none; color: #ffffff; }

.heading  { font-family:Arial, Helvetica, sans-serif; color: #80bb1f; font-weight: bold; font-size:16px; }

.pricing-bg { background-color: #E7E7E7; padding:3px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }

#main_container { width: 980px; margin-left: auto; margin-right: auto; }
#header { width: 940px; height: 172px; background: url('../img/lines/bg_white_line.gif') transparent 0% 100% no-repeat; margin-left: 20px; position: relative; }

#header ul#nav { position: absolute; top: 125px; right: 1px; color: #ffffff; margin: 0px; padding-left: 5px; background: url('../img/site/nav-li-bg.gif') transparent 0% 0% no-repeat; text-transform: uppercase; }
#header ul#nav li { list-style: none; float: left; background: url('../img/site/nav-li-bg.gif') transparent 100% 0% no-repeat; padding: 0px 14px 0px 11px; }
#header ul#nav li a:link, #header ul#nav li a:visited, #header ul#nav li a:hover, #header ul#nav li a:active { text-decoration: none; color: #ffffff; }
#header ul#nav li.selected a { color: #80bb1f; }

/* 18px padding */
#container { width: 922px; background-color: #ffffff; padding: 9px; margin-left: 20px; background: url('../img/lines/bg_grey_line.gif') #ffffff 9px 99% no-repeat; }
#container #banner { width: 922px; height: 316px; background: url('../img/lines/bg_grey_line.gif') transparent 0% 100% no-repeat; }
#container #content { margin-left: 9px; width: 919px; }
#container #heading { margin-top: 23px; display: block; }
#container #content { float: left; width: 550px; }
#container .feature { width: 338px; float: right; height: 275px; }
#container .feature ul { margin: 0px; padding: 0px; }
#container .feature ul li { list-style-position: inside; }
#container .feature_box_1 { background: url('../img/features/feature1.jpg') transparent 0% 0% no-repeat; }
#container .feature_box_2 { background: url('../img/features/feature2.jpg') transparent 0% 0% no-repeat; }
#container .feature_box_3 { background: url('../img/features/feature3.jpg') transparent 0% 0% no-repeat; height: 340px; }
#container .feature_box_4 { background: url('../img/features/feature4.gif') transparent 0% 0% no-repeat; height: 600px; }
#container .feature_box_5 { background: url('../img/features/feature5.gif') transparent 0% 0% no-repeat; height: 300px; }
#container .feature_box_6 { background: url('../img/features/feature6.jpg') transparent 0% 0% no-repeat; height: 370px; }
#container .feature_box_map { height: 340px; background: url('../img/features/feature_map.gif') transparent 0% 0% no-repeat; }
#container .feature_inside { width: 270px; margin: 50px 35px 10px 35px; color: #ffffff; font-family: Calibri, Arial; font-size: 15px; }
#container .feature_inside .feature_heading { font-size: 20px; margin-bottom: 5px; }

/* List */
ul.list { margin: 0px; padding: 0px; }
/*ul.list li { list-style-image: url('../img/site/ul-li-img.gif'); list-style-position: inside; }*/
ul.list li { list-style: none; background: url('../img/site/ul-li-img.gif') transparent 0% 0% no-repeat; list-style-position: inside; padding-left: 20px; margin-bottom: 5px; }

/* Footer */
#footer { margin-left: 20px; width: 940px; background: url('../img/lines/bg_white_line.gif') #000000 100% 0% no-repeat; 
padding-bottom: 20px; color: #ffffff; text-align: center; font-family: Arial; font-size: 11px; padding-top: 20px; line-height: 20px; }
#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #80bb1f; }
#footer a:hover { text-decoration: underline; color: #80bb1f; }

/* Forms */
.formlabel {
	float:left;
	width:150px;
	text-align:right;
	padding:2px 6px 0px 0px;
	margin:0px;
	}

#enquiryForm input, #enquiryForm select, #enquiryForm textarea { background-color: #e7e7e7; border: 1px solid #cccccc; }
	
.formelement {
	float:left;
	width:380px;
	margin:0px 0px 0px 0px;
	padding:0px;
	}

.formelement #message {
	width:380px;
	height: 200px;
	}

.formfloat {
	clear:both;
	padding:5px;
	height:0px;	
	}
	
.formsectionheader {
	padding:4px;
	}

.formcheckbox {
	float:left;
	width:20px;
	
	}

.formcheckboxlabel {
	float:left;
	width:150px;
	padding-top:2px;
	}

/* ----------------------- */