body {background: #6d9db7 url(../images/background.jpg) no-repeat 0 0; margin: 0 auto;}  
a {color: #2d7280;}
p, ul, li {
	font-family: 'Century Gothic', Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #444444;
}
#masthead {width: 960px; margin: 0 auto; clear: both;}
#logo {width: 211px; height: 50px; float: left; padding-top: 34px; padding-left: 9px; padding-bottom: 34px;}
#search {float: right; width: 600px; height: 25px; padding: 37px 0 0 0; margin: 0; background: #ff000;}
#search_box {float: right; padding-right: 10px;}
#extra_nav {
	margin: 0;
	width: 384px;
	float: right;
	text-align: right;
	font: 11px/12px Arial, Verdana, sans-serif;
	height: 25px;
	padding: 37px 0 0 0;
} /*float left when Search is active */
#extra_nav ul {padding: 3px 0 0 0; margin: 0; list-style-type: none; color: #fff;}
#extra_nav ul li {display: inline; text-transform: uppercase; color: #fff; padding: 0 8px 0 8px;}
#extra_nav ul li a {text-decoration: none; font: bold 11px/12px 'Century Gothic', Arial, Verdana, sans-serif; color: #fff;}
#extra_nav ul li a:hover, #extra_nav ul li a.nav_on {text-decoration: underline !important;}

#wrapper {width: 960px; clear: both; margin: 0 auto;}
#content_wrapper {
	background: url(../images/home_body_repeat2.png) repeat-y 0 0;
	width: 920px;
	padding: 0 20px 15px 20px;
	margin: 0 auto;
	clear: both;
	float: left;
}



#nav_shadow {background: url(../images/home_body_top_shadow2.png) no-repeat 0 0; width: 960px;	height: 13px;}
#nav_container {width: 940px;margin: 0 auto;height: 21px;clear: both;background-image: url(../images/brown_nav_top.gif);background-repeat: no-repeat;}  
#nav {margin: 0 auto;	padding: 0;	list-style-type: none;	font-family: 'Century Gothic', Arial, Verdana, sans-serif;	font-size: 12px;}
#nav li {margin: 0;float: left;display: block;}
#nav a {float: left;color: #DCC8B4;width: 135px;height: 18px;text-align: center;text-decoration: none;line-height: 150%;letter-spacing: 0.3em;font-variant: small-caps;font-weight: bold;}
#nav a:hover {color: #DEF1F3;}
#nav #nav_left {	width: 50px;}
#nav #nav_home a {	width: 140px;}
#nav #nav_about a {	width: 140px;}
#nav #nav_services a {	width: 140px;}
#nav #nav_rates a {	width: 140px;}
#nav #nav_portfolio a {	width: 140px;}
#nav #nav_contact a {	width: 140px;}
#nav #nav_right {width: 70px;}
#welcome #nav_home a, #about #nav_about a, #services #nav_services a, #rates #nav_rates a, #portfolio #nav_portfolio a, #contact #nav_contact a {color: #def1f3;}

.search {background-color: #def1f3;border: 0;font: 11px 'Century Gothic', Arial, Verdana, sans-serif;color: #513127;padding: 4px;}
.search_arrow {background: url(../images/search_arrow.png) no-repeat 0 0; border: 0; width: 18px; height: 21px; cursor: pointer;}

#idea {font-family: 'Century Gothic', Arial, Verdana, sans-serif;font-size: 12px;color: #888888;text-align: center;}

#globe_wrapper_left {
	width: 315px;
	float: left;
	height: 320px;
	padding: 0;
	margin: 0;
}
#globe_tagline {float: right;width: 350px;padding: 35px 20px 0 0;margin: 0 0 25px 0;}
#globe {
	float: left;
	width: 235px;
/*	background-image: url(../images/globe_blue_e.png); */
	background-repeat: no-repeat;
	background-position: right;
	height: 302px;
	margin: 50px 0 0 0px;
}
#globe object {margin-top: 7px;}

