/*
-----------------------------------------------
Style Sheet 
author:   Adam Blakey
version:  1.0  2008-04-09
----------------------------------------------- */


body {
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#777;
	background:url(../../images/bg.jpg) repeat-x #FFFFFF;
	line-height:24px;
	
}

h1 {font-size:24px; font-weight:normal; color:#69B91E;}
h2 {font-size:24px; font-weight:normal; color:#69B91E;}
h3 {font-size:18px; font-weight:normal; color:#69B91E;}
.strong {font-size:14px; font-weight:600 }
.h2 {color:#631E9D; font-size:16px; font-weight:normal;}
.white { color:#FFFFFF; }
.highlight { color:#69B91E; font-size:14px; line-height:25px; }
.pad { padding:10px; padding-left:15px; }
.high { color:#69B91E; font-size:16px; font-weight:600; text-decoration:underline; }
img { border:0px; }


/* Links 
----------------------------------------------------------------*/

a:link {color: #65B926; text-decoration: underline; font-weight: normal; }
a:visited {color: #65B926; text-decoration: underline; font-weight:normal; }
a:hover {color: #005AC5; text-decoration: underline; font-weight:normal; }


a.navlinks:link	{color:#7A7A7A; font-weight:normal; text-decoration:none; } 
a.navlinks:active	{ color:#7A7A7A; font-weight:normal; text-decoration:none; }
a.navlinks:visited	{ color:#7A7A7A; font-weight:normal; text-decoration:none; }
a.navlinks:hover	{ color:#65B926; font-weight:normal; text-decoration:none; }


.text, .image, .block     /* All container divs*/
 { padding-top:30px; }  

#nav { font-size:14px; text-align:left; padding-top:20px; float:left; width:650px;  }
#nav ul {margin:0px; padding:0px; }
#nav li { display:inline; padding:0px; margin:0px; color:#fff; font-weight:bold; }
#nav li a { background:#D0D0D0; color:#fff; font-weight:600; text-decoration:none; padding:8px; margin:0px; padding-left:12px; padding-right:12px; }
#nav li a:hover { background: #97C002; }

#nav2 { font-size:14px; text-align:center; line-height:55px; margin-right:10px;  }
#nav2 ul {margin:0px; padding:0px; }
#nav2 li { display:inline; padding:0px; margin:0px; color:#4D4D4D; font-weight:bold; }
#nav2 li a { color:#4D4D4D; font-weight:500; text-decoration:none; padding:8px; padding-right:28px; padding-left:28px; margin:0px; text-decoration:underline; }
#nav2 li a:hover { background: #69B91E; color:#FFF }
.high a { background: #69B91E; padding:8px; margin:0px; }

#nav3 { font-size:12px; text-align:center; line-height:35px; margin-right:10px;  }
#nav3 ul {margin:0px; padding:0px; }
#nav3 li { display:inline; padding:0px; margin:0px; color:#4D4D4D; font-weight:bold; }
#nav3 li a { color:#4D4D4D; font-weight:500; text-decoration:none; padding:8px; padding-right:32px; padding-left:32px; margin:0px; text-decoration:underline; }
#nav3 li a:hover { background: #69B91E; color:#FFF }

/* MAIN 
----------------------------------------------------------------*/

#main {width: 1000px; margin: 0 auto; position: relative; padding:0px;}
#navigation { height:48px; margin:0px; padding:0px; background:#FFF; }
#login { background:url(../../images/login-bg.jpg) no-repeat; float:left; width:350px; height:48px;  }
#header { height:343px; margin:0px; padding:0px; background-image:url(../../images/header.jpg);}
#website_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/website-header.jpg);}
#ecommerce_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/ecommerce-header.jpg);}
#seo_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/seo-header.jpg);}
#mail_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/mail-header.jpg);}
#iphone_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/mobile-header.jpg);}
#startup_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/startup-header.jpg);}
#graphic_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/print-header.jpg);}
#services_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/services-header.jpg);}
#payper_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/payper-header.jpg);}
#brochure_header { height:343px; margin:0px; padding:0px; background-image:url(../../images/brochure-header.jpg);}
#contact_header { height:188px; margin:0px; padding:0px; background-image:url(../../images/contact-header.jpg);}
#general_header { height:188px; margin:0px; padding:0px; background-image:url(../../images/general-header.jpg);}
#general_header2 { height:227px; margin:0px; padding:0px; background-image:url(../../images/general-package-header.jpg);}
#approved_header { height:227px; margin:0px; padding:0px; background-image:url(../../images/approved-business-header.jpg);}
#sheader { height:286px;}
#sheader2 { height:131px;}
#sheader3 { height:190px;}
#sub_navigation { height:57px; margin:0px; padding:0px; background-image:url(../../images/navigation.png); }
#sub_navigation2 { height:37px; margin:0px; padding:0px; background-image:url(../../images/navigation.png); }

#company_logos { height:98px; margin:0px; padding:0px; background-image:url(../../images/client-logos.jpg); margin-bottom:20px; }
#company_logos2 { height:98px; margin:0px; padding:0px; background-image:url(../../images/client-logos2.jpg); }
#website_text { height:35px; margin:0px; padding:0px; background:url(../../images/website-text.png) center no-repeat; margin-bottom:0px; margin-top:30px; }
#ecommerce_text { height:35px; margin:0px; padding:0px; background:url(../../images/ecommerce-text.png) center no-repeat; margin-bottom:0px; margin-top:30px; }
#mail_text { height:35px; margin:0px; padding:0px; background:url(../../images/mail-text.png) center no-repeat; margin-bottom:0px; margin-top:30px; }
#startup_text { height:35px; margin:0px; padding:0px; background:url(../../images/startup-text.png) center no-repeat; margin-bottom:0px; margin-top:30px; }
#brochure_text { height:35px; margin:0px; padding:0px; background:url(../../images/brochure-text.png) center no-repeat; margin-bottom:0px; margin-top:30px; }

.portfolio { margin:5px; border:3px solid #ddd;}

#packages { width:190px; float:left; margin-right:40px;}
#packages_title { background-color:#69B91E; border-bottom:2px solid #529513; height:30px; color:#FFFFFF; font-weight:bold;  font-size:13px; line-height:30px; padding-left:10px;}
#packages ul	{margin-left:0px; padding:0px;}
#packages li	{margin:0px; padding:3px; border-bottom:1px dashed #D3DECC; list-style:none;}
.packages_highlight	{ background:#eee}


#home_left { margin:0px; padding:0px; float:left; width:420px; margin-right:0px; margin-left:30px;  margin-bottom:30px;}
#home_right { margin:0px; padding:0px; float:left; width:540px; margin-right:10px;  margin-bottom:30px;}
#menu { width:241px; float:left; }
	
#body { width:1000px; height:auto; overflow:auto; background:url(../../images/twitter-top.png) no-repeat bottom right;}
#main_body { padding:0px; margin:0px; margin-left:20px; margin-top:35px; width:700px; float:left; margin-bottom:20px;}
#main_body2 { padding:0px; margin:0px; margin-left:40px; margin-top:35px; width:910px; margin-bottom:20px;}

#contact_form { width:300px; float:left;  padding-right:25px;}
#contact_details { width:270px; float:left; padding-left:30px;  border-left:1px solid #D4D4D5;}	
#contact_map { width:230px; float:left; padding-left:30px;  border-left:1px solid #D4D4D5;}

#lastest_blog { background:#929191; width:333px; float:left; color:#FFF; height:180px; }
#lastest_blog a { text-decoration:underline; color:#fff; }
#lastest_blog h2 {font-size:16px; font-weight:bold; color:#fff;}
#lastest_testimonial { background:#ADACAC; width:333px; float:left; color:#FFF; height:180px; }
#lastest_testimonial a { text-decoration:underline; color:#fff; }
#lastest_testimonial h2 {font-size:16px; font-weight:bold; color:#fff;}
#lastest_tweet { background:#929191; width:333px; float:left; color:#FFF; height:180px; background:url(../../images/twitter-bottom.jpg) no-repeat top right #929191;}
#lastest_tweet a { text-decoration:underline; color:#fff; }
#lastest_tweet h2 {font-size:16px; font-weight:bold; color:#fff;}

#tell_us_more { width:210px; float:left; margin-left:60px; margin-top:40px; margin-bottom:20px; }
#tell_us_more ul { margin:0px; padding:0px; }
#tell_us_more li { border-bottom:1px dashed #ccc; list-style:none; padding:3px; margin:0px; }

#seo_box { width:210px; float:left;  padding-right:15px;}

#footer {height:120px; text-align:left; clear:both; font-size:11px; padding:0px; margin-top:0px;}
	#footer p { padding-top:40px; }
	

#clearer {
	clear:both;
	line-height: 1px;
	font-size: 1px;
}
.clearer {
	clear:both;
	line-height: 1px;
	font-size: 1px;
}


/* FORM 
----------------------------------------------------------------*/
.input { background-image:url(../../images/input.gif); margin-bottom:12px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px; padding-left:3px; padding-top:3px;}
.input2 { background:url(../../images/input-bg2.jpg); margin-bottom:12px; border:1px solid #ccc; color:#666666; font-size:11px; height:15px; padding:4px;}

.input3 { background-image:url(../../images/input-bg2.jpg); margin-top:5px; margin-bottom:5px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px;}
.inputlog { background:url(../../images/input-bg.jpg); margin-top:17px; width:108px; height:13px; margin-left:7px; margin-right:15px; color:#666; font-size:10px; border:0px; float:left}
.button { padding:0px; margin:0px;}
.logbutton { margin-top:10px; float:left; margin-left:5px; }
.select { margin-top:3px; margin-bottom:3px; color:#666666}
.textarea { margin-top:3px; margin-bottom:3px; background:url(../../images/input-bg3.jpg) repeat-x bottom #fff; border:1px solid #ccc; color:#666666; font-size:11px; width:197px;}
.textarea2 { margin-top:3px; margin-bottom:3px; background:url(../../images/input-bg3.jpg) repeat-x bottom #fff; border:1px solid #ccc; color:#666666; font-size:11px; width:297px;}
FORM { margin:0px; padding:0px; }


/* BULLET LIST
----------------------------------------------------------------*/
	
UL	{list-style-image:url(../../images/bullet.jpg); margin-left:15px; padding-left:15px; }
LI  { margin-left:15px; padding-left:15px; }


/* Moo Flow
----------------------------------------------------------------*/

.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:1em auto;
	top:45%;
	width:100%;
	background:#fff url(../../images/spinner.gif) no-repeat 50% 0;
	padding:30px 0
}

/* Blog
----------------------------------------------------------------*/

#blog_post { padding:15px; line-height:20px; font-size:12px; border:1px solid #ccc; margin-bottom:20px; } 
#blog_post h1 { font-size:24px; font-weight:normal; color:#69B91E; margin:0px; padding-bottom:8px; border-bottom:1px solid #9DB2D1;}
#blog_post h2 { font-size: 18px; background:#65B926; margin:0px; padding-bottom:8px;  border-bottom:1px solid #9DB2D1; height:25px; line-height:30px;}
#blog_post h2 a{ color:#fff; padding:5px; }
#blog_post h2 a:hover { color:#333;  text-decoration:undeline;  }
#blog_comments { padding:8px; }

#comments { padding:15px; line-height:20px;}
#comments h3 { font-size: 18px; margin:0px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #9DB2D1; }

#comment { border-top:1px solid #FFBE7F;  border-bottom:1px solid #FFBE7F; padding:10px;}
#comment h4 { font-size: 16px; margin:0px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #9DB2D1; }

pre {
   display: block;
   margin: 2em 0;
   white-space: pre;
   overflow: auto;
   width: 670px;
   line-height: 1.4;
   border: 1px solid #ccc;
   background: #ece9d8;
   padding: 8px;
}

/* JS: adding CODE captions */
pre.JS {
   margin-top: 0;
}
.JScodeCaption {
   margin-top: 2em;
   color: #999;
   font: .9em "Verdana", sans-serif;
   padding-bottom: .2em;
}