@charset "utf-8";

/* Common Styles */
* {
	margin: 0; padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #3d3d3d;
	line-height: 150%;	
}
body.internal {
	background: #fff url('../images/bg-internal-header.gif') repeat-x left top;
}
body.home {
	background: #fff url('../images/bg-home-header.gif') repeat-x left top;
}
img {
	border: 0;
}
a {
	color: #ff7e00;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
hr {
	color: #b5c3c9;
	height: 1px;
	margin: 15px 0;
}
.block {
	display: block;
}
.clear_both {
	clear: both;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.pad_right {
	padding-right: 10px;
}
.pad_left {
	padding-left: 10px;
}
.pad_bottom {
	padding-bottom: 10px;
}
.pad_bottom_plus {
	padding-bottom: 15px;
}
.pad_top {
	padding-top: 10px;
}
.pad_top_plus {
	padding-top: 15px;
}
.pad_all {
	padding: 10px;
}
.pad_all_plus {
	padding: 10px 15px;
}
.txt_orange {
	color: #ee7b38;
}
.txt_yellow {
	color: #fbfa6a;
}
.txt_ten {
	font-size: 10px;
}
.txt_eleven {
	font-size: 11px;
}
.txt_twelve {
	font-size: 12px;
}
.txt_thirteen {
	font-size: 13px;
}
.txt_fourteen {
	font-size: 14px;
}
.txt_fifteen {
	font-size: 15px;
}
.txt_sixteen {
	font-size: 16px;
}
.txt_seventeen {
	font-size: 17px;
}
.txt_eighteen {
	font-size: 18px;
}
.txt_nineteen {
	font-size: 19px;
}
.line {
	line-height: 150%;
}
.line_two {
	line-height: 200%;
}
.width_fifty {
	width: 50%;
}
ul.inside {
	list-style-position: inside;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	background: url('../images/bg-internal.gif') no-repeat right top;
}
#wrapper-home {
	width: 1010px;
	margin: 0 auto;
}
#wrapper.internal {
	background: url('../images/bg-internal.gif') no-repeat right top;
	display: block;
}
#wrapper.portfolio {
	background: url('../images/bg-portfolio.gif') no-repeat right top;
	display: block;
}


/* Header */
#header {
	display: block;
	height: 80px;
}
#header #header_wrap {
	width: 990px;
	margin: 0 auto;
}
#header #header_left {
	float: left;
	width: 269px;
	height: 80px;
	text-align: left;
}
#header #header_right {
	float: right;
	width: 721px;
	height: 80px;
}
#header #header_right #hr_top {
	display: block;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	text-align: right;
}
#header #header_right #hr_bottom {
	display: block;
	height: 42px;
	text-align: right;
}

/* Home */
#home_mid {
	display: block;
	height: 360px;
}
#home_mid #hm_left {
	float: left;
	width: 460px;
	height: 360px;
	color: #fff;
	background: url('../images/bg-home-mid-left.gif') no-repeat right top;
}
#home_mid #hm_left h1 {
	padding-top: 40px;
	font-size: 53px;
	line-height: 55px;
}
#home_mid #hm_left h3 {
	padding: 26px 0 20px 0;
	font-size: 25px;
	line-height: 100%;
	font-weight: normal;
	color: #404040;
}
#home_mid #hm_left p {
	padding-top: 18px;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
}
#home_mid #hm_right {
	float: right;
	width: 540px;
	height: 360px;
}
#home_bottom {
	display: block;
	background: #fff url('../images/bg-home-bottom.jpg') no-repeat left top;
}
#home_bottom #hb_left {
	float: left;
	width: 655px;
}
#home_bottom #hb_left li a {
	font-weight: normal;
	color: #3D3D3D;
}
#home_bottom #hb_left li a:hover {
	text-decoration: underline;
}
#home_bottom #hb_left #hbr1 h1,
#home_bottom #hb_left #hbr2 h1,
#home_bottom #hb_left #hbr3 h1 {
	padding: 25px 60px 6px 13px;
	line-height: normal;
	font-size: 16px;
	font-weight: bold;
}
#home_bottom #hb_left #hbr1 ul,
#home_bottom #hb_left #hbr2 ul,
#home_bottom #hb_left #hbr3 ul {
	margin: 0 0 0 25px;
	list-style-type: square;
	font-size: 12px;
}
#home_bottom #hb_left #hbr1 p,
#home_bottom #hb_left #hbr2 p,
#home_bottom #hb_left #hbr3 p {
	padding: 4px 0 0 25px;
}
#home_bottom #hb_left #hbr1 {
	float: left;
	width: 192px;
	height: 172px;
}
#home_bottom #hb_left #hbr2 {
	float: left;
	width: 237px;
	height: 172px;
}
#home_bottom #hb_left #hbr3 {
	float: right;
	width: 226px;
	height: 172px;
}
#home_bottom #hb_left #hbr4 {
	clear: both;
	padding-top: 30px;
	font-size: 16px;
	line-height: 150%;
}
#home_bottom #hb_left #hbr4 a {
	font-weight: normal;
	color: #107594;
	text-decoration: underline;
}
#home_bottom #hb_left #hbr4 h3 {
	padding: 30px 0 0 10px;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
}
#home_bottom #hb_left #hbr4 img {
	padding: 0 0 0 30px;
}
#home_bottom #hb_right {
	float: right;
	width: 355px;
}
#home_bottom #hb_right p {
	font-size: 14px;
	padding: 10px 0 10px 20px;
}