#item_1, #item_2, #item_3 {
	height: 45px;
	width: 330px;
	overflow: hidden;
}
#item_4, #item_5, #item_6, #item_7, #item_8, #item_9, #item_10 {
	height: 45px;
	width: 380px;
	overflow: hidden;
}
#item_1 {padding: 40px 0 0 30px;}
#item_2 {padding: 25px 0 0 5px;}
#item_3 {padding: 25px 0 0 10px;}
#item_4 {padding: 40px 0 0 0px;margin: 0 0 0 -20px;}
#item_5 {padding: 0px 0 0 5px;}
#item_6 {padding: 0px 0 0 15px;}
#item_7 {padding: 0px 0 0 15px;}
#item_8 {padding: 0px 0 0 0px;}
#item_9 {padding: 0px 0 0 0px;	margin: 0 0 0 -15px;}
#item_10 {padding: 0px 0 0 0px; margin: 0 0 0 -35px;}

#item_1 a {background-image:url(../images/website-development.png);}
#item_2 a {background-image:url(../images/website-maintenance.png);}
#item_3 a {background-image:url(../images/website-consultancy.png);}
#item_4 a {background-image:url(../images/blogs.png);}
#item_5 a {background-image:url(../images/portals.png);}
#item_6 a {background-image:url(../images/rss-feeds.png);}
#item_7 a {background-image:url(../images/e-commerce.png);}
#item_8 a {background-image:url(../images/image-modification.png);}
#item_9 a {background-image:url(../images/seo.png);}
#item_10 a {background-image:url(../images/see-all-services.png);}

#item_1 a, #item_2 a, #item_3 a {background-repeat: no-repeat;height: 45px;width: 305px;float: left;}	
#item_4 a, #item_5 a, #item_6 a, #item_7 a, #item_8 a, #item_9 a, #item_10 a {background-repeat: no-repeat;height: 45px;width: 380px;float: left;}	
#item_1 a:hover, #item_2 a:hover, #item_3 a:hover, #item_4 a:hover, #item_5 a:hover, #item_6 a:hover, #item_7 a:hover, #item_8 a:hover, #item_9 a:hover, #item_10 a:hover {background-position: 0 -45px; height: 44px;}

#item_1 a:hover #item_1_description, 
#item_2 a:hover #item_2_description, 
#item_3 a:hover #item_3_description,
#item_4 a:hover #item_4_description, 
#item_5 a:hover #item_5_description, 
#item_6 a:hover #item_6_description, 
#item_7 a:hover #item_7_description, 
#item_8 a:hover #item_8_description, 
#item_9 a:hover #item_9_description,
#item_10 a:hover #item_10_description {
	border: dotted #ddd 1px;
	color: #888888;
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 110%;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: visible;
	text-decoration:none;}

#page-tag {
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #444444;
}
#page-tag-bold {font-family: 'Century Gothic', Arial, Verdana, sans-serif;font-size: 24px;font-style: italic;font-weight: bold;	color: #444444;}

