/*
Default Theme Stylesheet
Name:Global.CSS
Author: Rameez Ghori
Description: default theme
Date of Start: August 24th 2009
Date of Last Changes: 
*/

/* Body
----------------------------------------------------------------------------------- */

body {
	font:normal 11px/18px verdana;
	color:#676767;
	text-align:justify;
	background:#FFFFFF url(../images/bg.jpg) repeat-x;

}

/* ======================= Reset Styles! ======================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, hr, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

img {
	border:none;
}

.clear {
	clear:both;
}

a:link, a:active, a:visited {
	color: #434242;
	text-decoration: none;
}

a:hover {
	color: #434242;
	text-decoration:underline;
}
h1 {
	margin:0px;
	padding:16px 0 0 17px;
	width:800px;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	color:#016a3a;
	float:left;
}
h1.how {
	margin:0px;
	padding:35px 0 0 17px;
	float:left;
}
h1.what {
	margin:0px;
	padding:0px 0 0 17px;
	width:300px;
	float:left;
}

/* ======================= Wrapper ======================= */

#wrapper {
	margin:0 auto;
	width:893px;
}
#logo_main {
	width:893px;
	float:left;
}
#logo {
	padding:26px 0 0 38px;
	width:504px;
	float:left;
}
#slogan {
	width:351px;
	float:right;
}

/* ======================= Header ======================= */

#header {
	width:900px;
	float:left;
}
#header img {
	float:left;
}

/* ======================= Body ======================= */

#top_image {
	width:893px;
	float:left;
}
#top_image img {
	float:left;
}

/* ======================= Navigation ======================= */

#mainnav {
	margin:0px;
	padding:0px;
	width:893px;
	float:left;
}

#mainnav ul {
	margin:0px;
	padding:0px;
	width:893px;
	float:left;
}
#mainnav li {
	float:left;
	display: inline;
	list-style-type: none;
	width:217px;
}

#mainnav li img {
	border: 0px;
	
}

#mainnav li a {
	display: block;
	overflow: hidden;
	height:57px;
	width:200px;
}
#mainnav li.home a {
	width: 218px;
}

#mainnav li.home a:hover {
	text-indent: -218px;
}
#mainnav li.services a {
	width: 228px;
}

#mainnav li.services a:hover {
	text-indent: -228px;
}
#mainnav li.about a {
	width: 217px;
}

#mainnav li.about a:hover {
	text-indent: -217px;
}
#mainnav li.contact a {
	width: 230px;
}

#mainnav li.contact a:hover {
	text-indent: -230px;
}

/* ======================= Body ======================= */

#main_container {
	width:893px;
	float:left;
	background:url(../images/body_bg.jpg) repeat-y;
	min-height:270px;
	height:auto !important;
	height:270px;
}
#pading {
	padding:2px 0 0 21px;
	width:872px;
}
#welcome {
	width:849px;
	background:#fbfbfb url(../images/welcome_bg.jpg) repeat-x;
	border:#e7e7e7 solid 1px;
	float:left;
	min-height:237px;
	height:auto !important;
	height:237px;
}
#welcome img {
	margin:13px 150px 0 17px;
	padding:0px;
	float:left;
}
#welcome img.group {
	margin:28px 0 0 20px;
	padding:0px;
	float:left;
}
#welcome p {
	margin:0px;
	padding:27px 18px 0 0px;
	width:605px;
	float:right;
}
#welcome p.sec {
	margin:0px;
	padding:18px 18px 0 0px;
	width:605px;
	float:right;
}
#welcome p.full {
	margin:0px;
	padding:5px 0px 10px 19px;
	width:811px;
	float:left;
}
#body_bg_btm {
	width:893px;
	float:left;
}

/* ======================= Footer ======================= */

#footer {
	margin:0px;
	padding:0px;
	width:849px;
	float:left;
}
#footer p {
	margin:0px;
	padding:9px 0 0 20px;
	font-size:10px;
	color:#434242;
	width:400px;
	float:left;
}
#footer p.web {
	margin:0px;
	padding:9px 20px 0 0px;
	width:200px;
	float:right;
}

/* ======================= our Services ======================= */

#pading {
	padding:2px 0 0 21px;
	width:872px;
}
#services {
	width:849px;
	background:#fbfbfb url(../images/welcome_bg.jpg) repeat-x;
	border:#e7e7e7 solid 1px;
	float:left;
	min-height:237px;
	height:auto !important;
	height:237px;
}
#services img {
	margin:13px 500px 0 17px;
	padding:0px;
	float:left;
}
#services img.sucess {
	margin:13px 0px 0 17px;
	padding:0px;
	float:left;
}
#services img.service_image {
	margin:30px 0 0 17px;
	padding:0px;
	float:left;
}
#services img.suc_rght {
	margin:18px 0 0 17px;
	padding:0px;
	float:left;
}
#services p.text_services {
	margin:0px;
	padding:30px 0 10px 15px;
	width:608px;
	float:left;
}
#services p.sec_services {
	margin:0px;
	padding:0px 0 0px 15px;
	width:608px;
	float:left;
}
#services img.abt {
	margin:13px 0px 0 17px;
	padding:0px;
	float:left;
}
#services p {
	margin:0px;
	padding:27px 0 0 18px;
	width:811px;
	float:left;
}
#services p.ser {
	margin:0px;
	padding:12px 0 0 18px;
	width:811px;
	float:left;
}
#services p.short_para {
	margin:0px;
	padding:10px 0 20px 15px;
	width:608px;
	float:left;
}
#services img.contact {
	margin:13px 0px 0px 17px;
	padding:0 0 15px 0px;
	float:left;
}
#services p.con_text {
	margin:0px;
	padding:12px 0 0 20px;
	width:350px;
	float:left;
}
#services ul {
	margin:0;
	padding:10px 17px 0px 15px;
	list-style-type:none;
	clear:left;
}
#services li {
	padding:0 0 10px 18px;
	margin:0;
	background:url(../images/bullet.jpg) no-repeat 2px 7px;
	font-family:verdana;
	font-size:11px;
	color:#676767;
	line-height:18px;
	text-align:justify;
	clear:left;
}
#services img.soli {
	margin:0 0 0 20px;
	padding:0px;
	float:right;
}
#body_bg_btm {
	width:893px;
	float:left;
}
#administrative {
	width:840px;
	float:left;
}
#administrative ul {
	margin:0;
	padding:0px 0 0px 32px;
	list-style-type:none;
	float:left;
}
#administrative li {
	padding:0 0 10px 18px;
	margin:0;
	background:url(../images/bul.jpg) no-repeat 2px 7px;
	font-family:verdana;
	font-size:11px;
	color:#676767;
	line-height:18px;
	text-align:justify;
}
#administrative img {
	margin:0 8px 0 0; 
	float:right;
}