/* Internal TOP Page Layout */
#it_left {
	float: left;
	width: 742px;
	height: 121px;
	background: url('../images/bg-internal-arrow.jpg') no-repeat left top;
}
#it_left h1 {
	color: #ffffff;
	font-size: 32px;
	font-weight: bold;
	line-height: 91px;
	padding-left: 90px;
}
#it_right {
	float: right;
	width: 236px;
	height: 121px;
}
#it_right h2 {
	color: #79dbff;
	font-size: 18px;
	padding: 45px 20px 5px 20px;
}
#it_right p {
	color: #ffffff;
	font-size: 13px;
	padding: 0 20px 0 20px;
}

/* Internal MID Page Layout */
#im_left {
	float: left;
	width: 224px;
}
#im_left #iml_top {
	height: 180px;
}
#im_left #iml_top.design {
	background: url('../images/bg-internal-left4.gif') no-repeat left top;
}
#im_left #iml_top.market {
	background: url('../images/bg-internal-left3.gif') no-repeat left top;
}
#im_left #iml_top.develop {
	background: url('../images/bg-internal-left2.gif') no-repeat left top;
}
#im_left #iml_top.about {
	background: url('../images/bg-internal-left5.gif') no-repeat left top;
}
#im_left #iml_top a.h2 {
	color: #333333;
	display: block;
	padding: 15px 95px 8px 10px;
	font-size: 16px;
}
#im_left #iml_top h2 {
	padding: 15px 95px 8px 10px;
	font-size: 16px;
}
#im_left #iml_top ul {
	padding: 0 0 0 23px;
	margin: 0;
	font-size: 12px;
	list-style-image: url('../images/btn-left-port-bullet.gif');
}
#im_left #iml_top li a {
	color: #49a0c2;
	text-decoration: underline;
}
#im_left #iml_top li a:hover {
	text-decoration: none;
}
#im_left h3 {
	padding: 5px 4px 2px 4px;
	color: #12344d;
	font-size: 21px;
	font-weight: bold;
}
#im_left h4 {
	padding: 0 4px 8px 8px;
	color: #226075;
	font-size: 14px;
}
#im_left p {
	padding: 5px 8px;
}

#im_middle {
	float: left;
	width: 518px;
}
#wrapper.portfolio #im_middle {
	float: left;
	width: 742px;
}

#im_middle_noleft {
	float: left;
	width: 742px;
}
#im_middle_noleft #contact_left {
	float: left;
	width: 360px;
}
#im_middle_noleft #contact_right {
	float: right;
	width: 352px;
	margin-right: 10px;
	text-align: right;
}
#im_middle_noleft #contact_right form.directions input.text {
	background-color: #ffffff;
	border: 1px solid #ccc;
	padding: 3px;
	width: 300px;
	color: #222222;
}
#im_middle_noleft #contact_right form.directions input.submit {
	background: url('../images/btn-directions.gif') no-repeat left top;
	border: 0;
	padding: 0;
	width: 147px;
	height: 37px;
}
#im_middle_noleft #contact_right form.directions {
	display: block;
}
#im_right {
	float: right;
	width: 236px;
}
#im_right form {
	padding: 0 20px;
}
#im_right form label {
	display: block;
	color: #ffffff;
	line-height: 22px;
	padding: 10px 0 0 0;
	font-weight: bold;
}
#im_right form label.capthca {
	padding: 0;
	line-height: 200%;
	margin: 10px 0 0 0;
	background-color: #afddef;
	color: #145772;
	font-size: 18px;
	width: 95px;
	height: 42px;
	text-align: center;
	border: 1px solid #145772;
}
#im_right form input {
	width: 185px;
	border: 1px solid #79dcfc;
	padding: 2px;
}
#im_right form textarea {
	width: 185px;
	border: 1px solid #79dcfc;
	padding: 2px;
	height: 97px;
}
#im_right form input#submit {
	display: block;
	margin-top: 10px;
	width: 123px;
	height: 34px;
	border: 0;
	cursor: pointer;
	background: url('../images/btn-submit.jpg') no-repeat left top;
}

