/*
Colors



*/


/*
Sections

-layout
-general
-header
-nav
-home
-footer

/*




/* layout      - - - - - - - - - - - - - - - - - - -    */

body{
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	font-family: Arial, sans-serif;
    border-top: 8px solid #9CCF31;
	color: #666666;
	background: #F3F1F0;
}

.top-border-convert{
border-top: 8px solid #f33a26;
}

.top-border-design{
border-top: 8px solid #00689b;
}

.top-border-promote{
border-top: 8px solid #f79820;
}


#container, #header{
	width: 960px;
	margin: 0px auto;
}
#container{
	margin-top: 17px;
	background: #ffffff url('/images/layout/bg-left.gif') repeat-y;
	display: block;
}
#head-container{
	background: #ffffff;
}
#container2{
	margin-left: 10px;
}
/* end layout  - - - - - - - - - - - - - - - - - - -    */
/* general     - - - - - - - - - - - - - - - - - - -    */


a{
	color: #9CCF31;
	text-decoration: none;
} 
a:hover{
	color: #666666;
} 


#red a{
	color: #f33a26;
	text-decoration: none;
}

#red a:hover{
	color: #666666;
} 

#green a{
	color: #9CCF31;
	text-decoration: none;
}

#green a:hover{
	color: #666666;
} 

#blue a{
	color: #00689b;
	text-decoration: none;
}

#blue a:hover{
	color: #666666;
} 
#orange a{
	color: #f79820;
	text-decoration: none;
}

#orange a:hover{
	color: #666666;
} 
.fl{ float: left;}
.flm{float: left; margin: 0px 10px 0px 10px;}
.fr{ float: right;}
.frm{ float: right; margin: 0px 0px 10px 10px;}
.cr{clear: right;}
.cl{clear: left;}
.cb{clear: both;}
.b{font-weight: bold;}
.i{font-style: italic;}
.small{ font-size: .91em; }
.lg{ font-size: 1.1em; }
.tac{ text-align: center;}
.taj{text-align: justify;}
.tal{text-align: left;}
.tar{text-align: right;}
.x-small{ font-size: .8em; }



/* end general - - - - - - - - - - - - - - - - - - -   */
/* header     - - - - - - - - - - - - - - - - - - -    */

#header{
	
	background: #ffffff;
}
#header-img{
	border-bottom: 8px solid #9CCF31;
}

/* end header - - - - - - - - - - - - - - - - - - -    */
/* nav         - - - - - - - - - - - - - - - - - - -   */


#nav{
	
	margin: 20px 141px 0px 10px;
	padding: 0px;
	border-right: 1px solid #666666;
	float: right;
	text-align: left;
	font-size: .95em;
	position: relative;


}
#nav li{
	line-height: 1.4em;
	width: 125px;
	list-style-type: none;
}
#nav a{
	color: #666666;
	text-decoration: none;
}

#nav a:hover{
	color: #9CCF31;
}
#nav ul{
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 95px;
}

#nav a.active{
	color: #666666;
	text-decoration: none;
}





#nav2{
	list-style-type: none;
	margin: 20px 0 0 10px;
	padding: 0px;
	border-right: 1px solid #666666;
	float: left;
	text-align: left;
	font-size: .85em;
	position: relative;
}

#nav2 a{
	color: #666666;
	text-decoration: none;
}

#nav2 li{
	line-height: 1.4em;
	width: 100px;
}
#nav2 a.active{
	color: #ff7e00;
	text-decoration: none;
}

#nav2 a:hover{
	color: #ff7e00;
}

#nav2 ul{
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 70px;
}




#nav3{
	list-style-type: none;
	margin: 20px 0 0 10px;
	padding: 0px;
	border-right: 1px solid #666666;
	float: left;
	text-align: left;
	font-size: .85em;
	position: relative;
}

#nav3 a{
	color: #666666;
	text-decoration: none;
}

#nav3 li{
	line-height: 1.4em;
	width: 100px;
}
#nav3 a.active{
	color: #00689b;
	text-decoration: none;
}

#nav3 a:hover{
	color: #00689b;
}

#nav3 ul{
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 70px;
}



