@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}

/* =body */
body{font-family:Tahoma, Verdana, Arial; font-size:11px; color:#41464c; background-color:#fff;}

/* =img */
img{border:none;}

/* =p */
p{ line-height:20px; text-align:justify; }

h1{ font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px;}

h2{font-family:"Trebuchet MS", Arial, Verdana; font-size:20px; font-weight:normal;}


/* =main container */
div#container{ width:1003px; margin:0 auto; overflow:visible;}

.error {
	background-color:#FFEBE8;
	border-color:#CC0000;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-style:solid;
	border-width:1px;
	margin:0 0 16px 8px;
	padding:5px;
	font-weight:normal;
	 margin: 0 auto;
}


/* =header */
div#header{position:relative; width:100%; height:100px;}
#header a#logo{background:url(../images/logo.png) no-repeat; float:left; height:96px; width:258px;}
#header div#callus{position:absolute; top:52px; float:right; left:758px;}
#header div#smallnav{position:absolute; top:15px; float:right; left:880px; color:#29c2fc;}

/* =navigation */
.big_blue_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px; color:#2fbdff;}
.big_gray_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px; color:#585858;}
.big_yello_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px; color:#ffce00;}
.big_green_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px; color:#65e901;}
.big_red_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px; color:#e84317;}
.big_pink_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px; color:#fe0083;}
.gray_header{color:#585858;}
.pink_header{color:#fe0083;}
.blue_header{color:#2fbdff;}
.yello_header{color:#ffce00;}
.green_header{color:#65e901;}
.red_header{color:#e84317;}
.green_header2{color:#b2e42d;}
.white_links{color:#fff; font-size:22px; font-family:"Trebuchet MS", Tahoma, Arial; text-decoration:none;}
.white_links:hover{color:#fff; font-size:22px; font-family:"Trebuchet MS", Tahoma, Arial; text-decoration:underline;}
.white_links_sm{color:#fff; font-size:11px; text-decoration:none;}
.white_links_sm:hover{color:#fff; font-size:11px; text-decoration:underline;}
.navblue_links{color:#0e3090; font-size:22px; font-family:"Trebuchet MS", Tahoma, Arial; text-decoration:none;}
.navblue_links:hover{color:#0e3090; font-size:22px; font-family:"Trebuchet MS", Tahoma, Arial; text-decoration:underline;}
.bluelink{ color:#29c2fc; text-decoration:none;}
.bluelink:hover{ color:#29c2fc; text-decoration:underline;}
.graylinks{ color:#7c7c7c; text-decoration:none;}
.graylinks:hover{ color:#7c7c7c; text-decoration:underline;}
.clear{clear:both; margin:0 auto; padding:0;}
.input{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:25px; padding:2px 5px 0px 5px; width:330px;}
.textarea{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:80px; padding:2px 10px 0px 10px; width:320px;}
.redlinks{ color:#da0000; text-decoration:none;}
.redlinks:hover{ color:#da0000; text-decoration:underline;}
.greenlinks{ color:#65e901; text-decoration:none;}
.greenlinks:hover{ color:#65e901; text-decoration:underline;}
.med_green_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:18px; font-weight:400; height:40px; color:#9bba03;}
.med_blue_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:18px; font-weight:400; height:40px; color:#168dd0;}
.med_red_header{font-family:"Trebuchet MS", Arial, Verdana; font-size:18px; font-weight:400; height:40px; color:#eb0000;}
.normallinks{ color:#41464c; text-decoration:none;}
.normallinks:hover{ color:#b6b6b6; text-decoration:underline;}

#verticle_line{ width:90%; height:1px; color:#acacac; background-color:#acacac; margin:0 auto; padding:0;}

/* =content */
div#content{position:relative; width:100%; overflow:visible; height:870px;}
div#content_index{position:relative; width:100%; overflow:visible; height:930px;}
div#content_aboutus{position:relative; width:100%; overflow:visible; height:600px;}
div#content_404{position:relative; width:100%; overflow:visible; height:400px;}
div#content_itoutsourcing{position:relative; width:100%; overflow:visible; height:800px;}
div#content_seo{position:relative; width:100%; overflow:visible; height:1080px;}
div#content_hire_seo{position:relative; width:100%; overflow:visible; height:1050px;}
div#content_contactus{position:relative; width:100%; overflow:visible; height:650px;}
div#content_requestaquote{position:relative; width:100%; overflow:visible; height:800px;}
div#content_web_design{position:relative; width:100%; overflow:visible; height:900px;}
div#content_seo_silver{position:relative; width:100%; overflow:visible; height:880px;}
div#content_seo_gold{position:relative; width:100%; overflow:visible; height:1100px;}
div#content_seo_platinum{position:relative; width:100%; overflow:visible; height:1200px;}
div#content_flash_design{position:relative; width:100%; overflow:visible; height:700px;}
div#content_graphic_design{position:relative; width:100%; overflow:visible; height:850px;}
div#content_Web_Pro{position:relative; width:100%; overflow:visible; height:750px;}
div#content_Web_Delux{position:relative; width:100%; overflow:visible; height:800px;}
div#content_Logo_design{position:relative; width:100%; overflow:visible; height:800px;}
div#hire_web_designer{position:relative; width:100%; overflow:visible; height:1000px;}
div#compare_seo_packages{position:relative; width:100%; overflow:visible; height:1200px;}
div#content_webdev{position:relative; width:100%; overflow:visible; height:950px;}
div#content_asp{position:relative; width:100%; overflow:visible; height:830px;}
div#content_php{position:relative; width:100%; overflow:visible; height:830px;}
div#content_hire_dev{position:relative; width:100%; overflow:visible; height:1050px;}


#con_left{position:absolute;left:0px; width:645px; float:left;}
div#sub_content{position:relative; width:100%;}
div#bg_box{background:url(../images/bg_box.png) no-repeat right bottom; padding:5px 20px 5px 5px;}
div#bg_box_top{background:url(../images/bg_box_top.png) no-repeat right top; width: 693px;}
div#sub_bg_box_top {padding:5px 10px 5px 5px;}

div#middle_box{background:url(../images/need-attention.png) no-repeat left top; width:672px; height:259px;}
div#web_dev_box{background:url(../images-web-development/web-dev-box.jpg) no-repeat left top; width:672px; height:259px;}
div#asp_dev_box{background:url(../images-web-development/box-asp-net-development.jpg) no-repeat left top; width:672px; height:259px;}
div#php_dev_box{background:url(../images-web-development/box-php-development.jpg) no-repeat left top; width:672px; height:259px;}
div#hire-dedicated-resources{background:url(../images-web-development/hire-dedicated-resources.jpg) no-repeat left top; width:672px; height:259px;}
div#sub_middle_box{padding:15px 20px 20px 20px;}
div#wd_middle_box{padding:15px 180px 20px 20px;}

#con_spacer{position:absolute;left:645px; width:10px; float:left;}
#con_right{position:absolute; left:655px; width:349px; float:right;}

div#web_desing_package{background:url(../images/banner-web-design-packages.png) no-repeat left top; width:300px; height:83px;}
div#web_desing_package a{padding:0px 10px 5px 40px; text-decoration:none; line-height:78px;}
div#web_dev_package{background:url(../images/banner-web-development-packages.png) no-repeat left top; width:300px; height:81px;}
div#web_dev_package a{padding-left:10px; text-decoration:none; line-height:78px;}
div#web_seo_package{background:url(../images/banner-seo-packages.png) no-repeat left top; width:300px; height:81px;}
div#web_seo_package a{padding-left:80px; text-decoration:none; line-height:78px;}

div#QuickUL{position:relative; height:40px; vertical-align:bottom; width:349px; float:left;}
#QuickUL ul, li{ list-style:none; display:inline; height:40px; vertical-align:bottom;}
#QuickUL li#li1{ font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; color:#2fbdff; font-weight:400; position:absolute; top:0px; left:0px; width:150px;}
#QuickUL li#li2{ position:absolute; top:0px; left:230px; width:30px;}
#QuickUL li#li3{ position:absolute; top:0px; left:260px; width:30px;}
#QuickUL li#li4{ position:absolute; top:0px; left:290px; width:30px;}
#QuickUL li#li5{ position:absolute; top:0px; left:320px; width:28px;}

div#QuickULinner{position:relative; height:40px; vertical-align:bottom;}
#QuickULinner ul, li{ list-style:none; display:inline; height:40px; vertical-align:bottom;}
#QuickULinner li#li1{ font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; color:#2fbdff; font-weight:400; position:absolute; top:0px; left:0px; width:150px;}
#QuickULinner li#li2{ position:absolute; top:0px; left:185px; width:30px;}
#QuickULinner li#li3{ position:absolute; top:0px; left:215px; width:30px;}
#QuickULinner li#li4{ position:absolute; top:0px; left:245px; width:30px;}
#QuickULinner li#li5{ position:absolute; top:0px; left:274px; width:26px;}

#personal-info { border:none; position:relative; width:349px;}

#personal-info-inner { border:none; position:relative; width:300px;}

div#footer{ position:relative; width:100%; border-top:1px solid #ebebeb; clear:both;}
div#footer_nav{position:absolute; top:10px; float:left; left:0px; color:#7c7c7c; height:40px; line-height:20px;}
#footer_nav a{padding:0px 5px;}

div#footer_SM{position:absolute; top:10px; float:right; left:930px; color:#b6b6b6; height:30px;}
div#footer_ul{position:relative; height:30px; vertical-align:bottom;}
#footer_ul	ul, li{ list-style:none; display:inline; height:40px; vertical-align:bottom;}

.box3{float:left; padding-left:10px;}
.box3 ul{float: left;  width: 600px;   margin: 0;  padding: 0;  list-style: none;}
.box3 li{float: left;  width: 600px; margin: 0;  background-image:url(../images/arrow-4.gif);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px; line-height:18px; /* left padding moves the text away from the bullet */}

.box2{float:left; padding-left:10px;}
.box2 ul{float: left;  width: 600px;   margin: 0;  padding: 0;  list-style: none;}
.box2 li{float: left;  width: 600px; margin: 0;  background-image:url(../images/arrow-4.gif);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px; height:20px; line-height:20px; /* left padding moves the text away from the bullet */}


.box1{float:left;}
.box1 ul{   float: left;  width: 400px;   margin: 0;  padding: 0;  list-style: none;}
.box1 li{float: left;  width: 400px;  margin: 0;  background-image: url(../images/arrow-4.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 1.5em; height:20px; line-height:20px; /* left padding moves the text away from the bullet */}

/*Inner Classes*/
.input_inner{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:25px; padding:2px 5px 0px 5px; width:290px;}
.textarea_inner{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:80px; padding:2px 10px 0px 10px; width:280px;}

#con_left_inner{position:absolute;left:0px; width:693px; float:left;}
#con_right_inner{position:absolute; left:703px; width:300px; float:right;}
#con_spacer_inner{position:absolute;left:693px; width:10px; float:left;}




div#recent_bg{background:url(../images/recent-bg.png) no-repeat right top; width:300px; height:272px;}
div#recent_inner{padding:8px;}
div#recent_inner h1{padding-left:5px;}
div#content_inner{position:relative; width:100%; overflow:visible; height:600px;}
div#content_inner h1{ font-family:"Trebuchet MS", Arial, Verdana; font-size:24px; font-weight:400; height:40px;}

div#web-dev-ser{width:100%;}
#web-dev-ser ul{   float: left;  width: 60em;   margin: 0;  padding: 0;  list-style: none;}
#web-dev-ser li{float: left;  width: 25em;  line-height:16px; height:20px; margin: 0;  background-image: url(../images/arrow-4.png);  background-position: 0 5px;  background-repeat: no-repeat; padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */}

div#aspdev{background:url(../images-web-development/asp-net-development.png) no-repeat left top; width:300px; height:48px;}
div#aspdev a{font-family:"Trebuchet MS", Arial, Verdana; font-size:18px; padding-left:8px;}

div#phpdev1 {background:url(../images-web-development/box-php-development.png) no-repeat left top; width:300px; height:48px;}
div#phpdev1 a{font-family:"Trebuchet MS", Arial, Verdana; font-size:18px; padding-left:8px;}

div#e_commerse{background:url(../images/e-commerse.png) no-repeat left top; width:300px; height:102px; position:relative;}
div#cms{width:150px; padding:5px 0px 10px 15px; float:left; position:absolute; left:0; top:0; }
div#cms a{ font-size:18px; line-height:30px;  color:#585858; font-family:"Trebuchet MS", Arial, Verdana;}
div#cms a:hover{ text-decoration:none;}

div#hire_Web_dev{background:url(../images/img-hire-web-developers-green.png) no-repeat left top; width:300px; height:121px; position:relative;}
#hire_Web_dev #hire-pad{padding:30px 10px 10px 20px; width:160px;}
#hire-pad a{text-decoration:none;}

div#starting{width:150px; padding:5px 0px 10px 15px; float:right; position:absolute; top:40px; left:190px; font-family:"Trebuchet MS", Arial, Verdana; font-size:22px;}




/* --------------------Contact Us SECTION--------------------*/
#stayconn{list-style: none; padding: 0;  width: 100%; height: 40px; position: relative; width:280px; }
#stayconn li{ display: inline; width:50px;  float:left;}
div#stayconnected{background:url(../images/stay_connected.png) no-repeat left top; width:300px; height:117px; position:relative;}
div#stayconnected #sub_stayconnected{  padding:10px 0px 0px 20px; float:left; width:280px;}
#personal-info_contact { border:none; position:relative; width:500px;}
#personal-info_contact  .input{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:25px; padding:0px 5px 0px 5px; width:330px; float:right; clear:right;}
#personal-info_contact .textareaxx{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:80px; padding:0px 5px 0px 5px; width:330px; float:right; clear:right;}
#personal-info_contact span{float:left; line-height:35px; width:158px; height:35px; clear:left;}
#personal-info_contact .imagesubmit{float:left; clear:both; position:absolute; left:153px; top:100%; width:64px; height:28px; background:none; border:none; margin-left:5px; margin-top:10px;}
div#hire-resources_contact{background:url(../images/hire-dedicated-resources.png) no-repeat left top; width:300px; height:150px;}
div#write_us{background:url(../images/write-us.png) no-repeat left top; width:300px; height:145px;}
div#live_support{background:url(../images/live_support.png) no-repeat left top; width:300px; height:150px;}

div#padding{padding:0px 10px 0px 10px;}
.sub_contact_right{padding:10px 10px 5px 15px; text-align:left; float:left; width:275px;}
.p_contact{padding:0px 10px 10px 15px; text-decoration:none; font-family:"Trebuchet MS", Tahoma, Arial; font-size:14px; line-height:22px;}




/* --------------------Shadow SECTION--------------------*/
div#shadow_right{background:#fff url(../images/shadow-right.png) no-repeat right top; width:674px; height:16px; position:relative;}
div#shadowleft{background:url(../images/shadow.png) no-repeat top; width:645px; height:24px; float:left; margin-top:-2px; padding:0px;}

/* --------------------ABOUT US SECTION--------------------*/
div#services{width:100%; height:78px;}
#services ul{ float: left;  width: 60em;   margin: 0;  padding: 0;  list-style: none; }
#services li{float: left;  width: 25em;  margin: 0;  background-image: url(../images/arrow-4.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 1.5em; height:26px;}
#services a{font-family:"Trebuchet MS", Arial, Verdana; font-size:18px; color:#b2e42d; text-decoration:none;}
#services a:hover{color:#585858;}


/* --------------------SEO SECTION--------------------*/
div#seo_box{background:url(../images-seo/bg-seo-box.png) no-repeat left top; width:672px; height:259px;}
div#seo_box #sub_seo_box{padding:20px 20px 20px 20px;}
div#seo_services_box{background:url(../images-seo/box-SEO_Services.png) no-repeat left top; width:674px; height:276px; position:relative;}
div#seo_services_box #seo_ser_left{ position:absolute; left:0px; top:0px; width:320px; height:241px; padding:15px 0px 20px 20px;}
div#seo_services_box #seo_ser_spacer{ position:absolute; left:340px; top:35px; width:1px; height:180px; background-color:#ffbd84; }
div#seo_services_box #seo_ser_rght{ position:absolute; left:341px; top:0px; width:251px; height:241px; padding:15px 0px 20px 20px;}
div#seo_services_box #hire_seo{ width:100%; height:241px; padding:15px 0px 20px 20px;}

#seo_service_ul ul{   float: left;  width: 24em; margin: 0;  padding: 0;  list-style: none;}
#seo_service_ul li{float: left;  width: 12em;  line-height:20px; height:20px; margin: 0;  background-image: url(../images/arrows_orange.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 1.5em;}
#seo_service_ul li:hover{color:#ff7700; cursor:default;}

#seo_process_ul ul{   float: left;  width:300px; margin: 0;  padding: 0;  list-style: none;}
#seo_process_ul li{float: left;  width: 300px;  line-height:20px; height:20px; margin: 0;  background-image: url(../images/arrows_orange.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
#seo_process_ul li:hover{color:#ff7700; cursor:default;}
#seo_silver{background:url(../images-seo/banner-seo-silver-package.png) no-repeat left top; width:300px; height:156px; position:relative;}
#seo_silver a{position:absolute; float:right; left:200px; top:125px;}
#seo_gold{background:url(../images-seo/banner-seo-gold-package.png) no-repeat left top; width:300px; height:156px; position:relative;}
#seo_gold a{position:absolute; float:right; left:200px; top:125px;}
#seo_platinum{background:url(../images-seo/banner-seo-platinum-package.png) no-repeat left top; width:300px; height:156px; position:relative;}
#seo_platinum a{position:absolute; float:right; left:200px; top:125px;}


.orange_header{color:#ff7700;}

/* --------------------Web Desing--------------------*/

.box{float:left;}
.box ul{   float: left;  width: 150px;   margin: 0;  padding: 0;  list-style: none;}
.box li{float: left;  width: 150px;  margin: 0;  background-image: url(../images/arrow-4.gif);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 1.5em; height:20px; line-height:20px; /* left padding moves the text away from the bullet */}
div#package_box{ background:url(../images/img-web-design-box.png) no-repeat center top; width:670px; height:182px; position:relative;}
div#package_box1{ float:left; position:absolute; left:0; top:5px; width:230px;}
div#package_box1 a{ float:left; position:absolute; left:90px; top:130px; }
div#package_box2{ float:left; position:absolute; left:230px; top:5px; width:230px;}
div#package_box2 a{ float:left; position:absolute; left:120px; top:130px;}
div#package_box3{ float:right; position:absolute; left:460px; top:5px; width:210px;}
div#package_box3 a{ float:right; position:absolute; left:110px; top:130px;}

#web-desing_left{list-style:none; width:300px; position:relative;}
#web-desing_left li{height:65px; display:block; width:300px;}

#web-desing_left li#liwebdesing{background:url(../images-web-design/img-web-design-side.png) no-repeat left top;}
#web-desing_left li#liwebdesing a{font-family:"Trebuchet MS", Tahoma, Arial; font-size:22px; color:#fff; text-decoration:none; float:left; padding:20px 0px 10px 10px;}
#web-desing_left li#liwebdesing a:hover{text-decoration:none;}

#web-desing_left li#lilogodesing{background:url(../images-web-design/logo-desing-side.png) no-repeat left top;}
#web-desing_left li#lilogodesing a{font-family:"Trebuchet MS", Tahoma, Arial; font-size:22px; color:#fff; text-decoration:none; float:right; padding:20px 20px 10px 0px;}
#web-desing_left li#lilogodesing a:hover{text-decoration:none;}

#web-desing_left li#ligraphicdesign{background:url(../images-web-design/graphics-design-side.jpg) no-repeat left top;}
#web-desing_left li#ligraphicdesign a{font-family:"Trebuchet MS", Tahoma, Arial; font-size:22px; color:#fff; text-decoration:none; float:left; padding:20px 0px 10px 10px;}
#web-desing_left li#ligraphicdesign a:hover{text-decoration:none;}

#web-desing_left li#liflashcontent{background:url(../images-web-design/img-flash-development-side.png) no-repeat left top;}
#web-desing_left li#liflashcontent a{font-family:"Trebuchet MS", Tahoma, Arial; font-size:22px; color:#fff; text-decoration:none; float:right; padding:20px 20px 10px 0px;}
#web-desing_left li#liflashcontent a:hover{text-decoration:none;}

#hire-web-desinger { background:url(../images-web-design/hire-dedicated-designers.png) no-repeat left top; height:119px; width:300px;}
#hire-web-desinger #hire-inner {padding:20px 0px 0px 25px;; width:150px;}
#hire-web-desinger a{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:22px; text-align:center; color:#fff; text-decoration:none;}

#tell-us { background:url(../images-web-design/Tell-us-budget.png) no-repeat left top; height:128px; width:300px;}
#tell-us #tell-inner {padding:20px 0px 0px 25px;; width:275px;}
#tell-us a{ font-family:"Trebuchet MS", Tahoma, Arial; font-size:16px; text-align:center; color:#fff; text-decoration:none;}
#tell-us p{ font-size:18px; text-align:left; color:#fff; text-decoration:none;}

/* --------------------Flash Development--------------------*/
div#flash_dev_box{background:url(../images-web-design/box-flash-development.jpg) no-repeat left top; width:672px; height:261px;}
div#sub_flash_dev_box{padding:15px 50px 20px 20px;}
.flash_dv_ul ul{   float: left;  width:500px; margin: 0;  padding:0; list-style: none;}
.flash_dv_ul li{float: left; line-height:18px;  background-image: url(../images/arrows_red_dark.png);  background-position: 0 7px; width:500px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.flash_dv_ul li:hover{color:#eb0000; cursor:default;}


/* --------------------Logo Development--------------------*/
div#logo_design_box{background:url(../images-web-design/Logo-Desing-Box.jpg) no-repeat left top; width:672px; height:261px;}

.logo_desinger_ul ul{   float: left;  width:600px; margin: 0;  padding: 0;  list-style: none;}
.logo_desinger_ul li{float: left;  width: 600px;  line-height:25px; height:25px; margin: 0;  background-image: url(../images/arrows_orange.png);  background-position: 0 10px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.logo_desinger_ul li:hover{color:#ff7700; cursor:default;}

/* --------------------Graphics Development--------------------*/
div#graphics_design_box{background:url(../images-web-design/graphics-design-box.png) no-repeat left top; width:672px; height:261px;}
.graphics_desinger_ul ul{float: left;  width:300px; margin: 0;  padding: 0;  list-style: none;}
.graphics_desinger_ul li{float: left;  width: 300px;  line-height:25px; height:25px; margin: 0;  background-image: url(../images/arrows_pink_dark.png);  background-position: 0 10px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.graphics_desinger_ul li:hover{color:#fe0083; cursor:default;}
.graphics_desinger_ul a{ text-decoration:none; color:#fe0083}
.graphics_desinger_ul a:hover{ text-decoration:underline; color:#fe0083}


/* --------------------Hire Web Desingers -------------------*/
div#hire_web_desinger_box{background:url(../images-web-design/hire_box.png) no-repeat left top; width:674px; height:276px; position:relative;}
div#hire_web_desinger_box #left{ position:absolute; left:0px; top:0px; width:320px; height:241px; padding:15px 0px 20px 20px;}
div#hire_web_desinger_box #spacer{ position:absolute; left:340px; top:35px; width:1px; height:180px; background-color:#7fd6ff; }
div#hire_web_desinger_box #rght{ position:absolute; left:341px; top:0px; width:251px; height:241px; padding:15px 0px 20px 20px;}
.hire_web_desinger_ul ul{   float: left;  width:300px; margin: 0;  padding: 0;  list-style: none;}
.hire_web_desinger_ul li{float: left;  width: 300px;  line-height:20px; height:20px; margin: 0;  background-image: url(../images/arrows_blue.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.hire_web_desinger_ul li:hover{color:#2fbdff; cursor:default;}
div#hire_middle_box{background:url(../images-web-design/hire_middle.png) no-repeat left top; width:672px; height:259px;}

/* --------------------Web Pro Development--------------------*/
div#web_pro_box{background:url(../images-web-design/box-web-pro.jpg) no-repeat left top; width:674px; height:290px;}
.web_pro_ul ul{   float: left;  width:600px; margin: 0;  padding:0; list-style: none;}
.web_pro_ul li{float: left;  width:600px;  line-height:20px; height:20px; margin: 0;  background-image: url(../images/arrows_blue_dark.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.web_pro_ul li:hover{color:#2fbdff; cursor:default;}
div#web_pro_box h3{float:right;}

/* --------------------Web Premium Development--------------------*/
div#web_pre_box{background:url(../images-web-design/box-web-premium.jpg) no-repeat left top; width:674px; height:290px;}
.web_pre_ul ul{   float: left;  width:600px; margin: 0;  padding:0; list-style: none;}
.web_pre_ul li{float: left;  width:600px;  line-height:20px; height:20px; margin: 0;  background-image: url(../images/arrows_green_dark.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.web_pre_ul li:hover{color:#78eb22; cursor:default;}
div#web_pre_box h3{float:right;}


/* --------------------Web Delux Development--------------------*/
div#web_delux_box{background:url(../images-web-design/box_web_delux.jpg) no-repeat left top; width:674px; height:290px;}
.web_delux_ul ul{   float: left;  width:600px; margin: 0;  padding:0; list-style: none;}
.web_delux_ul li{float: left;  width:600px;  line-height:20px; height:20px; margin: 0;  background-image: url(../images/arrows_red_dark.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.web_delux_ul li:hover{color:#e84317; cursor:default;}
div#web_delux_box h3{float:right;}

/* --------------------Request a Quote SECTION--------------------*/
#personal-info_quote1 { border:none; position:relative; width:500px;}
#personal-info_quote1 input{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:22px; padding:5px 5px 0px 5px; width:330px; float:right; clear:right;}
#personal-info_quote1 input:hover{border:1px solid #FFCC33}
#personal-info_quote1 span{float:left; line-height:35px; width:158px; height:35px; clear:left;}

#personal-info_quote2 { border:none; position:relative; width:500px;}
#personal-info_quote2 .category{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:8px; overflow:hidden; line-height:18px; height:25px; padding:0px; width:342px; float:right; clear:right;}
#personal-info_quote2 .category:hover{border:1px solid #FFCC33}
#personal-info_quote2 span{float:left; line-height:35px; width:158px; height:35px; clear:left;}

#personal-info_quote3 { border:none; position:relative; width:500px;}
#personal-info_quote3 input{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:22px; padding:5px 5px 0px 5px; width:330px; float:right; clear:right;}
#personal-info_quote3 input:hover{border:1px solid #FFCC33}
#personal-info_quote3 span{float:left; line-height:35px; width:158px; height:35px; clear:left;}
#personal-info_quote3 .textareaxx{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:5px; overflow:hidden; line-height:18px; height:80px; padding:0px 5px 0px 5px; width:330px; float:right; clear:right;}
#personal-info_quote3 .ref{background: url(../images/input_bg.jpg) no-repeat left top; border:1px solid #D9D9D9; color:#51585f; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:8px; overflow:hidden; line-height:18px; height:25px; padding:0px; width:342px; float:right; clear:right;}
#personal-info_quote3 .ref:hover{border:1px solid #FFCC33}
#personal-info_quote3 .imagexxx{float:left; clear:both; position:absolute; left:153px; top:100%; width:64px; height:28px; background:none; border:none;}
#personal-info_quote3 .imagexxx:hover{float:left; clear:both; position:absolute; left:153px; top:100%; width:64px; height:28px; background:none; border:none;}

/* -------------------Seo Silver--------------------*/
.seo_silver_ul ul{   float: left;  width:500px; margin: 0;  padding:0; list-style: none;}
.seo_silver_ul li{float: left; line-height:18px; width:500px; height:30px; margin: 0;  background-image: url(../images/arrows_green2_dark.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.seo_silver_ul li:hover{color:#9bba03; cursor:default;}


/* -------------------Seo Gold--------------------*/
.seo_Gold_ul ul{   float: left;  width:500px; margin: 0;  padding:0; list-style: none;}
.seo_Gold_ul li{float: left; line-height:18px; width:500px; height:30px; margin: 0;  background-image: url(../images/arrows_blue2_dark.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.seo_Gold_ul li:hover{color:#168dd0; cursor:default;}

/* -------------------Seo Platinum--------------------*/
.seo_platinum_ul ul{   float: left;  width:500px; margin: 0;  padding:0; list-style: none;}
.seo_platinum_ul li{float: left; line-height:18px; width:500px; height:30px; margin: 0;  background-image: url(../images/arrows_red_dark.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 0 0 0 15px;}
.seo_platinum_ul li:hover{color:#eb0000; cursor:default;}




/* -------------------Thank you--------------------*/
#div_box1{position:relative; height:150px;}
#div_box1 #leftbox{position:absolute; left:0; top:0; width:300px;}
#div_box1 #rightbox{position:absolute; left:300px; top:0; width:300px;}

#div_box2{position:relative; height:150px;}
#div_box2 #leftbox2{position:absolute; left:0; top:0; width:300px;}
#div_box2 #rightbox2{position:absolute; left:300px; top:0; width:300px;}

/* -------------------sitemap--------------------*/
div#sitemap{float:left; width:600px; padding-left:50px;}

div#sitemap ul{margin: 0;padding: 0;list-style-type: none; padding-bottom:5px;}

div#sitemap ul li{float: left; line-height:18px;  display:inline-table; clear:left; height:30px; margin: 0;  background-image: url(../images/arrow-4.png);  background-position: 0 7px;  background-repeat: no-repeat; padding: 2px 0 0 15px; }

div#sitemap li ul{margin: 0;padding: 0;list-style-type: none;}

div#sitemap li ul li{float: left; line-height:18px; width:250px; clear:left; height:30px; margin: 0;  background-image: url(../images/arrow-4.png);  background-position: 0 11px;  background-repeat: no-repeat; padding: 5px 0 0 15px;}

div#sitemap a{ font-size:12px; color:#868686; text-decoration:none;}
div#sitemap a:hover{color:#2fbdff; text-decoration:underline;}


/* =navigation*/
div#nav_menu{position:relative; width:100%; height:65px; margin-top:10px;}

ul#menu {padding: 0; margin: 0; width: 100%; height: 53px; background: url(../images/menu.png) no-repeat left top; padding-top:1px;}

ul#menu li{float:left; padding:0px;}