/* CSS Document */
html { height: 100%; margin-bottom: 1px; }
body { font: 0.875em Arial, Helvetica, sans-serif; }

.wrapper { width:960px; margin:0 auto; }

a, a:link{ color:#426ba8; text-decoration:none; }
a:hover{ color:#426ba8; text-decoration:underline; }
a.inline, a:link.inline{ color:#426ba8; text-decoration:underline; }
a:hover.inline{ color:#426ba8; text-decoration:none; }

.alt { display: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

p { margin: 0px 0px 10px 0px; }

/*Logo Style*/
#logo { background: url(/inc/img/logo.jpg) no-repeat;  float: left; display: block; width: 280px; height: 48px; }
#logo a:hover{ background: url(/inc/img/logo.jpg) no-repeat; float: left; display: block; width: 280px; height: 48px; }

#menu{ float: right; padding-bottom:0; }
#menu li{ list-style:none; display:inline; margin-left:0px; }
#menu li a { color:#fefefe; text-decoration:none; padding:16px 16px 16px 16px; display:block; float:left; }
#menu li a:hover{ color:#426ba8; }
#menu li a.current{ color:#426ba8; border-top:4px solid #426ba8; padding:12px 16px 16px 16px; }

#header_wrap { background: url(/inc/img/top.jpg) repeat-x #2b2b2b; height: 48px; overflow: hidden; }

/*featured_wrap */
#featured_wrap { background: url(/inc/img/featured_bg.jpg) repeat-x; overflow: hidden; height: 385px; clear:both; padding-top:20px; }
.featured_info { float:left; width:486px; padding-top:20px; }
.featured_info h2 { font-size: 2.4em; line-height: 1.2em; color: #132e55; }
.featured_info h2 span { color: #fff; font-weight: bold;  }
.featured_info p { margin-top: 20px; line-height: 1.2em; font-size: 1.2em; color:#fff; }
.featured_image{ float:right; background:url(/inc/img/featured_image_bg.png) no-repeat; width:474px; height:334px; margin:4px -14px 0 0; }
.featured_image .img{ width:419px; height:242px; margin:32px 0 0 26px; z-index:2; }

#featured_wrap_sub { background: url(/inc/img/featured_bg.jpg) repeat-x #426ba8; overflow: hidden; height: 60px; clear:both; padding-top:20px; }
#featured_wrap_sub h1 { font-size: 2.4em; font-weight: normal; color: #fff; }
#featured_wrap_sub h1 span { color: #132e55; font-style: italic; font-size: 0.80em; }
/*IE8*/
.featured_image .img{ margin-top: 30px; }

.getintouch_btn{ float:right; }
#featured_wrap .getintouch_btn { width:250px; height:50px; text-indent:-99999px; float:right; background:url(/inc/img/get_in_touch_btn.png) no-repeat; display:block; cursor:pointer; margin-top: 10px;}

/*featured_services*/
#featured_services { clear:both; background:#f3f1e9; padding:20px 0 20px 0; margin-top:20px; border-top:1px solid #dad6c7; border-bottom:1px solid #dad6c7;	}
#featured_services h2 { font-size: 1.6em; color: #426ba8; margin-bottom: 20px; font-weight: normal; }
#featured_services ul{ list-style: none; }
#featured_services ul.quad li { float: left; width: 240px; }
#featured_services ul.quad img { float: left; width: 40px; overflow: hidden; }
#featured_services ul.quad .copy { width: 180px; margin: 0px 15px 0px 5px; float: left; }
#featured_services h3{ color:#141313; font-weight:bold; font-size: 1.2em; margin-bottom:4px; }
#featured_services p { font-size: 0.875em; line-height: 1.4em; }
.featured_info a.copy { color: #fff; text-decoration: none; }
.featured_info  a:hover.copy { text-decoration: underline; }

#featured_services ul.three li { float: left; width: 320px; }
#featured_services img { float: left; width: 60px; overflow: hidden; }
#featured_services .copy { width: 220px; margin: 0px 15px 0px 5px; float: left; }

.featured_services_alt { clear:both; background:#f3f1e9; padding:20px 0 20px 0; margin-top:20px; border-top:1px solid #dad6c7; border-bottom:1px solid #dad6c7;	}
.featured_services_alt p { width: 690px; line-height: 1.4em; }

/*footer*/
#footer { background: #2b2b2b; color:#5f5f5f; border-top: 2px solid #dad6c7; clear: both; padding: 20px 0px; }
#footer h1 { color: #fff; font-size: 1.6em; font-style: italic; margin-bottom: 10px; font-weight: normal; }
#footer h1 span { color: #426ba8; }
#footer .copy { color: #fefefe; width: 600px; line-height: 1.2em; float: left;}
#footer .contact { width: 225px; float: right; color: #fefefe; font-size: 1.0em; }
#footer .contact p { margin-left: 25px; }
#footer #logo_footer { width: 225px; height: 23px; background: url(/inc/img/logo_footer.png) no-repeat; display: block; margin-bottom: 10px; }
#footer #contact_email { background: url(/inc/img/email_addr.png) no-repeat; display: block; width: 183px; height: 13px; }

/*main_content*/
#main_content { clear:both; padding:30px 0px; min-height: 300px; font-size: 1.2em; }
#main_content h1 { font-size: 1.6em; font-weight: normal; }
#main_content h2 { font-size: 1.4em; font-weight: normal; color: #426ba8; }
#main_content  h2.portfolio { font-size: 1.8em; font-weight: normal; color: #426ba8; padding: 3px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #c4bcaf; }

.col_left { width: 225px; margin-right: 20px; float: left; }
.col_main { width: 695px; margin-right: 40px; float: left; }
.col_right { width: 225px; overflow: hidden; float: right; }
.col_full { width: 960px; }


/*Slider*/
.slider-wrap { float:left; width: 960px; top: 0px; margin:0px 0 0 0px; }			
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width:960px; margin:0px 0 0 0px; height:337px; }
.stripViewer .panelContainer{ position:relative; left:0; top:0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 960px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
#movers-row { float:right; width:auto; margin-top:22px; }
#movers-row li { display:inline; }

.cross-link span { padding:4px 10px; float:left; border:1px solid #ddd; margin-left:10px; margin-right:4px; }
.active-thumb span { color:#000!important; padding:4px 10px; float:left; border:1px solid #828282; }

/*IE6*/
* html .cross-link span { text-indent:0; padding:4px 10px; float:left; border:1px solid #ddd; cursor:pointer; }
* html .cross-link span { background:none; }
* html .active-thumb span { color:#000; padding:4px 10px; float:left; border:1px solid #828282; cursor:pointer; }

/* News */
.news_wrap { float:left; margin-top: 25px; }
.news_title{ float:left; padding: 4px; font-size: 1em;; font-weight:bold; color:#494949; }
ul#news { padding: 4px; float:left; width:600px; }


.learn_more { width: 100px; height: 24px; display: block; overflow: hidden; background: url( /inc/img/button_learn_more.png) no-repeat;}

/*normal read more*/
.link_btn a{
	float: left;
	width:auto;
	text-decoration: none;
	padding:5px 30px 0 0;
	height:23px;
	margin-right: 2px;
	font-size:13px;
	color: #5c5c5c;
	background: url(/inc/img/link_btn_bg.gif) no-repeat top right;
}
.link_btn a span {
	width:auto;
	float: left;
	padding-right: 12px;
	display: block;
	margin-top:-5px;
	height: 28px;
	background: url(/inc/img/link_btn_bg.gif) no-repeat top left;
}
.link_btn a:hover {
 	color:#262626;
	background-position:right 100%;
	text-decoration:none;
}
.link_btn a:hover span {
	background-position:left 100%;
}

#portfolio-logos img { margin: 30px 15px; }
#portfolio-logos li { float: left;margin: 10px 20px 20px 0px; background: #fff; border: 2px solid #656158;width: 250px; height: 175px; }

#portfolio-websites img.mid { border: 1px solid #656158; padding: 10px; background: #fff; width: 520px; clear: both; }
#portfolio-websites li.main {float: left; margin: 10px 0px 20px 0px;}
#portfolio-websites .view {width: 540px; float: left;}
#portfolio-websites .client { float:right;font-size: 0.775em; font-style: italic; }
#portfolio-websites .url { text-transform:uppercase; font-weight: bold; font-size: 1.0em;float: left; }
#portfolio-websites .techlist { margin-left: 20px;width: 350px; overflow: hidden; line-height: 1.0em; float: left; font-size: 0.875em; }
#portfolio-websites .techtitle { font-weight: bold; margin-bottom: 10px; }
#portfolio-websites .techlist li { clear: both; }
#portfolio-websites .techlist img { float: left; }
#portfolio-websites .techlist .copy { display: block; margin-left: 10px; float: left; margin-top: 3px; }
a.visit_website { width: 138px; height: 35px; background: url(/inc/img/visit_website.png) no-repeat; display: block; float: left; }
a.view_project { width: 138px; height: 35px; background: url(/inc/img/view_project.png) no-repeat; display: block; float: left; }
a.screenshots { width: 138px; height: 35px; background: url(/inc/img/screenshots.png) no-repeat; display: block; float: left; }

#desc-list li { padding-bottom: 15px;}

#service-list { list-style: none; margin: 0px; padding: 0px; }
#service-list li { display: block; padding: 2px 10px 20px 10px; float: left; width: 450px; min-height: 150px; }
#service-list a { color: #505356; display: block; text-decoration: none; padding-left: 50px; min-height: 40px; margin: 5px 0px; font-size: 1.15em; }
#service-list a:hover { color: #000; display: block; text-decoration: none; }
#service-list a.web { background: url(/inc/img/icon_web.png) no-repeat; }
#service-list a.app { background: url(/inc/img/icon_app.png) no-repeat; }
#service-list a.seo { background: url(/inc/img/icon_seo.png) no-repeat; }
#service-list a.server { background: url(/inc/img/icon_server.png) no-repeat; }
#service-list a.domain { background: url(/inc/img/icon_domain.png) no-repeat; }
#service-list a.ssl { background: url(/inc/img/icon_ssl.png) no-repeat; }
#service-list a.consult { background: url(/inc/img/icon_consult.png) no-repeat; }
#service-list a.copywriting { background: url(/inc/img/icon_copy.png) no-repeat; }
#service-list span { display: block; font-size: 0.875em; padding: 5px 0px; text-decoration: none; color: #505356; }

#pricing { padding: 0px 0px 40px 0px; }
#pricing div { color: #505356; font-size: 0.875em; padding: 5px 0px 25px 10px; clear: both; }
#pricing h2 { font-size: 2.0em; font-weight: normal; color: #426ba8; padding: 3px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #c4bcaf; }
#pricing h3 { font-size: 1.3em; font-weight: normal; padding: 0px; margin: 0px; float: left; color: #000; border: none; background: none; }
#pricing h4 { font-size: 0.875em; font-weight: normal; padding: 0px; margin: 0px; float: right; color: #810000; border: none; background: none; }

.FormRow { padding: 0px 0px 5px 0px;  }
.FormRowAlt { padding: 0px 0px 5px 0px; background-color: #f5f5f5; }
.FormLabel { width: 80px; float: left; white-space: nowrap; margin: 2px 0px 5px 0px; }
.FormField { font-size: 1.15em; margin: 0px 0px 5px 0px; }
.FormButton { padding: 0px; }

.checklist { margin-left: 20px;overflow: hidden; }
.checklist li { clear: both; padding-top: 10px; }
.checklist img { float: left; }
.checklist .copy { display: block; margin-left: 10px; float: left; margin-top: 3px; width: 600px; }

.locklist { margin-left: 20px;overflow: hidden; }
.locklist li { clear: both; padding-top: 6px; }
.locklist img { float: left; }
.locklist .copy { display: block; margin-left: 10px; float: left; margin-top: 3px; width: 600px; }

.form {}
.form .input { padding: 2px 5px; font-size: 1.0em;  }
.form .input_textarea { padding: 2px 5px; font-size: 1.1em; width: 350px; }
.form label { display: block; color:#426ba8; }
.form .left-field { float: left; margin-right: 5px; }
.form .label { display: block;  }
.form .value { margin-bottom: 15px; }
.form .message_button { background: url(/inc/img/send_message.png) no-repeat; width: 138px; height: 35px; border: none; padding: 0; margin: 0; cursor: pointer; }