HTML, BODY { margin:0; padding:0; border:0; font:100%/100.1% Arial, Helvetica, sans-serif; }
H1, H2, H3, H4, H5, H6, DIV, FORM, UL, OL, P {
	margin:0;
	border:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0px;
}

img { border:0; }
li  { list-style-type:none; }
a   { text-decoration:none; outline:none; }

.clear        { clear:both; }
.float-left   { float:left; }
.float-right  { float:right; }
.text-left    { text-align:left; }
.text-right   { text-align:right; }
.text-center  {
	text-align:right;
}
.text-justify { text-align:justify; }

p 		{
	font:0.80em "trebuchet MS", "times New Roman";
	line-height:22px;
	margin:0 0 0px 0;
	color:#4d4d4d;
}
H3 		{
	font:20px "myriad Pro", "Myriad Pro Black";
	color:#397E01;
	margin:0 0 15px 0;
	border-bottom:1px dashed #c0c0c0;
	display:block;
	padding:0 0 5px 0;
}
H2 		{ font:bold 1.4em "trebuchet MS", "Times New Roman"; color:#ff7e00; margin:10px 0 15px 0; }
H2 span { color:#525252; }
H4 		{ color:#397E01; font: bold 20px "trebuchet MS","times New Roman"; padding: 20px 0 0; text-transform: inherit; }

.main 			{ width:996px; margin:0 auto; padding:0;}
#header 		{ background:url(../images/header_bg.gif) repeat-x; margin:0; padding:0; height:326px;}
#header .logo   { background:url(../images/logo.png) no-repeat; width:360px; height:124px; float:left; margin:0 0 0 23px; padding:0; }
#header .logo a { display:block; width:360px; height:124px; float:left;}

#header .e_mail 		{ float:right; margin:15px 0 0 0;}
#header .e_mail p 		{ color:#fffc00; }
#header .e_mail a 		{ color:#fff; text-decoration:underline;}
#header .e_mail a:hover { color:#fffc00; text-decoration:none;}

.navigation 		{ margin:0; padding:0; float:right; width:440px;}
.home 				{ background:url(../images/home_button.png) no-repeat; width:88px; height:20px; position:absolute; z-index:5; margin:15px 0 0 0}
.home_on			{ background:url(../images/home_button.png) no-repeat 0 -33px; width:88px; height:44px; position:absolute; z-index:5;}
.who_weare 			{ background:url(../images/who_weare.png) no-repeat; width:120px; height:20px; position:absolute; z-index:4; margin:15px 0 0 65px;}
.who_weare_on		{ background:url(../images/who_weare.png) no-repeat 0 -33px; width:120px; height:44px; position:absolute; z-index:5; margin-left:65px;}
.what_wedo 			{
	background:url(../images/what_wedo.png) no-repeat;
	width:126px;
	height:20px;
	position:absolute;
	z-index:3;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 90px;
}
.what_wedo_on		{
	background:url(../images/what_wedo.png) no-repeat 0 -33px;
	width:126px;
	height:44px;
	position:absolute;
	z-index:5;
	margin-left:90px;
}
.what_seteus 		{
	background:url(../images/what_setsus.png) no-repeat;
	width:95px;
	height:20px;
	position:absolute;
	z-index:2;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
}
.what_seteus_on		{
	background:url(../images/what_setsus.png) no-repeat 0 -33px;
	width:95px;
	height:44px;
	position:absolute;
	z-index:5;
	margin-left:220px;
}
.work_withus 		{
	background:url(../images/work_withus.png) no-repeat;
	width:120px;
	height:20px;
	position:absolute;
	z-index:1;
	margin:15px 0 0 300px;
}
.work_withus_on		{
	background:url(../images/work_withus.png) no-repeat 0 -33px;
	width:120px;
	height:44px;
	position:absolute;
	z-index:5;
	margin-left:300px;
}


#banner_bg 	{ background:url(../images/banner_bg.jpg) no-repeat; position:relative; margin:0; padding:0; width:990px; height:317px;}
#content_bg { background:url(../images/content_bg.gif) repeat;}

/************************************** Start her Banner ************************************************/

.banner 					 { width:990px; margin:0; padding:0;}
.nivoSlider 				 { position:relative; width:990px !important; height:270px !important;}
.nivoSlider img 			 { position:absolute; top:0; left:0;}
.nivo-slice 				 { display:block; position:absolute; z-index:50; height:270px !important; margin:0}
.nivo-caption 				 { position:absolute; left:0; bottom:0;  background:url(../images/slideshow_bottom.png) no-repeat; color:#fff; width:958px; z-index:89; height:34px}
.nivo-prevNav 				 { left:0px; display:none}
.nivo-nextNav 				 { right:0px; display:none;}
.nivo-controlNav a 			 { position:relative; z-index:99; cursor:pointer; background: url(../images/normal_bg.png) no-repeat !important; width:24px !important; 
							   height:24px !important; color:#fff; float:left;text-align:center; margin:2px -796px 0 800px;font:bold 0.80em Arial; padding:4px 0 0 0;
							   left:78px;}
.nivo-controlNav a.active 	 { background: url(../images/select_bg.png) no-repeat !important; width:24px !important; height:24px !important; color:#fff; float:left;}



/*************************************** End of the Banner *********************************************************/

.left_part 				{
	width:230px;
	float:left;
	padding:0;
	margin-top: 125px;
	margin-right: 20px;
	margin-bottom: 130px;
	margin-left: 0;
}
.left_part .left_nav 	{ margin:0; padding:0; font:normal 0.80em Arial, Helvetica, sans-serif;}
.left_nav ul 			{ margin:0; padding:0;}
.left_nav ul li 		{ background:url(../images/left_navbg.gif) no-repeat; width:202px; height:20px; padding:10px 0 6px 28px; margin:8px 0}
.left_nav .on			{ background:url(../images/left_navbg1.gif) no-repeat; width:202px; height:20px; padding:10px 0 6px 28px; margin:8px 0}
.left_nav ul li a 		{ color:#000;}
.left_nav ul li a:hover { color:#679716;} 

.right_part 						{
	width:100%;
	float:right;
	padding:0;
	margin-top: 95px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.right_part .boxes 					{ position:relative; width:360px; margin:7px; padding:0; float:left;}
.right_part .boxes .ltc 			{ position:absolute; background: url(../images/ltc.gif) no-repeat; width:5px; height:5px; left:0; top:0; z-index:0;}
.right_part .boxes .rtc 			{ position:absolute; background: url(../images/rtc.gif) no-repeat; width:5px; height:5px; right:0; top:0; z-index:0;}
.right_part .boxes .lbc 			{ position:absolute; background: url(../images/lbc.gif) no-repeat; width:5px; height:5px; left:0; bottom:0; z-index:0;}
.right_part .boxes .rbc 			{ position:absolute; background: url(../images/rbc.gif) no-repeat; width:5px; height:5px; right:0; bottom:0; z-index:0;}
.right_part .boxes .boxes_border 	{ width:338px; border:1px solid #e3ecf3; margin:0; padding:8px 10px 10px 10px; background:#e3e3e3;}
.read_more 							{ float:right; margin:0; padding:0;}
.read_more a 						{ background:url(../images/arrow.gif) no-repeat left; margin:0; padding:0 0 0 10px; color:#505354; font-weight:bold; }
.read_more a:hover  				{ background:url(../images/arrow1.gif) no-repeat left; color:#a10f17;}


#footer_bg 		{ background:url(../images/footer_bg.gif) repeat-x; margin:0; padding:10px 0;}
.footer 		{
	width:840px;
	margin:0 auto;
	padding:0;
	text-align: center;
}
.footer a 		{ float:left; margin:0 0 5px 0; padding:0 10px; color:#667885; background:url(../images/footer_line.gif) no-repeat right; font:0.80em Arial;}
.footer a:hover { color:#679716; }

.qick_form 					{ width:230px; margin:25px 0 0 0; padding:0;}
.qick_form .qick_topbg 		{ background:url(../images/qick_topbg.gif) no-repeat; width:230px; height:8px; margin:0; padding:0;}
.qick_form .qick_bottombg 	{ background:url(../images/qick_bottombg.gif) no-repeat; width:230px; height:8px; margin:0; padding:0;}
.qick_form .qick_centerbg 	{ background:url(../images/qick_centerbg.gif) repeat-x; width:200px; padding:0 14px; border-left:1px solid #cbcbcb; 
							  border-right:1px solid #cbcbcb; height:298px;}

.qick_form .form  				{ margin:0 auto; width:200px; padding:0;}
.qick_form .form label			{ font:12px Arial, Helvetica, sans-serif; color:#050c1a; margin:2px 0;}
.qick_form .form label span 	{ color:#ff0000;}
.qick_form .form .fields 	  	{ background:url(../images/input_bg.gif) no-repeat; margin:5px 0; padding:2px 4px; width:191px; border:none; height:22px; color:#7b7b7b; }
.qick_form .form .fields_box 	{ background:url(../images/fields_box.gif) no-repeat; margin:5px 0;padding:2px 4px; width:191px; border:none; height:80px; color:#7b7b7b;}

#image1, #image2, #image3, #image4 { display:none;}

/************************** Start her Contact Page CSS ********************************/

.form            { font:0.90em Calibri, Arial, Helvetica, sans-serif; line-height:20px;}
.form label      { width:150px; display:block; text-align:right; float:left; color:#333; padding:3px 4px 3px;}
.form .fields    { width:260px; float:left; border:1px dotted #999999; padding:2px 0; margin:2px 0;}
.givefedback     { background:url(../images/givefeedback.gif) no-repeat; width:192px; height:44px;}
#aboutphoto      { float:left;background:#fff; border:1px solid #ccc; color:#397F02; padding:3px 0 3px 20px; margin:0 0 10px 20px; width:286px}
#aboutphoto p    { font: 0.80em Arial, Helvetica, sans-serif;}
#aboutphoto span { background: url(../images/photo.jpg) no-repeat; width:136px; height:171px;}

#contact_bg 	{ background:url(../images/inner-bg.jpg) repeat-x;}
#webdesign_bg 	{ background:#fff url(../images/body_bg.jpg) repeat-x;}

/************************** End of the Contact Page CSS ********************************/


/************ Start her Drop Down Menus ********************/

.ddsubmenustyle, .ddsubmenustyle ul { position: absolute; visibility: hidden; z-index:100; border-bottom:2px solid #192c00;}
.ddsubmenustyle li a                { display:block; background:url(../images/header_bg.gif) repeat-x; color:#666; padding:6px; border-bottom: 1px solid #192c00; width:180px; 
									  font:0.75em Arial; color:#fff;}
* html .ddsubmenustyle li           { display: inline-block; width: 170px;}
.ddsubmenustyle li a:hover          { background:#fff; color:#326EAE;}
.mattblackmenu ul                   { overflow: hidden;}
.mattblackmenu li                   { display: inline;}
.mattblackmenu li a                 { float: left; display: block;}
.ddiframeshim                       { position: absolute; z-index:500; width: 0; height: 0; display: block;}

/************ End of the Drop Down Menus ********************/