@charset "utf-8";
/* CSS Document */
@import "style/css/fun_footer.css";
/* Global reset is based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h2, h3, h4, h5, h6{color:#034F83;}
div {position:relative;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {	content:'';}
/* The below restores some sensible defaults */
strong {font-weight: bold;}
em {font-style: italic;}
/* Gets rid of IE's blue borders */
a img {	border:none;}
/* Use this br class to clear your floated columns */
br.clear_floats {clear:both;display:block;height:1px;margin:-1px 0 0 0} 
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {
	margin: 15px 30px 10px 150px;
	padding-left: 5px;
	border-left: 5px solid #00497F;
	width:33%;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
/* links */
a{
	color:#034F83;
	text-decoration:none;
}
a:hover {
	color:#830314;
	text-decoration:underline;
}
/*Tables*/
table{width:100%;}
table td{padding:2px;} 
 
/*Forms*/
button{
	background:#005224 url(style/images/zeplin_sm.png) 5px center no-repeat;
	padding:10px 10px 10px 70px;
	color:#FFF;
	font-size:1em;
	border:#E3EFC2 solid 3px;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	cursor:pointer;
}
button:hover{
	background:#005224 url(style/images/zeplin_sm.png) 7px center no-repeat;
	padding:10px 10px 10px 70px;
} 
.bg_lite_blue button{
	background-color:#BFE4FF;
	padding:10px 10px 10px 70px;
	color:#006EBF;
	font-size:1em;
	border:#006EBF solid 3px;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	cursor:pointer;	
}
button[disabled=disabled], button[disabled=disabled]:hover{ 
	background:Grey url(style/images/zeplin_sm.png) 5px center no-repeat;
	padding:10px 10px 10px 70px;
	color:#EFEFEF;
	cursor:help;
	opacity:0.4;filter:alpha(opacity=40);
}
.button{
	background-color:#BFE4FF;
	padding:5px 5px 5px 5px;
	color:#006EBF;
	font-size:1em;
	border:#006EBF solid 2px;
	-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
	cursor:pointer;	
}
.button:hover{
	background-color:#006EBF;
	color:#BFE4FF;
}
.button_sm{	
	padding:2px;font-size:0.8em; margin-left:5px;
	border-width:1px;
}
form input[type=text], form textarea {
	background:#fff url(style/images/form_field_bg.gif) repeat-x;
	border:1px black solid; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	padding:2px 0px 2px 0px;
}

form input[type=text]:focus, form textarea:focus{
	border:1px #EE8C4A solid;
	outline:none;
}

form textarea{width:100%;resize: vertical; height:80px;}
form label{font-size:1.188em;cursor:pointer;}
form em{color:Blue;font-size:1.438em; font-weight:bold;}

#go{
	margin-left:5px;
	background-color:#005224;
	padding:0px;
	color:#FFF;
	font-size:1em;
	border:#005224 solid 2px;
	-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
	cursor:pointer;
}
#go:hover{
	background-color:#E3EFC2;
	color:#005224;
	border:#005224  solid 2px;
}

/* General LayOut classes */
.overflowhidden{overflow:hidden;}
.aligncenter{ margin:0 auto;}
.center {text-align: center;}
.textright {text-align:right;}
.smalltext{font-size:0.75em;}
.hidden {display: none;}
.error {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#6F3030 ;background-color:#F7C342;
	border:#6F3030 1px solid;
	padding:4px 4px 4px 4px;
	-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	}
.error span{
	font-family:"Times New Roman", Times, serif !important; font-size:1.125em; font-weight:bold;
	margin:0px 10px 0px 0px ;
	color:#FFF;
	background-color:#6F3030;
	border:#AF7300 2px solid;
	padding:0px 8px 0px 8px;
	-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
}
.screen-reader-text {position: absolute;left: -1000em;}
.float_left, img.alignleft{ float:left;}
.float_right, img.alignright{ float:right;}

.two_cols_container{
	width:100%;
}
.two_cols_container .col_a{
	width:605px;
}
.two_cols_container .col_b{
	width:310px;
	margin-left:10px;
}
.two_cols_container .col_b h2{
	padding:5px;
	margin-bottom:5px;
}
.four_cols_container{
	padding:10px;
}
.four_cols_container .col{
	width:206px;
	float:left;margin:5px;
	padding:5px;
}
.four_cols_container .sq{
	height:206px;
	overflow:hidden;
}
.border_thin_black{
	border:#000 solid 1px;
}
.no_border{border:none !important;}
.two_cols_eql{float:left; width:45%;}
.col_eighty{width:80%;}
.col_sixty{width:60%;}
.col_fourty{width:40%;}
.col_33{width:33%;}
.col_66{ width:66%;}
.rounded{
	border:#000 solid 1px;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	
}
.rounded_no_shd_n_b{
	border:none;
	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
} 

.center_div{margin:0px auto;}
.padding20{padding:20px 20px 20px 20px;}
.padding10{padding:10px;}
.padding5{padding:5px;}

.margin_left_10{margin-left:10px;}
.margin_right_10{margin-right:10px;}
.margin_10{margin:10;}
.margin_bottom_10{margin-bottom:10px;}
hr {display: none;}
/*Colors*/
.bg_green{background-color:#CEE19A;}
.bg_light_blue{background-color:#BFE4FF;}
.bg_lite_blue{background-color:#EFF7FF;}

* { margin: 0; }
html, body { height: 100%;}

/* Site LayOut */
body{
	background:#eaf5ff url(style/images/skybg.gif) repeat-x;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:100%;
}

#page{
	width:100%;
	min-height: 100%;
	height: auto !important; 
	height: 100%;
	margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
	overflow:hidden;
}

.push{ height:145px} /* Thank you Ryan!! http://ryanfait.com/sticky-footer */
.push_int{ height:10px}

#header_logo{
	width:572px;
	height:102px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(style/images/green_web_top_text.png) no-repeat;
	top:-50px;
	left:190px;
	position:absolute;
	z-index:8;
}
#zepin_quote_link, .zepin_quote_logo{
	width:224px;
	height:77px;
	overflow:hidden;
	background:url(style/images/zeplin_quote.png) no-repeat;
	top:-37px;
	left:-88px;
	z-index:1;
	position:absolute;
}