#nav4{
	list-style-type: none;
	margin: 20px 0 0 10px;
	padding: 0px;
	border-right: 1px solid #666666;
	float: left;
	text-align: left;
	font-size: .85em;
	position: relative;
}

#nav4 a{
	color: #666666;
	text-decoration: none;
}

#nav4 li{
	line-height: 1.4em;
	width: 100px;
}
#nav4 a.active{
	color: #f33a26;
	text-decoration: none;
}

#nav4 a:hover{
	color: #f33a26;
}

#nav4 ul{
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 70px;
}





.submit{
	background: url('/images/bg-submit.gif') repeat-x;
	height: 28px;
	border: 1px solid #F1EFEE;
	cursor: pointer;
	padding: 0 1.5em 0 1.5em;
	font-weight: bold;
	color: #666666;
}


/* end nav     - - - - - - - - - - - - - - - - - - -   */
/* home         - - - - - - - - - - - - - - - - - - -  */

#home #right{
	width: 275px;
	float: right;
	margin-right: 35px;
	display: block;
	
	
}

#home #right-copy {
    font-size: .85em;
	margin: 10px 0 6px 18px ;
}

#home #right a:hover{
	color: #666666;
}
#home p{
	margin: 0px 0px 0px 25px;
}
.home-p{
	width: 555px;
}
#home #right ul{
	margin: 0 0 0 25px;
	padding: 0;
}
#home .tab{
	background: url('/images/bg-tab.png') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}



/* end home  - - - - - - - - - - - - - - - - - - -    */
/* int       - - - - - - - - - - - - - - - - - - -    */

.tab{
	background: url('/images/bg-tab.gif') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.tab2{
	background: url('/images/convert-tab.jpg') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.tab2 a{
	color: #ffffff;
	text-decoration: none;
}

.tab3{
	background: url('/images/design-tab.jpg') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.tab3 a{
	color: #ffffff;
	text-decoration: none;
}

.tab4{
	background: url('/images/promote-tab.jpg') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.tab4 a{
	color: #ffffff;
	text-decoration: none;
}

.services-tab{
	background: url('/images/tab-services.jpg') no-repeat top left;
	width: 517px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.services-tab a{
	color: #ffffff;
	text-decoration: none;
}


.convert-tab{
	background: url('/images/convert-tab.jpg') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.design-tab{
	background: url('/images/design-tab.jpg') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.promote-tab{
	background: url('/images/promote-tab.jpg') no-repeat top left;
	width: 150px;
	height: 38px;
	color: #ffffff;
	padding-left: 10px;
	line-height: 2.5em;
	font-size: .9em;
}

.table{
	padding-left: 20px;
	
}

#copy{
	margin-left: 20px; 
}
#copy p{
	width: 550px;
	margin: 1em 0px .5em 18px;
}
#copy ul{
	width: 500px;	
	margin: 0 0 .5em 3.5em;
	padding: 0px;
	list-style-type: disc;

}
#copy ul li{
	margin: 0px;
	padding: 0px;
	margin-bottom: .5em;
	list-style-type: disc;
}

#copy .no-bull{
	list-style-type: disc;
	margin: 0 0 .5em 2.5em;
}

#copy p.block{
	width: 348px;
}

input.txt-in, select.txt-in, textarea.txt-in{
	border: 1px solid #D7D0C8;
	border-top: 1px solid #666666;
	margin: 0px;
}
textarea.txt-in{
	font-family: arial, sans-serif;
	font-size: 1em;
}

#form{
	margin-left: 0px;
}

input.md{
	width: 210px;
}
input.lg{
	width: 430px;
}
input.sm{
	width: 100px;
}
.red{
	color: #9CCF31;
}
.social-link{
	float: left;
	margin: 20px 0 0 20px;
	
}
#contact-table td{
	vertical-align: top;
}
.mar-bot{
	padding-bottom:20px;
}
#serv-table{
	font-size: .85em;
}
#right{
	float: right;
	width: 240px;
	margin: 0 20px 0px 0px;
}

#right-copy{
	margin: 18px 5px 20px 18px ;
	display: block;
	
	font-size: .92em;
	text-decoration: none;
}

