/* RESET --------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size:100%;text-align: left;vertical-align: baseline;}
a img {border:none;}
table {border-collapse: collapse;border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
ul {list-style: none outside;}
li {list-style-position: outside;list-style-type: none;float: left;}	
a {outline: none;}
a img {border: none;}

.feature {
	float:left;
	display:block;
	width:210px;
	margin-right:40px;
	font-family: inherit;
}
.feature a img {margin:0;padding:0;text-indent:-9999px;display:block;height:118px;margin-bottom:10px;}
	    
.featureOne a img {text-indent:-9999px;display:block;height:168px;width:640px;}
.featureTwo a img {text-indent:-9999px;display:block;height:168px;width:311px;}


/* LAYOUT --------------------------------------- */
body {font-family: ;
	background: url(images/bg-index.jpg) repeat-x top center;
	text-align:left;
	font-family: inherit;
}
#container {
	margin: 0 auto;
	width: 960px;
	font-family: inherit;
}


p {font: normal 12px/16px Helvetica, arial, sans-serif; color:#666;}
h1 {font: normal 12px/16px Helvetica, arial, sans-serif;}
h2 {font: normal 14px/20px Helvetica, arial, sans-serif; color:#fff;}
h3 {font: bold 14px/18px Helvetica, arial, sans-serif;color:#333;}
h4 {font: normal 11px/16px Helvetica, arial, sans-serif;color:#454545;}
h5 {font: normal 12px/16px Helvetica, arial, sans-serif;}
h6 {font: normal 11px/16px Helvetica, arial, sans-serif;color:#999;}

/* HEADER --------------------------------------- */
#header {
	width: 960px;
	position: relative;
	font-family: inherit;
}
#tagline {clear: left;padding-top: 50px;float: left;width:400px;font: normal 36px/40px Helvetica, arial, sans-serif;color:#69aeee;letter-spacing:-1px;}
#tagline span {font-weight:bold;color:#fff;}
#laptop {float: right;background-image: url(images/laptop.png);background-repeat: no-repeat;height: 340px;width: 511px;background-position: 0 30px;}
.laptopScreen { padding-top: 50px; padding-left: 93px; }


/* NAVIGATION --------------------------------------- */
ul#nav {margin-top: 32px;float: right;clear: right;}
ul#nav li {list-style-type: none;}
ul#nav li a {display: block;padding: 5px 7px 4px 7px;margin: 10px 0 0 10px;color: #fff;font: bold 11px/14px Helvetica, arial, sans-serif;text-decoration: none;border: solid 1px transparent;}
ul#nav li a:hover {color: #fff;background-color: #ff6f06;}
ul#nav .highlight {color: #fff;border: solid 1px #ff6f06;}


/* MAIN-CONTENT --------------------------------------- */
#main {width: 960px;padding-bottom: 30px;padding-top: 10px;clear: both;float: left;position: relative;}
#main .featureOne {float: left;}
#main .featureTwo {float: right;}
#main #featureBoxes {padding-bottom:10px;float:left;}
#main #featureBoxes .boxes {float: left;display: block;}
#main #featureBoxes .boxes h3 {margin: 0;padding: 4px 0 0 0;}
#main #featureBoxes .boxes h4 {margin: 0;padding: 2px 0 0 0;}
#col-1 {width: 500px;float: left;padding-top: 30px;background-color: #439;}
#col-2 {width: 300px;float: right;background-color:#339933;padding-top: 30px;}
#col-3 {width: 300px;float: right;background-color:#339933;padding-top: 30px;}


/* FOOTER --------------------------------------- */
#footer {background-color: #333;}
#footer #footerAddress {margin: 0 auto;background-color: #333;height: 80px;width: 960px;padding-top: 20px;}
#footer #footerAddress h6 {}
#footer #foot-left {float: left;}
#footer #foot-right {float: right;text-align: right;}


/* TOOLBOX --------------------------------------- */
.clear {clear: both;}
.logo {background:url(images/logo.png) no-repeat;text-indent:-9999px;height:102px;width:338px;margin-top: 20px;float:left;}

