/**
* Combined mikehealy + extra.css files
*/
html {margin: 0; padding: 0; background: url('../images/2.0/nav.png') repeat-x 0 1px #1b2e33; color: #000;}
body {margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 83%;
	min-width: 990px;
	width :auto !important;
	width : 100%;}
th, td {text-align: left; vertical-align: top; padding: 5px;}
p, li, textarea, input, select {font-size: small; font-family: arial, verdana, sans-serif;}
p.section {margin-top: 3px;} /* accompanies h3.section for closeness */
p {line-height: 150%;}
form {margin: 0; padding: 0;}

a {color: #DA251D;}
a:visited {color: #DA251D;}
a:hover {color: #0D6A95;}
a:active {color: #000;}

h1 {margin: 0.5em auto;}
h1,h2 {font-size: 2.1em; font-weight: bold; font-family: 'Cardo', 'Times New Roman', 'Garamond', serif; color: #444;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.1em; position: relative;}
h3.section {margin: 3em 0 0 0;} /*big top margin to divide page into sections */
h4 {font-size: 1em; position: relative; margin-bottom: 0;}

h3 {color: #0F687E; margin: 2em 0 0 0;}

#spacer {margin: 0; padding: 0; height: 52px;} /* sets container BELOW absolutely positioned header. Necessary for IE6 */

#container {
	margin: 0; padding: 0;
	background: url('../images/2.0/left_shadow.gif') repeat-y #dfdfdf;
}

#leftCol {
	margin: 0; 
	padding: 20px;
	width: 720px;
	float: left;
	background: url('../images/2.0/left_bg.gif') repeat-x #fff;
	min-height: 270px;
}

#leftCol h1 {margin-top: 0;}

#rightCol {
	margin: 0; padding: 0 0 0 10px;
	text-align: left;
	float: left;
	width: 220px; /* needs width to avoid wrapper under left col */
}

#rightCol p, #rightCol ul {margin: 0 0 20px 0;} /* top must be 0 for all elements */
#rightCol p {margin-left: 0;}
#rightCol a {color: #066689; padding: 0 3px;}
#rightCol a:hover {color: #DB241C;}

#footer {margin: 0; padding: 10px; background: url('../images/2.0/footer_bg.png') repeat-x #1B2E33; color: #F0F0F0; clear: left;}
#footer .leftHalf {margin-left: 10px; width: 30%;}
#footer .rightHalf {width: 66%;}
#footer p {line-height: 30px; margin: 0;}
#footer a, #footer a:visited {color: #f3f2d5; line-height: 26px; text-decoration: none; font-weight: bold;}
#footer a:hover, #footer a:active {text-decoration: underline; color: #efc33e;}
#footer ul {margin: 0; padding: 0;}
#footer ul li {display: inline; list-style: none; margin-left: 0.5em; line-height: 26px; vertical-align: middle;}

#mainNav {
	height: 32px; line-height: 32px;
	background: url('../images/2.0/nav.png') repeat-x #e7e8e8; color: #000;
	font-family: 'trebuchet ms', sans-serif; font-weight: bold;
	position: absolute; top: 0; left: 0;
	width: 100%; margin: 0; padding: 0;
	border-top: 1px solid #000;
	z-index: 3;
}

#mainNav a, #menuList li a, a.starter {
	text-decoration: none; border-right: 1px solid #aaa;
	display: block;
	float: left;
	width: 106px; line-height: 32px; /* 120 px without articles */
	margin: 0; padding: 0;
	color: #30383a;
	text-align: center;
	font-family: 'trebuchet ms', georgia, 'times new roman', serif; font-weight: bold;
	letter-spacing: 2px;
}
#mainNav a.current {background: #1b2e33; color: #fff;}
#mainNav a.current:hover {background: #365962; color: #fff;}
#mainNav a:hover {color: #fff; background: #da251d; border-color: #444;}
#mainNav ul {margin: 0; padding: 0;} /* The top level UL */
#mainNav li {display:inline; list-style: none;}

#leftCol li {line-height: 150%;}

#logoLink {margin: 0 0 10px -10px !important; padding: 0;}
#logoLink a {margin: 0; padding: 0; border: 0;}
#logoLink img {border: 0; margin: 0; padding: 0; width: 226px; height: 58px;}

#rightCol .features a:hover {background: transparent;}
#rightCol .features {margin: 10px 0 0 0; padding: 0;}
#rightCol .features li {list-style: none; margin: 0; padding: 0; width: 100%; text-align: center;}
#rightCol .features img {border: 0; width: 165px; height: 58px;}

	.menuList {margin: 0; padding: 0;}
	.menuList li {list-style: none;}
	#rightCol .menuList li a {
		display: block; line-height: 25px; padding-left: 17px;
		text-decoration: none; font-weight: bold;
		color: #1B2E33;
		border-bottom: 1px solid #ccc;
		background: url('../images/menu_arrow3.gif') no-repeat 2px 0;
	}
	#rightCol .menuList li a:hover {background-color: #1B2E33; color: #F7B932; }

.bar {background: url('../images/bar.gif') no-repeat 0 50% #D9D6CE; color: #000; padding: 5px 5px 5px 40px; margin-bottom: 10px; height: 7em;}

	#barServices {background-image: url('../images/bar_services.gif'); margin-top: 3em;}
	#barServices ul {margin: 0; padding: 0; background: #E8E5DE;}
	#barServices li {list-style: none; line-height: 200%; border-bottom: 1px solid #999;}
	#barServices li:hover {background: #FFF;}
	#barServices li a {display: block; float: left; width: 10em; padding-left: 2px; margin-right: 5px; line-height: 200%; text-decoration: none; font-weight: bold; color: #0F687E;}
	#barServices li a:hover {background: #0F687E; color: #FFF;}
	
	#barWork {background-image: url('../images/bar_work.gif'); padding: 0 0 0 35px; height: auto;}
	#barWork img {border: 0; margin: 7px 6px 6px 0;}
	#barWork p {margin: 0; padding: 0;}
	#barWork .more {margin-left: 10px; font-weight: bold;}
	#barWork .more a {margin: 0; text-decoration: none;}
	
	#barContact {background-image: url('../images/bar_contact.gif'); background-color: #333; color: #FFF; width: 25em;}
	#barContact ul {margin: 5px 0 0 5px; padding: 0;}
	#barContact li {line-height: 150%; list-style: none;}
	#barContact strong {width: 5em; display: block; float: left;}
	#barContact a, #barContact a:visited {color: #F7C141;}
	#barContact a:hover {background: #0F687E; color: #FFF;}
	
	#contactButton {margin: 5px 0 0 0; text-align: right;}
	#contactButton a:hover {background: transparent;}
	#contactButton img {width: 155px; height: 32px; border: 0;}
	
.right {text-align: right;}
.center {text-align: center;}
.hidden {display: none;}

.bold {font-weight: bold;}
.fRight {float: right;}
.fLeft {float: left;}

.highlight1 {color: #C50;}
.highlight2 {color: #0F687E;}
.small {font-size: 11px; color: #777;}
.profilePhoto {float: right; width: 102px; height: 135px; margin: 0 0 5px 8px; border: 1px solid #000;}
.strike {text-decoration: line-through; color: #AAA;}
.alt {background: #E9E9E9;}

.buttonImage {cursor: pointer;}
.icon50 {width: 50px; height: 50px; border: 0;}

.formShort {width: 3em;}
.formLong {width: 16em;}

.clear {clear: both; padding: 1px;} /* NS7 requires padding */
.noMargin {margin: 0;}
.noMarginTop {margin-top: 0;}
.topSpace {margin-top: 2em !important;}
.ext {background: url('../images/external.png') no-repeat 100% 2px; padding-right: 12px;}
.border1 {border: 1px solid #000;}

.formError {color: #f8c515; font-weight: bold; margin-left: 4px;}
.required {color: #fff;}

.notification {margin: 10px auto; width: 450px; padding: 3px; background: #FFF; border-style: solid; border-color: #33393B; border-width: 1px 2px 2px 1px;}
.notification h3 {margin: 0; padding-left: 3px; color: #FFF; line-height: 30px; height: 30px; background: #555;}
div.good h3 {padding-left: 35px; background: url('../images/good.gif') no-repeat 5px 2px #58860D;}
div.good a:hover {color: navy;}
div.bad h3 {padding-left: 35px; background: url('../images/bad.gif') no-repeat 5px 2px #B53B22;}
div.bad a {color: #B53B22;}
div.bad a:hover {color: navy;}

.data {border-style: solid; border-color: #000; border-width: 1px;}
.data th, .data td {border-style: solid; border-color: #000; border-width: 0 1px 1px 0; padding: 5px;}
.data .alt {background: #E9E9E9;}
.data thead th {background: #1B2E33; color: #FFF;}

.gridContainer {
	float: left;
	margin: 0 0 1em 0; padding: 0;
	width: 100%;
	text-align: left;
	border-bottom: 0px solid #999;
	position: relative;
}
.gridContainer a {text-decoration: none;}
.gridContainer a:hover {text-decoration: underline;}

.gridContainer .box150 {float: left; width: 150px; height: 245px; margin: 0 3px; padding: 0;}
.gridContainer .box150 p {margin: 0; font-weight: bold;}

.gridContainer .service {float: left; width: 190px; height: 180px; margin: 5px; padding: 0; border-bottom: 0px solid #AAA; background: #FFF;}
.service h2 {margin: 0; text-align: center;}
.service a:hover {text-decoration: none;}
.service img {width: 120px; height: 120px; border: 0;}

.workItem {float: left; width: 172px; height: 11em; padding: 3px; background: url('../images/work_bg.jpg') repeat-x; margin: 0 5px 10px 0;}
.workItem p {margin: 0; text-align: center;}
.workItem img {width: 172px; height: 90px; border: 0;}
.workItem a {text-decoration: none; font-weight: bold; color: #1B2E33;}
.workItem a:visited {color: #555;}
.workItem a:hover {text-decoration: none; color: #B00;}

.gallery {float: left; width: 100px; padding: 5px; background: url('../images/work_bg.jpg') repeat-x; margin: 0 5px 10px 0;}
.gallery img {width: 100px; height: 100px; border: 1px solid #000;}
.screenshot {border: 1px solid #000;}

.featuredWork {float: right; margin: 0 10px 10px 10px; width: 185px; padding: 0;}
.featuredWork h4 {margin: 0 0 0.5em 0;}
.featuredWork img {width: 174px; height: 90px; border: 1px solid #666; padding: 5px; background: #D8D4C8; margin-bottom: 5px;}

.contact {height: 180px; width: 80%; margin-top: 0.5em; background: url('../images/2.0/communication.png') no-repeat #fff;}
.contact th, .contact td {padding: 0;}
.contact th {padding-left: 65px; width: 100px; height: 60px; line-height: 60px; font-size: 1.2em;}
.contact td {padding-top: 20px;}
.contact a {font-weight: bold;}

#salesDiv {
	margin: 20px 0 0 -20px; padding-left: 20px; width: 449px; min-height: 130px;
	background: url('../images/2.0/call_top.jpg') no-repeat #1b2f34;
	color: #fff;
}
	#salesDiv h2 {color: #8ddcf1; padding-top: 5px;}
	#salesDiv .required {color: #c3f5f1; padding-left: 5px;}
	
	#salesDiv .bad {color: #f8c515; font-weight: bold;}

	#salesDiv .notification {border: 0; margin: 0; background: transparent;}
	#salesDiv .notification h3 {padding: 0; background: transparent;}
	
#salesFooter {margin: 0 0 0 -20px; padding: 0; width: 469px; height: 27px; background: url('../images/2.0/call_bottom.gif') no-repeat #1b2f34;}

.feature {
	padding: 10px 155px 10px 10px;
	color: #FFF;
	line-height: 100%;
}
.feature h2 {margin: 0 0 0.5em 0;}
#leftCol .feature a {color: #DBD7B3;}
#leftCol .feature a:hover {color: #F2C90A;}
#leftCol .feature .more a {display: block; width: 8em; line-height: 20px; background: #205E78; border: 1px solid #5C95AD; text-decoration: none; text-align: center; font-weight: bold;}
#leftCol .feature .more a:hover {background: #C50; color: #FFF; border-color: #CCC;}

.skills {background: #141B1D; margin: 0 0 2em 0; padding: 0; color: #9C9A94;}
.skills p {line-height: 20px; margin: 0 0 0 10px; font-size: 11px;}

.metaData {
	float: right; background: url('../images/meta_bg.jpg') repeat-x #F1EDE6; color: #000; 
	border-style: solid; border-color: #A09A8D; border-width: 1px 2px 2px 1px;
	width: 18em; margin: 0 0 5px 10px;
}
.metaData a {color: #B00; font-weight: bold;}
.metaData a:hover {color: #0F687E;}

#workImage {margin: 0 0 15px 0; text-align: center; height: 90px; display: block; background-position: 50% 0; background-repeat: no-repeat;}
#rightCol a.buttonLink {display: block; width: 130px; line-height: 25px; background: url('../images/2.0/button_bg2.png') no-repeat transparent; color: #fff; text-decoration: none; text-align: center; font-weight: bold; margin-left: 10px;}
#rightCol a.buttonLink:hover {color: #fff; background-position: 0 -25px;}

#subnav {margin: 0 0 1em 0; padding: 0; background: #EEE; height: 2em; border: 1px solid #AAA;}
#subnav ul {margin: 0; padding: 0;}
#subnav li {list-style: none; display: inline;}
#subnav li a {display: block; float: left; height: 2em; line-height: 2em; margin: 0; padding: 0 10px; color: #0F687E; font-weight: bold; border-right: 1px solid #AAA; text-decoration: none;}
#subnav li a:hover {background: #DEDEDE; text-decoration: none; color: #333;}

#KiteBox_block {z-index: 19; position: absolute; top: 0; left: 0;display: none; background: #1b2e33; width: 100%; height: 100%; margin: 0; padding: 0; text-align: center;}
#KiteBox {z-index: 20; display: none; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: transparent;}
#KiteBox_image {display: block; margin: 35px auto 10px auto; text-align: center; padding: 0; border: 5px solid #000;}