a.consult{
	height: 61px;
	width: 117px;
	display: block;
}
a.consult span{
	visibility: hidden;
}


.mar-left{
	margin-left: 20px;
}


.free-analysis { 
	line-height: 1.7em;
	}

#hardrule {
	border-top: 1px solid #c3c3c3; 
	width: 812px;
	margin: 35px 0px 0px 20px ;
	line-height: 2.0em;
	padding: 0px 0px 2px 0 px;
}
	

/* end int   - - - - - - - - - - - - - - - - - - -    */
/* footer    - - - - - - - - - - - - - - - - - - -    */

#bottom{
	background: url('/images/layout/bg-bottom.gif') no-repeat;
	width: 961px;
	height: 30px;
}
#footer{
	font-size: .8em;
	width: 830px;
	margin: 0 auto;
}
#footer a{
	color: #666666;
	text-decoration: none;
} 
#footer a:hover{
	color: #9CCF31;
}

/* end footer  - - - - - - - - - - - - - - - - - - -  */


 /* contact form --------------------*/
 
 
 

.wrapper { 
	margin: 20px; 
	width: 500px; 
	
}

.wrapper2 { 
	margin: 20px; 
	width: 510px; 
	
}

.wrapper_padding { padding: 0px 0px 0px 0px; }




form { display:inline }