h1 {font-family: 'Century Gothic', Arial, Verdana, sans-serif;font-size: 24px;font-style: italic;font-weight: bold;color: #694D31;}
h2 {font-family: 'Century Gothic', Arial, Verdana, sans-serif;font-size: 20px;font-weight: bold;color: #46748C;}
h3 {font-family: 'Century Gothic', Arial, Verdana, sans-serif;font-size: 18px;font-style: italic;font-weight: bold;color: #694D31;}
h4 {font-family: 'Century Gothic', Arial, Verdana, sans-serif;font-size: 12px;font-weight: bold;color: #694D31;padding: 0 0 0 20px;}

#tag img {padding: 0 10px;}

#wrapper_bottom {background: url(../images/home_body_bottom2.png) no-repeat 0 0; width: 960px;	height: 18px; margin: 0 auto; float: left;}
#footer_container {font-family: 'Century Gothic';font-size: 12px;color: #444444;padding: 0 0 0 10px;clear: both;}
/********************************************************************************
 INDEX PAGE
********************************************************************************/
#welcome #globe_wrapper_right {
	width: 350px;
	float: left;
	height: 450px;
	padding: 0;
	margin: 0;
}
#welcome #item_1 a:hover #item_1_description, 
#welcome #item_2 a:hover #item_2_description, 
#welcome #item_3 a:hover #item_3_description {width: 250px;}
#welcome #item_4 a:hover #item_4_description, 
#welcome #item_5 a:hover #item_5_description, 
#welcome #item_6 a:hover #item_6_description, 
#welcome #item_7 a:hover #item_7_description, 
#welcome #item_8 a:hover #item_8_description,
#welcome #item_9 a:hover #item_9_description {width: 380px;}

#welcome #item_1 a:hover #item_1_description, 
#welcome #item_2 a:hover #item_2_description, 
#welcome #item_3 a:hover #item_3_description,
#welcome #item_4 a:hover #item_4_description, 
#welcome #item_5 a:hover #item_5_description, 
#welcome #item_6 a:hover #item_6_description, 
#welcome #item_7 a:hover #item_7_description, 
#welcome #item_8 a:hover #item_8_description, 
#welcome #item_9 a:hover #item_9_description,
#welcome #item_10 a:hover #item_10_description {
	border: dotted #ddd 1px;
	color: #888888;
	font-family: 'Century Gothic', Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 110%;
	position: absolute;
	visibility: visible;}
	
#welcome #item_1 a:hover #item_1_description {padding: 15px;margin: 180px 0 0 -15px;}
#welcome #item_2 a:hover #item_2_description {padding: 15px;margin: 109px 0 0 10px;}
#welcome #item_3 a:hover #item_3_description {padding: 15px;margin: 38px 0 0 5px;}
#welcome #item_4 a:hover #item_4_description {padding: 15px;margin: 290px 0 0 -30px;}
#welcome #item_5 a:hover #item_5_description {padding: 15px;margin: 244px 0 0 -55px;}
#welcome #item_6 a:hover #item_6_description {padding: 15px;margin: 198px 0 0 -65px;}
#welcome #item_7 a:hover #item_7_description {padding: 15px;margin: 152px 0 0 -65px;}
#welcome #item_8 a:hover #item_8_description {padding: 15px;margin: 106px 0 0 -50px;}
#welcome #item_9 a:hover #item_9_description {padding: 15px;margin: 60px 0 0 -35px;}

/********************************************************************************
 CONTACT PAGE
********************************************************************************/
#contact-form-wrapper {
	margin: -45px 0 10px 30px;
	width: 620px;
	clear: both;
	float: left;
}

#contact #globe_wrapper_right {
	width: 250px;
	float: left;
	height: 300px;
	padding: 0;
	margin: 0;
}

#contact #item_1 a:hover #item_1_description, 
#contact #item_2 a:hover #item_2_description, 
#contact #item_3 a:hover #item_3_description,
#contact #item_4 a:hover #item_4_description, 
#contact #item_5 a:hover #item_5_description, 
#contact #item_6 a:hover #item_6_description, 
#contact #item_7 a:hover #item_7_description, 
#contact #item_8 a:hover #item_8_description, 
#contact #item_9 a:hover #item_9_description,
#contact #item_10 a:hover #item_10_description {
	visibility: hidden;
}

#contact #item_4 a:hover #item_4_description, 
#contact #item_5 a:hover #item_5_description, 
#contact #item_6 a:hover #item_6_description, 
#contact #item_7 a:hover #item_7_description, 
#contact #item_8 a:hover #item_8_description {
	width: 250px;
	margin: 0 30px 31px 90px;
}


#contact #tag {
	padding: 0;
	width: 600px;
	margin: 0;
}
/********************************************************************************
 SERVICES, RATES, ABOUT PAGES
********************************************************************************/

#services #tag, #rates #tag, #about #tag, #portfolio #tag {
	padding: 0 0 0 20px;
	width: 880px;
	margin: 0;
}

/****add back in above***/
#tag ul {
	list-style-type: disc;
	list-style-image: url(../images/check.png);
}
#tag p {
	padding-left: 20px;
}
#tag h3 {
	padding-left: 20px;
}
#design-services {
	padding: 0 0 0 80px;
	margin: 0;
	width: 450px;
	float: left;
}
#website-health-check, #domain-hosting-email {
	padding: 0 0 0 80px;
	margin: 0;
	width: 800px;
}
.req img {
	padding: 10px 0 0 2px;
	border: 0;
}