@charset "utf-8";
html,body {
	margin:0;
	padding:0;
	font-family:arial,sans-serif;
	font-size:small;
	color:#0f2b34;
	min-height: 100%;
	height: auto;
}
body {
	background: #dadada url(../images/tampa_background_repeat.gif) repeat-x left top;
}
div#container {
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}
div#inner_container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
div#center_holder {
	margin-left: auto;
	margin-right: auto;
	width: 912px;
}
div#header {
	height: 66px;
	width: 450px;
	font-size: 11px;
	float: left;
	text-align: left;
	padding: 0px 0 4px 0;
	display: block;
	margin-top: 10px;
}
div#header a {
	text-decoration: none;
	color: #d8986c;
	display: block;
	margin-top: 5px;
}
div#header_right {
	display: block;
	float: left;
	width: 440px;
	background: url(../images/w3-schools-certified.gif) no-repeat top right;
	height: 14px;
	text-align: right;
	padding: 52px 0 4px 0;
	margin-top: 10px;
}
div#navigation {
	height: 46px;
	text-align: right;
	width: 900px;
	padding: 37px 0 0 0;
	display: block;
}
div#web_content {
	width: 911px;
	background: #ebebeb url(../images/content_top.gif) no-repeat left top;
	padding-top: 10px;
	margin-top: 0;
	border-right: solid 1px #c7c7c7;
}
div#footer_container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: #cccccc;
	border-top: dashed 1px #aaaaaa;
	margin-top: 20px;
}
div#web_content_secondary {
	width: 904px;
	background: #ebebeb;
	margin-left: 8px;
	margin-top: 0;
	border-right: solid 1px #c7c7c7;
}
div#navigation ul {
	margin:0;
	padding:0;
}
div#navigation ul li {
   display:block;
   float:right;
   list-style-type:none;
   margin:0px;
   font-size: 14px;
   font-weight: bold;
   cursor: pointer;
}
ul li.nonactive a span {
	color: #ffffff;
}
ul li.nonactive a {
	text-decoration: none;
}
ul li.active a {
	background-image: url(../images/nav_lt.gif);
	text-decoration: none;
}
ul li.nonactive a:hover {
	text-decoration: none;
	color: #1e1e1b;
}
ul li.nonactive a:hover span {
	text-decoration: none;
	color: #1e1e1b;
}
ul li.active a span {
	background-color: #1e1e1b;
	background-image: url(../images/nav_rt.gif);
	color: #ffffff;
}
ul li.active a, ul li.nonactive a, ul li.nonactive a:hover {
	background-position: left bottom;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	display: inline;
	height: 27px;
}
ul li.nonactive a:hover span, ul li.nonactive a span, ul li.active a span {
	background-position: right bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 27px;
	cursor: pointer;
	line-height: 27px;
	float: left;
	display: inline;
	margin: 0 6px 0 6px;
	padding: 0 13px 0 7px;
}
div#left_content {
	width: 632px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(../images/left_content_repeat.gif) repeat-y left top;
	color: #112233;
	display: inline;
}
div#left_content_secondary {
	width: 624px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(../images/left_content_repeat_secondary.gif) repeat-y left top;
	color: #112233;
	display: inline;
	border-top: 1px solid #ffffff;
}
div#left_content_end {
	background: url(../images/left_content_bottom.gif) no-repeat right top;
	width: 608px;
	margin: 0 0 0 12px;
	float: left;
}
div#right_content_reel {
	width: 274px;
	padding: 0;
	float: left;
	height: 430px;
	text-align: center;
}
div#right_content_form {
	width: 274px;
	padding: 0;
	float: left;
	height: 430px;
	background: #ebebeb url(../images/right_content_repeat.gif) repeat-y top center;
	text-align: center;
}
div.clear_div {
	clear: both;
	height: 30px;
	margin: 0;
	padding: 15px 0 0 15px;
	font-size: 11px;
	border-left: solid 8px #1a697a;
	color: #0f2b34;
}
div.simple_clear_div {
	clear: both;
	margin: 0;
	padding: 0;
}
div.services_section strong {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0 0 7px 17px;
	color: #3593a4;
}
.par_content_secondary ul li {
	margin: 2px 0 6px 0;
}
img.image_heading {
	margin: 0 0 15px 25px;
}
img.footer_ico {
	margin: 0 5px 0 0;
}
div#right_form_holder {
	text-align: left;
	padding: 0 15px 0 15px;
	margin: 0 0 0 2px;
	width: 240px;
	height: 100%;
	background: url(../images/right_content_bottom.gif) repeat-x bottom center;
}
div#right_content_end_form {
	background: url(../images/right_content_lower.gif) no-repeat top center;
	width: 274px;
	float: right;
	padding: 10px 0 0 0;
	overflow: hidden;
	display: inline;
	margin-right: 6px; /* somewhere around here */
}
div#featured_content {
	background: none;
	width: 269px;
	float: right;
	overflow: hidden;
	display: inline;
	margin-right: 9px; /* somewhere around here */
}
div#featured_content strong.tab {
	width: 115px;
	color: #006b8c;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	display: block;
	background: url(../images/tab_bg.gif) no-repeat top left;
	padding: 9px 0 5px 0;
	margin: 5px 0 0 0;
}
div.par_content {
	display: block;
	width: 558px;
	padding: 0 25px 25px 25px;
	color: #1c4853;
	font-size: 12px;
	line-height: 23px;
}
div.par_content strong.heading, div.par_content_secondary strong.heading, div.services strong.heading, div#featured_content strong.heading {
	color: #3d99b6;
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
}
div.par_content_secondary {
	display: block;
	width: 550px;
	padding: 0 25px 25px 17px;
	color: #1c4853;
	font-size: 12px;
	line-height: 27px;
}
strong.underline {
	text-decoration: underline;
}
div.services_content {
	display: block;
	width: 570px;
	padding: 0 25px 25px 20px;
	color: #0f2b34;
	font-size: 12px;
}
h1 {
	font-size: 21px;
	font-weight: normal;
	margin: 0 31px 20px 23px;
	padding: 14px 10px 5px 0px;
	display: block;
	color: #22667b;
	border-bottom: dotted 1px #c9c5c0;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 31px 20px 17px;
	padding: 14px 10px 3px 0px;
	display: block;
	color: #01313d;
	border-bottom: dotted 1px #8c8a86;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 31px 20px 17px;
	padding: 17px 10px 0px 44px;
	display: block;
	color: #01313d;
	background: url(../images/h2_heading_bg.gif) no-repeat top left;
	width: 496px;
	height: 46px;
}
h2 em {
	font-size: 10px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-variant: normal;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 2px 20px 2px;
	padding: 10px 0px 0px 0px;
	display: block;
	text-transform: uppercase;
}
h5 {
	font-size: 14px;
	color: #006b8c;
	font-weight: bold;
	text-transform: capitalize;
	font-style: italic;
	margin: 0 0 0 30px;
	padding: 0;
}
ul.bold_ol {
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}
ul.bold_ol li {
	font-size: 14px;
	color: #006b8c;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
ul.bold_ol li strong {
	font-weight: bold;
}
.featured_portfolio_reel {
	margin: 0px 0px 12px 2px;
	display: block;
	background-color: #c4c0bc;
	display: block;
	float: left;
	width: 277px;
	height: 43px;
	border: none;
	/* border-bottom: dashed 1px #b2afaa; */
}
.popular_services {
	margin: 12px 0px 12px 2px;
	display: block;
	background-color: #c4c0bc;
	height: 43px;
	display: block;
	float: left;
	width: 277px;
	border: none;
}
h6 {
	font-size: 12px;
	font-weight: bold;
	color: #464644;
	margin: 7px 0 4px 10px;
	padding: 10px 0 0 10px;
	height: 25px;
	display: inline-block;
}
div#flashcontent {
	float: left;
	margin-bottom: 10px;
}
.headline {
	color: #0f2b34;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline;
}
/*
h3 {
	font-size: 19px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #171719;
	display: inline;
}
*/
div.services_box_top {
	background: url(../images/services_top.gif) no-repeat top center;
	width: 574px;
	height: 17px;
	padding: 0;
	margin: 0 0 0 15px;
}
div.services_box {
	background: url(../images/services_repeat.gif) repeat-y top center;
	width: 544px;
	margin: 0 0 0 15px;
	padding: 0 15px 0 15px;
}
div.services_box_bottom {
	background: url(../images/services_bottom.gif) no-repeat top center;
	width: 574px;
	height: 17px;
	padding: 0;
	margin: 0 0 0 15px;
}
form.website_form label, form.contact_form label, form.pricing_form label {
	clear: left; 
	display: block; 
	float: left; 
	width: 90px; 
	text-align: right; 
	padding-right: 10px;
	color: #0f2b34;
	padding-top: 4px;
	font-size: 12px;
}
form.contact_form label.submit_btn {
	clear: left; 
	display: block; 
	float: left; 
	width: 60px; 
	text-align: right; 
	padding-right: 10px;
	color: #0f2b34;
	padding-top: 4px;
	font-size: 12px;
}
strong.ftright {
	clear: left; 
	display: block; 
	float: left; 
	width: 140px; 
	text-align: right; 
	padding-right: 10px;
}
input.short {
	width: 40px;
}
label.wide {
	width: 190px !important;
}
div.form_left {
	display: block;
	float: left;
	width: 275px;
}
div.form_right {
	display: block;
	float: left;
	width: 185px;
}
form.website_form {
	height: 253px;
}
form.contact_form {
	height: 200px;
}
form.pricing_form {
	height: 290px;
}
form.website_form, form.contact_form, form.pricing_form {
	display: block;
	width: 541px;
	padding: 10px;
	background-color: #ebebeb;
	border: solid 1px #c9c5c0;
	margin: 0 0 20px 23px;
}
div.form_left p input {
	background-color: #fff8f6;
	border: solid 1px #c9c5c0;
	height: 20px;
	padding-top: 4px;
}
form.website_form textarea, form.contact_form textarea {
	background-color: #fff8f6;
	border: solid 1px #c9c5c0;
	margin-top: 10px;
}
form.website_form select, form.contact_form select, form.pricing_form select {
	background-color: #fff8f6;
	border: solid 1px #c9c5c0;
	padding: 2px;
	color: #464644;
	height: 25px;
	width: 142px;
}
input.submit_button {
	width: 107px !important;
	height: 34px !important;
	background: none !important;
	border: none !important;
}
input.form_submit_button {
}
ul.featured_websites {
	padding: 5px;
	list-style: none;
	text-align: left;
	background: #d2e6eb;
	border: solid 1px #c9c5c0;
	margin: 0px 10px 15px 1px;
}
ul.featured_websites li {
	display: block;
	border-bottom: dashed 1px #b5b2ad;
	margin: 5px 13px 5px 10px;
	cursor: pointer;
	background: url(../images/checkmark.gif) no-repeat left center;
}
ul.featured_websites li:hover {
	display: block;
	border-bottom: dashed 1px #b5b2ad;
	margin: 5px 13px 5px 10px;
	cursor: pointer;
	background: #dff3f1 url(../images/checkmark.gif) no-repeat left center;
}
ul.featured_services li.last, ul.featured_services li.last:hover  {
	border-bottom: none !important;
}
ul.featured_websites li a {
	padding: 8px 3px 8px 25px;
	display: block;
	border: none;
	text-decoration: none;
	color: #454b4d;
	font-size: 12px;
}
ul.features_options {
	padding: 5px;
	list-style: none;
	text-align: left;
	margin: 0px 10px 15px 1px;
}
ul.features_options li {
	display: block;
	border: none;
	margin: 5px 13px 5px 10px;
	padding: 8px 3px 8px 25px;
	background: url(../images/arrow_tra.gif) no-repeat left center;
	color: #4c4c4c;
	font-size: 12px;
}
div.services_section {
	display: block;
	float: left;
}
ul.services_left {
	margin: 0;
	padding: 5px;
	list-style: none;
	text-align: left;
	background: #fff8f6;
	margin: 0 10px 0 0;
	width: 260px;
}
ul.services_left li {
	display: block;
	border-bottom: dashed 1px #b5b2ad;
	margin: 5px 6px 5px 6px;
	cursor: pointer;
	background: url(../images/arrow4.gif) no-repeat left center;
}
ul.services_left li:hover {
	display: block;
	border-bottom: dashed 1px #b5b2ad;
	margin: 5px 6px 5px 6px;
	cursor: pointer;
	background: #dff3f1 url(../images/arrow3_o.gif) no-repeat left center;
}
ul.services_left li a {
	padding: 6px 3px 6px 25px;
	display: block;
	border: none;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}