.form { margin-top: 0px; border:1px solid #dfdfdf; color:#666666; margin-bottom:8px;}
.form_padding { padding:12px 12px 12px 12px;}
legend.form_title { color:#9CCF31; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
legend.form_title_promote { color:#ff7e00; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
legend.form_title_design { color:#00689f; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
legend.form_title_convert { color:#ef3b24; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
.form_info { font-size: 11px; float:right; background: #fff url(/images/required.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:5px;  }
.form_info_promote { font-size: 11px; float:right; background: #fff url(/images/required-promote.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:5px;  }
.form_info_design { font-size: 11px; float:right; background: #fff url(/images/required-design.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:5px;  }
.form_info_convert { font-size: 11px; float:right; background: #fff url(/images/required-convert.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:5px;  }

.form_callout { margin-top: 5px; }

.form_container {
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}
.form_container2 {
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}

/* form_add */
.form_add .form_padding { padding-top:10px; }
.form_add .form_question { font-weight: bold; margin-bottom: 4px; font-size: 12px; border:none; padding: 3px 6px 0 6px; }
.form_add .form_question img { vertical-align: middle; padding-right: 5px; background: white; }

.form label {
	font-size: 12px; 
	line-height: 17px; 
	display: block; 
	width:40%;
	float:left;
	margin-right:3%;
	color: #666666;
}




.form_callout label {
	display: block;
	float: none;
	text-align: left;
	border: 0px ;
	padding: 3px 0px;
}

.form input, .form select, .form textarea {
	color : #000000; 
	font: normal 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	margin: 0; 
	border: 2px solid #dfdfdf; 
	float:left;
}

.form .form_req label { background: url(/images/required.gif) right top no-repeat;}
.form .form_req_promote label { background: url(/images/required-promote.gif) right top no-repeat;}
.form .form_req_design label { background: url(/images/required-design.gif) right top no-repeat;}
.form .form_req_convert label { background: url(/images/required-convert.gif) right top no-repeat;}
.form .form_err { border-top: 1px solid #df7d7d !Important; border-bottom: 1px solid #df7d7d !Important; background-color:#ffdfdf; }
.form .errmessage { display:none; font: bold 12px/18px "Trebuchet MS", Helvetica, sans-serif; color:#ca4c4c; background-color:#ffbfbf;  margin-bottom:10px; padding: 4px 6px;}
.form .form_err .errmessage { display:block;}
.form_selected { background-color:#fffcdf;}
.form_selected input, .form_selected select, .form_selected textarea { border-color:#f0cc01; }

option { padding-right: 5px; }

.lastform { border: none !important; }
.no_border { border: none !important; width: auto !important; }
.no_border input { border: none !important; }
input[type='checkbox'] { border: none !important; }
input[type='radio'] { border: none !important; }

input.form_tiny { width: 15%; }
select.form_tiny { width: 16%; }
textarea.form_tiny { width: 15%; }
input.form_short { width: 25%; }
select.form_short { width: 25.5%; }
textarea.form_short { width: 25%; }
input.form_medium { width: 55%; }
select.form_medium { width: 55.5%; }
textarea.form_medium { width: 55%; }
input.form_long { width: 99%; }
select.form_long { width: 99.5%; }
textarea.form_long { width: 99%; }

.form label.spacer { border-color: white; width:88px; }
.form label.spacer2 { border-color: white; width:102px; }

.form_checkbox span { padding-left:5px; }
.form_checkbox input[type='checkbox'] { margin-top:3px; }
.form_radio { }

.form_callout input { padding: 2px 2px; font-size: 12px; }

.form_submit { clear:both; background-color:#ededed; height:45px; }
.form_submit_padding {padding: 0 5px; text-align:right; vertical-align:middle;}
.form_submit input { margin-left:15px;}

input.img_button { float:right; }
input.clear_button {
	/*use to make a button-like element on a button*/
	float:right;
	display:block;
	color: #666666 !important; 
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	padding: 3px;
	margin-top:8px;
	background-color: transparent; 
	border: none; 
	width: auto; 
	cursor: pointer;
	text-decoration:none;
}
input.clear_button:hover { text-decoration:none;}


/*/////// global /////////////////////////////////////////////////////////////*/

.clear { clear: both; }

.odd { background-color: #CCCCCC; }
.even { background-color: #D7D7D7; }

.hr { 
	background-color : #c3c3c3; 
	margin: 10px 0 15px 0; 
	height: 1px; 
	overflow: hidden; 
}


.services {font: #ffffff; margin: 8px 000}
.marketing-call-out {background-color: #FC9C0D; color: #ffffff; width: 162px; height: 75px; padding:8px 8px 8px 8px; margin: 0 8px 0 20px; float:left; }
.web-design-call-out {background-color: #0088BA ; color: #ffffff; width: 162px; height: 75px; padding:8px 8px 8px 8px; margin: 0 8px 0 9px; float:left;}
.consulting-call-out {background-color: #DC180F; color: #ffffff;  width: 162px; height: 75px; padding:8px 8px 8px 8px; margin: 0 8px 0 9px; float:left; }

.marketing-call-out2 {background-color: #FC9C0D; color: #ffffff; width: 180px; height: 46px; padding:8px 8px 8px 8px; margin: 0 7px 0 0px; float:left; }
.web-design-call-out2 {background-color: #0088BA ; color: #ffffff; width: 180px; height: 46px; padding:8px 8px 8px 8px; margin: 0 7px 0 7px; float:left;}
.consulting-call-out2 {background-color: #DC180F; color: #ffffff;  width: 180px; height: 46px; padding:8px 8px 8px 8px; margin: 0 7px 0 7px; float:left; }


.service1 {background-color:#F9E0BD; font-size:.9em; float:left; width:180px; height: 174px; padding:8px 8px 8px 8px; margin: 0 7px 0 0px; line-height:1.6em;}

.service2 {background-color:#C7DFE8; font-size:.9em; float:left; width:180px; height: 174px;  padding:8px 8px 8px 8px; margin: 0 7px 0 7px; line-height:1.6em;}

.service3 {background-color:#EDCDCB; font-size:.9em; float:left; width:180px; height: 185px;  padding:8px 8px 8px 8px; margin: 0 7px 0 7px; line-height:1.6em;}

.main-item {font-weight: bold; margin: 0 0 -3px 0;}
.item {font-weight: bold; }
.sub-item {margin: 0px 0px 0px 5px; }
.sub-items {line-height: 1.6em;}


.callout-title {font-size: 1.2em; font-weight: bold; color: #ffffff;}
.callout-title  a:visited {color: #ffffff;}
.callout-title a:link {color: #ffffff;}

.callout-body {font-size: 1.0em; margin: 15px 000;}
.callout-link {font-size:.8em; float: right; margin: 0px 000; }
.callout-link  a:visited {color: #ffffff;}
.callout-link  a:link {color: #ffffff;}