#zepin_quote_link:hover{
	background:url(style/images/zeplin_quote_over.png) no-repeat;
}
#zepin_quote_link a{
	display: block;
	padding-top: 77px; /* same as height of #example-nav */
    text-decoration: none;
    outline: none;
}
#header{height:90px;}
#content_wrapper{
	width:955px;
	min-height:600px;
	background-color:;
	background:#bee1fa url(style/images/text_body_bg.png) repeat-x;
	margin:0px auto 0px auto;
	-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	}
#content{ padding:0px 10px 10px 10px;/*margin-top:-20px;*/}
#content h1{color:#FFF; padding-bottom:5px;}
#footer{
	margin-left:0px;
	margin-top:0px;
	width:100%;
	height:145px;
	background:url(style/images/greenhills.png) bottom center no-repeat;
}
#footer_name_text{
	background:url(style/images/green_web_bottom_text.png) no-repeat;
	width:287px; height:54px;
	margin:0 auto;
	overflow:hidden;
	text-indent:-999px;
}
/* navigation */
#above_navbar_wrapper{width:100%; height:60px;}

#navbar{width:665px; height:60px; float:right; }
#nav {margin: 0px;padding: 0px;height:30px;margin-left:70px;}

.lavalamp {
	position: relative;
	height: 30px;
	width: 655px;
}
.lavalamp li {
	float: left;
	list-style: none;
}
.lavalamp li.back {
	background: url(style/images/lava.png) no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8; position: absolute;
}
.lavalamp li.back .left {
	background: url(style/images/lava.png) no-repeat top left;
	height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavalamp li a {
	font:italic 24px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 0px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;    
}
.lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited { border: none;}
/* Footer */
#call_us{
	text-align:center;
	font-size:4em;
	padding:20px;
	color:#FFF;
}
/* No javascript */
.no_js{}
/* boxes */
#page_w_boxes .col{
	margin:10px; width:444px;
	height:255px; overflow:auto;
	float:left;	background-color:#EFF7FF;
}
#page_w_boxes .col ul li{
	list-style:disc;
}
#page_w_boxes .col ul{
	padding:10px; padding-left:35px;
} 
#page_w_boxes .col p{ padding:5px 10px 5px 10px;}
#page_w_boxes .col h3, .col_title{ 
	padding:5px 10px 5px 10px; font-size:1.2em;
	background-color:#BFE4FF;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	border-bottom:#96C4E6 solid 1px;
}
/* Page Specific */
/* Service */
#page_w_boxes #serv_wordpress, #page_w_boxes #serv_seo
{
	width:908px;
	height:auto;
	overflow:hidden;
}
#page_w_boxes #serv_maint, #page_w_boxes #serv_domain_name {
		height:118px;	overflow:hidden;
}
#serv_design{
	background:url(style/images/serv_page/serv_design_bg.png) bottom right no-repeat;
}
#serv_apps{
	background:url(style/images/serv_page/serv_apps_bg.png) bottom right no-repeat;
}
#serv_wordpress{
		background:url(style/images/serv_page/serv_wordpress_bg.png) bottom right no-repeat;
}
#serv_cms{
		background:url(style/images/serv_page/serv_cms_bg.png) bottom right no-repeat;
}
#serv_marketing{
		background:url(style/images/serv_page/serv_seo_bg.png) bottom right no-repeat;
}
#serv_seo h3{
	background:url(style/images/serv_page/seo_title_bg.png) center right no-repeat;
}
#serv_hosting h3 {
	background:url(style/images/serv_page/serv_hosting_title_bg.png) 156px center no-repeat;
}
/* Port */
.portflio_pg div.col {
	width:908px !important;
	height:auto;
	overflow:hidden;
}

.portflio_pg div.col h1{ position:absolute; top: 90px; left: 0; width: 100%; }
.portflio_pg div.col h1 span{ color: white; font:normal 24px/45px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 10px; }
.portflio_pg div.col h1 span.spacer{ padding: 0 2px; background: none; }
.portflio_pg div.col h1 span a{ color:#41AAF5;}

#port_1{
	background:url(style/images/port_page/web.png) 0px 0px no-repeat;
}
#port_2{
	background:url(style/images/port_page/wp_theme_port.png) 0px 0px no-repeat;
}
#port_3{
	background:url(style/images/port_page/graphics_to_web.gif) 0px 0px no-repeat;
}
#port_4{
	background:url(style/images/port_page/wp_plugins.png) 0px 0px no-repeat;
}

/*serv_domain_name*//*serv_marketing serv_hosting serv_maint*//*Domain look up page*/
#domain_extentions{
	padding:0px;
	border-left:#E3EFC2 1px solid;
	border-top:#E3EFC2 1px solid;
	border-bottom:#E3EFC2 1px solid;
	margin:5px 5px 5px 0px; width:609px;
}
#domain_extentions div{
	width:74px;
	height:24px;
	padding:6px;
	float:left;
	text-align:right;
	border-right:#E3EFC2 1px solid;
}
#domain_extentions div:hover{
	background-color:#E3EFC2;
}
#domain_extentions div input{
	margin-left:4px;
	cursor:pointer;
}