ul.featured_services {
	padding: 5px;
	list-style: none;
	text-align: left;
	margin: 0px 10px 15px 1px;
}
ul.featured_services li {
	display: block;
	border-bottom: dashed 1px #b5b2ad;
	margin: 5px 13px 5px 10px;
	cursor: pointer;
	background: url(../images/checkmark.gif) no-repeat left center;
}
ul.featured_services li:hover {
	display: block;
	border-bottom: dashed 1px #b5b2ad;
	margin: 5px 13px 5px 10px;
	cursor: pointer;
	background: #dff3f1 url(../images/checkmark.gif) no-repeat left center;
}
ul.featured_services li a {
	padding: 8px 3px 8px 25px;
	display: block;
	border: none;
	text-decoration: none;
	color: #4c4c4c;
	font-size: 12px;
}
ul.featured_services li a:hover {
	color: #000000;
	text-decoration: none;
}
div.clear_right {
	float: none;
}
div#tampa_banner {
	margin: 0 0 20px 0;
	padding: 0;
	background: #fff8f6 url(../images/tampa_banner.jpg) no-repeat top center;
	height: 280px;
	float: left;
	width: 632px;
}
div#tampa_banner_portfolio {
	margin: 0 0 20px 0;
	padding: 0 0 0 11px;
	background: url(../images/tampa_banner_portfolio.jpg) no-repeat top center;
	height: 557px;
	float: left;
	width: 621px;
}
div#tampa_banner p {
	width: 320px;
	height: 32px;
	padding: 119px 0 0 280px;
	margin: 12px 0 2px 0;
	color: #1e1e1b;
	font-size: 12px;
}
div#tampa_banner_blank {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	background: url(../images/tampa_banner_blank.jpg) no-repeat top center;
	height: 278px;
}
div#tampa_banner_blank p {
	padding: 30px 30px 0 30px;
	margin: 3px 0 0 0;
}
div.web_content_line {
	border-top: solid 1px #c7c7c7;
	margin: 0 0 0 8px;
}
#abs_left_rect {
	width: 7px;
	height: 332px;
	position: absolute;
	z-index: 10;
	top: 133px;
	left: 50%;
	margin-left: -455px;
	border: none;
	text-decoration: none;
	background: url(../images/left_rect.png) no-repeat top left;
	display: block;
}
#abs_top_rect {
	width: 353px;
	height: 7px;
	position: absolute;
	z-index: 10;
	top: 113px;
	left: 50%;
	margin-left: -448px;
	border: none;
	text-decoration: none;
	background: url(../images/top_rect.png) no-repeat top left;
	display: block;
}
#abs_right_rect {
	width: 3px;
	height: 8px;
	position: absolute;
	z-index: 10;
	top: 162px;
	left: 50%;
	margin-left: 454px;
	text-decoration: none;
	background: url(../images/right_rect.gif) no-repeat top left;
	display: block;
}
#abs_border {
	width: 11px;
	height: 45px;
	position: absolute;
	z-index: 20;
	top: 173px;
	left: 50%;
	margin-left: 167px;
	border: none;
	text-decoration: none;
	background: url(../images/border_left.gif) no-repeat top left;
	display: block;
}
#abs_border_secondary {
	width: 19px;
	height: 45px;
	position: absolute;
	z-index: 20;
	top: 163px;
	left: 50%;
	margin-left: 159px;
	border: none;
	text-decoration: none;
	background: url(../images/border_left_2.gif) no-repeat top left;
	display: block;
}
#abs_border_2 {
	width: 19px;
	height: 45px;
	position: absolute;
	z-index: 10;
	top: 648px;
	left: 50%;
	margin-left: 159px;
	border: none;
	text-decoration: none;
	background: url(../images/border_left_2.gif) no-repeat bottom left;
	display: block;
}
#abs_border_2_secondary {
	width: 19px;
	height: 45px;
	position: absolute;
	z-index: 10;
	top: 638px;
	left: 50%;
	margin-left: 159px;
	border: none;
	text-decoration: none;
	background: url(../images/border_left_2.gif) no-repeat bottom left;
	display: block;
}
#abs_top_fade {
	width: 270px;
	height: 38px;
	position: absolute;
	z-index: 10;
	top: 229px;
	left: 50%;
	margin-left: 176px;
	border: none;
	text-decoration: none;
	background: url(../images/top_fade.png) no-repeat top left;
	display: block;
}
#abs_top_fade_secondary {
	width: 270px;
	height: 38px;
	position: absolute;
	z-index: 10;
	top: 219px;
	left: 50%;
	margin-left: 176px;
	border: none;
	text-decoration: none;
	background: url(../images/top_fade.png) no-repeat top left;
	display: block;
}
#abs_bottom_fade_secondary {
	width: 270px;
	height: 38px;
	position: absolute;
	z-index: 10;
	top: 581px;
	left: 50%;
	margin-left: 176px;
	border: none;
	text-decoration: none;
	background: url(../images/bottom_fade.png) no-repeat top left;
	display: block;
}
#abs_bottom_fade {
	width: 270px;
	height: 38px;
	position: absolute;
	z-index: 10;
	top: 591px;
	left: 50%;
	margin-left: 176px;
	border: none;
	text-decoration: none;
	background: url(../images/bottom_fade.png) no-repeat top left;
	display: block;
}
#abs_tampa_bg_top {
	width: 401px;
	height: 66px;
	position: absolute;
	z-index: 10;
	top: 97px;
	left: 50%;
	margin-left: -504px;
	border: none;
	text-decoration: none;
	background: url(../images/tampa_bg_top.jpg) no-repeat top left;
	display: block;
}
#abs_tampa_bg_left {
	width: 148px;
	height: 785px;
	position: absolute;
	z-index: 10;
	top: 163px;
	left: 50%;
	margin-left: -604px;
	border: none;
	text-decoration: none;
	background: url(../images/tampa_bg_left.jpg) no-repeat top left;
	display: block;
}
#abs_tampa_bg_left_secondary {
	width: 148px;
	height: 785px;
	position: absolute;
	z-index: 10;
	top: 163px;
	left: 50%;
	margin-left: -596px;
	border: none;
	text-decoration: none;
	background: url(../images/tampa_bg_left.jpg) no-repeat top left;
	display: block;
}
img.get_started_button {
	margin: 0 0 0 270px;
	border: none;
}
div.services_box ul li a img {
	border: none;
	clear: left; 
	display: block; 
	float: left; 
	width: 60px; 
	text-align: right; 
	padding-right: 10px;
	color: #ffffff;
	padding-top: 4px;
}
div.services_box ul li a.txtlink {
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	background: none;
	margin: 25px 0 10px 0;
	display: inline-block;
	list-style: none;
	text-decoration: none;
	float: left;
}
div.services_box ul li a:hover {
	text-decoration: underline;
}
div.services_box ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
}
div#footer {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 900px;
}
div#footer_headings {
	display: block;
	height: 26px;
	padding: 12px 0 0 15px;
	border-top: solid 1px #c9c5c0;
}
div#footer_headings ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#footer_headings ul li {
	list-style: none;
	display: inline-block;
	width: 190px;
	margin: 0 20px 0 5px;
	float: left;
}
div#footer_content {
	display: block;
	height: 120px;
	padding: 15px 0 0 20px;
}
div#footer_content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: left;
	width: 215px;
}
div#footer_content ul li {
	list-style: none;
	display: inline-block;
	width: 190px;
	margin: 0 20px 3px 0;
	color: #7e7e7e;
	font-size: 11px;
}
div#footer_content ul li a {
	color: #7e7e7e;
	text-decoration: none;
}
div#footer_content ul li a:hover {
	color: #7e7e7e;
	text-decoration: underline;
}
div#footer_content p {
	color: #6f8085;
	font-size: 11px;
	display: block;
	margin: 15px 0 5px 0;
	float: left;
	width: 700px;
}
strong.highlight {
	background: #f9ff96;
	height: 17px;
	padding: 4px 3px 4px 3px;
	display: inline-block;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #0087a3;
}
a:hover {
	text-decoration: underline;
	color: #0087a3;
}
div#bread {
	margin: 10px 0 10px 16px;
	font-size: 11px;
	color: #01313d;
	text-decoration: none;
}
div#bread a {
	font-size: 11px;
	color: #01313d;
	text-decoration: none;
	font-weight: bold;
}
div#bread a:hover {
	text-decoration: underline;
}
img.bottom_button {
	border: none;
	margin-left: 30px;
}
div#pos_note {
	display: block;
	font-size: 12px;
	color: #01313d;
	background: #fff0c3;
	border: solid 1px #d2ca77;
	padding: 5px 15px 5px 15px;
	margin-bottom: 20px;
}
div#neg_note {
	display: block;
	font-size: 12px;
	color: #ffffff;
	background: #b55b38;
	border: solid 1px #853211;
	padding: 5px 15px 5px 15px;
	margin-bottom: 20px;
}


/* browser hacks */

img, div, input { behavior: url("css/iepngfix.htc") }

:-moz-any-link:focus {
  outline: none;
}