#im_right form .form_error {
	color: #ffb512;
	font-size: 11px;
	font-weight: bold;
}
#im_right form .form_success {
	color: #DFF3FF;
	padding-top: 20px;
	font-size: 11px;
	font-weight: bold;
}

/* Footer */
#footer {
	border-top: 1px solid #acacac;
}
#footer.home {
	margin: 30px 0;
}
#footer #footer_wrapper {
	width: 990px;
	margin: 0 auto;
	font-size: 12px;
	padding: 15px 0;
	color: #979797;
	line-height: 200%;
}
#footer #footer_wrapper #fw_left {
	float: left;
	width: 740px;
}
#footer #footer_wrapper #fw_right {
	float: right;
	width: 250px;
	text-align: right;
}
#footer #footer_wrapper a {
	color: #979797;
	font-weight: normal;
}
#footer #footer_wrapper a.blue {
	color: #44b1d9;
}
#footer #footer_wrapper span {
	padding: 0 5px;
}

/* Drop-Down Menu Styles (DO NOT TOUCH) */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: right;
}

ul.dropdown li {
	float: left;
	vertical-align: middle;
	zoom: 1;
	font-size: 16px;
	text-transform: uppercase;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {
	float: none;
	background-color: #16a2dd;
	text-transform: none;
	line-height: 30px;
	font-size: 14px;
	border-top: 1px solid #c8eef9;
	padding: 0 10px;
	width: 200px;
}

ul.dropdown ul ul {
	top: -1px;
	left: 100%;
	border-left: 1px solid #c8eef9;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown {
	font-weight: bold;
}

ul.dropdown li {
	padding: 0 14px;
	color: #fff;
	line-height: 42px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background: url('../images/bg-nav-on.gif') repeat-x left bottom;
	color: #fff;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
	background: #444;
	color: #fff;
}

ul.dropdown a:link,
ul.dropdown a:visited {
	text-decoration: none;
	color: #fff;
}
ul.dropdown a:hover {
	color: #fff;
}
ul.dropdown a:active {
	color: #ffa500;
}

ul.dropdown ul {
	width: 150px;
}

ul.dropdown ul li, ul.dropdown ul li a {
	font-weight: normal;
}

.dropdown-upward {
	margin-top: 400px;
}

/* Sidebar Rotation JQUERY */
#slider {
	display: block;
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li { 
	width: 224px;
	height: 214px;
	overflow: hidden; 
}
#slider li p { 
	padding-top: 0;
	padding-bottom: 0;
	line-height: 17px;
	background: url('../images/bg-side-port-quote.gif') no-repeat center -8px;
	text-indent: 33px;
}
#slider li h4 {
	padding: 0 0 0 5px;
	line-height: 20px;
}
span#prevBtn a {
	display: block;
	background: url('../images/btn-scroll-up.jpg') no-repeat left top;
	width: 205px;
	height: 25px;
}
span#nextBtn a {
	display: block;
	background: url('../images/btn-scroll-down.jpg') no-repeat left top;
	width: 205px;
	height: 25px;
}

/* Portfolio Listings */
.portfolio_listing {
	padding: 0 35px 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #b5c3c9;
}
.portfolio_listing .title {
	float: left;
	line-height: 30px;
	color: #115874;
	font-size: 20px;
	font-weight: bold;
}
.portfolio_listing .website {
	float: right;
	line-height: 30px;
}
.portfolio_listing .website a {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 104px;
	background: url('../images/btn-portfolio-launch.gif') no-repeat right center;
}
.portfolio_listing .description {
	padding-left: 0;
	padding-right: 0;
	clear: both;
	display: block;
	font-size: 14px;
}
.portfolio_listing .description img {
	padding: 10px 7px 0 0;
}
.portfolio_item_right {
	float: right;
	height: 220px;
	width: 230px;
}
.portfolio_item_right img {
	display: block;
}
.portfolio_item_left {
	float: left;
	height: 220px;
	width: 500px;
}



/* Blue Box */
.blue_box {
	background: url('../images/bg-bluebox-top.gif') no-repeat left top;
	width: 360px;
	display: block;
}
.blue_box .width_fifty {
	width: 130px;
}
.blue_box_bottom {
	height: 15px;
	display: block;
	background: url('../images/bg-bluebox-bottom.gif') no-repeat right top;
}