@charset "utf-8";
/* CSS Document */
body.wds_body {
	background-color: black;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0px;
	font-size: 12px;
	padding: 0px;
}

body.wds_body p {
}
body.wds_body strong {
	font-size: 14px;
	font-weight: bold;
	color: #00005B;
	font-style: italic;
}
body.wds_body hr {
	color: #069;
	margin-left: 0px;
}

body.wds_body h1 {
	font-size: 20px;
	padding-bottom: 4px;
	border-bottom: 3px double #069;
	padding-top: 17px;
	margin-top: 0px;

}
body.wds_body h2 {
	font-size: 16px;
}
body.wds_body h3 {
	font-size: 14px;
	font-weight: bold;
	color: #00005B;
	margin-bottom: 2px;
	padding-bottom: 0px;
	margin-top: 10px;
}
body.wds_body ul {
	margin-left: 8px;
	padding-left: 8px;
}
body.wds_body li {
	margin-top: 2px;
}

div.inverse {
	background-color: #333;
	color: white;
	border: 3px solid red;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	font-size: 11px;
	background-color: #003;
	background: -moz-linear-gradient(100% 100% 90deg, #1D1D1D, #4D5B73);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D5B73), to(#1D1D1D));
	margin-top: 10px;
	margin-bottom: 10px;
}
div.inverse a {
	color: #FFF;
}
div.inverse a:visited {
	color: #CFF;
}
div.inverse a:hover {
	color: #FC6;
}

span.qhighlight {
	font-style: italic;
	font-size: 14px;
}

div.all_container {
	padding-bottom: 2px;
	width: 100%;
}

div.banner_container {
	width: 100%;
	background-image: url(../images/banner_background.jpg);
	background-repeat: repeat-x;
}
div.banner_container div {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div.banner_container img {
	border: none;
}

div.mid_fullwide {
	width: 100%;
	background-color: white;
	border-top: 3px solid #09C;
	border-bottom: 3px solid #09C;
}

div.mid_container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/pgshadow1.jpg);
	background-repeat: repeat-y;
}



div.content_container {
	background-color: white;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	min-height: 710px;
	border-left: 50px solid white;
	border-right: 50px solid white;
}
div.content_extension {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border-left: 1px solid #09C;
	border-right: 1px solid #09C;
	height: 8px;
	min-height: 8px;
	position: relative;
}
	

div.floathalf {
	width: 394px;
	margin-left: 3px;
	margin-right: 3px;
	float: left;
}
	

img.content_image {
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid black;
}

div.footer_fullwide {
	width: 100%;
	background-color: #333;
	background: -moz-linear-gradient(top, #333, #333 0%, #333, #000);
	background: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#333), to(#000));
}
div.footer_container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: white;
}
div.footer_container p {
	margin-bottom: 3px;
	margin-top: 3px;
	padding-top: 11px;
	padding-bottom: 3px;
}
div.footer_container a {
	color: #CFF;
}
div.footer_container a:hover {
	color: #FC0;
}
img.footer_needle {
	float: right;
	margin-right: 26px;
	margin-top: -105px;
	z-index: 10;
	position: relative;
}

div.clearer {
	clear: both;
}

div.portfolio_section_container {
	background-color: #333;
	color: white;
	border: 2px solid #39F;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	font-size: 11px;
	background-color: #003;
	background: -moz-linear-gradient(100% 100% 180deg, #4D5B73, #1D1D1D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D5B73), to(#1D1D1D));
	margin-top: 10px;
	margin-bottom: 30px;
}
div.portfolio_section {
	width: 770px;
	margin-top: 6px;
	height: 266px;
	min-height: 266px;
}

div.portfolio_section img {
	float: right;
	border: none;
}

div.portfolio_text {
	color: white;
	width: 360px;
	font-weight: normal;
}
div.portfolio_section p {
	margin-top: 0px;
	margin-left: 10px;
	width: 350px;
	color: white;
	font-weight: normal;
	float: left;
	clear: right;
}
div.portfolio_section a:link {
	font-weight: bold;
	color: #CFF;
}
div.portfolio_section a:visited {
	color: #CFC;
}
div.portfolio_section a:hover {
	color: red;
}

a.centerlink {
	display: block;
	text-align: center;
	font-weight: bold;
	outline: none;
}

table.contact_table {
	font-size: 11px;
	font-weight: bold;
}

input.ytext {
	margin-top: 5px;
	margin-bottom: 15px;
}

div.img_caption {
	background-color: #333;
	color: white;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid black; 
}
div.img_caption p {
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.jump_menu {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid black;
}

div.navbar_fullwide {
	width: 100%;
	background-color: #333;
	background-image: url(../images/nav_bg_clear.png);
	background-repeat: repeat-x;
	border-top: 4px solid #333;
}

div.navbar_aligner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div.navbar_container {
	margin-left: 55px;
}
div.navbar_container div {
	float: left;
	margin-left: 122px;
	background: #333;
}
div.navbar_container a {
	outline: none;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display: block;
	width: 96px;
	height: 25px;
	min-height: 25px;
	line-height: 25px;
	text-align: center;
	float: left;
	font-size: 14px;
}
div.navbar_container a:hover {
	color: #3FF;
	background-image: url(../images/nav_bg_clear.png);
	background-repeat: repeat-x;
}

hr.dots {
	color: white;
	background-color: white;
	border-bottom: 1px dotted #006;
	border-style: dotted none none;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.footerstripe_fullwide {
	width: 100%;
	background-image: url(../images/footerstripe_clear.png);
	background-color: #333;
	background-repeat: repeat-x;
	border-top: 6px solid #333;
	margin-bottom: 10px;
}

div.footerstripe_container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div.footerstripe_container img {
	margin-left: 100px;
	background: #333;
}

a.estimate_button {
	width: 205px;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	font-size: 16px;
	font-style: italic;
	background-image: url(../images/web-dev-estimate.jpg);
	text-decoration: none;
	outline: none;
	display: block;
	color: #000;
	min-height: 50px;
	border: 3px solid #036;
	-webkit-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	margin: 1px;
	position: absolute;
}
a.estimate_button:hover {
	color: #00C;
	border-color: #06F;
	border-width: 4px;
	margin: 0px;
	margin-bottom: -1px;
}
a.estimate_button span {
	display: block;
	margin-top: 5px;
}

div.lgrad {
	padding: 3px;
	margin-top: 10px;
	width: 100%;
	background-color: #ECF9FF;
	background: -moz-linear-gradient(left 0deg, #BCD7E0, #FFF 65%);
	background: -webkit-gradient(linear, 65% 0%, 0% 0%, from(#FFF), to(#BCD7E0));
	border-top: 1px solid #E6ECF0;
}
div.rgrad {
	padding: 3px;
	margin-top: 10px;
	width: 100%;
	background-color: #ECF9FF;
	background: -moz-linear-gradient(right 180deg, #81B6F5, #FFF 40%);
	background: -webkit-gradient(linear, 40% 0%, 100% 0%, from(#FFF), to(#81B6F5));
	border-top: 1px solid #E6ECF0;
}
div.lgrad img {
	margin: 3px;
	margin-right: 10px;
	border: 2px solid #366;
}
div.rgrad img {
	margin: 5px;
	margin-left: 10px;
	border: 2px solid #366;
}