/* CSS Document  Copyright 2009. All Rights Reserved - Fresh Image Design | Richard Wegner 
-----------------------------------
  blue - #29ABE2
  red -  #BD1018
  orange - #FF8640
  purple: #C434BF
  dark blue - #364D99
  bright red - #E7131C
  -----------------------------------
*/

html {
	margin: 0;
	padding: 0;
	/* next 2 lines force vertical scroll bar */
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 100.01%; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	min-width: 980px;
	background: #000 url(../images/bkgnd.jpg) no-repeat center top fixed;
}

a:focus {outline: none;}

a:link, a:visited {text-decoration: none; color: #29ABE2;}
a:hover, a:active, a:focus {text-decoration: underline; color: #FFFFFF;}

a.inter:link, a.inter:visited {text-decoration: none; color: #29ABE2;}
a.inter:hover, a.inter:active, a.inter:focus {text-decoration: underline; color: #FFFFFF;}

a.exter:link, a.exter:visited {text-decoration: none; color: #29ABE2;}
a.exter:hover, a.exter:active, a.exter:focus {text-decoration: none; color: #FFFFFF;}

a.email:link, a.email:visited {text-decoration: none; color: #CCC;}
a.email:hover, a.email:active, a.email:focus {text-decoration: none; color: #29ABE2;}

a.resource:link, a.resource:visited {text-decoration: none; color: #999;}
a.resource:hover, a.resource:active, a.resource:focus {text-decoration: none; color: #FFFFFF;}

b {color: #AAA; font-size: 15px;}

h2, h3, h4, h5 {color: #AAA;}

ol {
	margin: 0;
	padding: 0;
}

p {
	color: #AAA;
	font-size: 0.8em;
	line-height: 1.2em;
}
div.hrule {margin: 25px 0 0 120px;}

strong {color: #AAA;}
strong.red {color: #BD1018;}
strong.res {color: #FF9933; font-weight: normal;}

sub { position: relative; bottom: 0; left:.2ex; font-size: 80%;}
sup {
	position: relative;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	bottom: 1ex;
	font-size: 60%;
}

#holder {
	width: 950px;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	background: transparent;
}
#container {
	float: left;
	width: 880px;
	margin: 0;
	padding: 0;
	background: transparent;
}
#toplogo {
	float: left;
	width: 68px;
	margin: 0;
	padding: 0;
}
#toplogo2 {
	position: relative;
	margin: 0;
	height: 41px;
	background: transparent url(../images/d1st_logo2.png) no-repeat top left;
}

#spec { 
	position: absolute;
	top: 10px;
	left: 33px;
	width: 490px;
	color: #CCC;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#sicons {
	float: left;
	margin: 5px 0 0 600px;
}
#sicons img {
	border: 0px;
}

#emailpho {
	margin-left: 700px;
}
#emailpho p {
	color: #AAA;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#emailpho a:link, #emailpho a:visited {text-decoration: none; color: #AAA;}
#emailpho a:hover, #emailpho a:active, #emailpho a:focus {text-decoration: none; color: #29ABE2;}

#navlist {
	width: 879px;
	height: 34px;
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background: transparent url(../images/navbar.png) no-repeat top left;
}
#navlist ul {
	margin: 0;
	padding: 0;
}
#navlist li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navlist li a {
	display: block;
	height: 34px;
	font-weight: normal;
	margin: 0;
	padding: 6px 0 0 0;
	text-decoration: none;
	text-align: center;
	background: transparent;
}

#navlist li a.work {width: 175px; margin: 0 0 0 1px;}
#navlist li a.services, #navlist li a.community, #navlist li a.about {width: 176px;}
#navlist li a.contact {width: 174px; margin: 0 1px 0 0;}

#navlist a:link, #navlist a:visited {color: #AAA;}

#navlist a.work:hover, #navlist a.work:active, #navlist a.work:focus {color: #29ABE2;}
#navlist a.services:hover, #navlist a.services:active, #navlist a.services:focus {color: #59DA5E;}
#navlist a.about:hover, #navlist a.about:active, #navlist a.about:focus {color: #FF8640;}
#navlist a.community:hover, #navlist a.community:active, #navlist a.community:focus {color: #C434BF;}
#navlist a.contact:hover, #navlist a.contact:active, #navlist a.contact:focus {color: #E7131C;}

#navlistG {
	width: 610px;
	height: 23px;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 29px;
	padding: 18px 0 0 0; 
}
#navlistG.pad {
	padding: 12px 0 0 0;
}
#navlistG ul {
	margin: 0;
	padding: 0;
}
#navlistG li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navlistG li.group a, #navlistG li.group_on a {
	display: block;
	width: 118px;
	height: 23px;
	font-weight: normal;
	letter-spacing: .08px;
	margin: 0;
	padding: 4px 4px 0 0;
	text-decoration: none;
	text-align: center;
	background: transparent url(../images/button_sm_up.png) no-repeat top left;
}
#navlistG a:link, #navlistG a:visited {color: #CCC;}
#navlistG a:hover, #navlistG a:active, #navlistG a:focus {
	color: #29ABE2;
	background: transparent url(../images/button_sm_over.png) no-repeat top center;
}
#navlistG li.group_on a {
	color: #29ABE2;
	background: transparent url(../images/button_sm_over.png) no-repeat top center;
}

#middle {
	width: 880px;
	margin: 25px 0 0 0;
	padding: 0;
	background: transparent;
}

#col_left {float: left;}
#col_left {width: 662px; margin: 0; padding: 0;}

#content_top {
	clear: both;
	font-size: 0;
	height: 10px;
	margin: 0;
	background: #000 url(../images/content_top.png) no-repeat bottom left;
}
#content_bottom {
	clear: both;
	height: 10px;
	background: #000 url(../images/content_bot.png) no-repeat top left;
}
#content {
	position: relative;
	color: #AAA;
	width: 662px;
	margin: 0;
	padding: 0;
	background: #000 url(../images/content_mid.png) repeat-y top left;
}
#content_lcol { /* Used on Getting Started pages */
	width: 300px;
	float: left;
}
#content_rcol { /* Used on Getting Started pages */
	width: 300px;
	margin: 0 0 0 340px;
}
#content h1 {
	color: #29ABE2;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 10px 28px;
}
#content h1.index {
 	font-size: 1.4em;
	padding: 0 30px 10px 30px;
}
#content h1.gs {
	padding: 20px 0 10px 28px;
}
#content h1.work {
	padding: 10px 0 0 28px;
}
#content h2 {
	font-size: 0.95em;
	margin: 20px 28px 0 28px;
	padding: 0;
}
#content h2.product {
	margin: 0 0 0 28px;
	padding: 0;
}
#content h2.product_work {
	color: #29ABE2;
	margin: 0 0 25px 0;
	padding: 0;
}
#content h2.first {margin: .75em 0 0 40px;}
#content h2.spacer {margin: 0; padding: 5px 0 0 0;}
#content h2.byline {	color: #BD1018; font-size: 0.9em; margin: 15px 0 0 28px; padding: 0px 0 0 0;}
#content h2.red {color: #BD1018; font-size: 0.9em;}
#content h2.blue {color: #29ABE2; font-weight: normal;}
#content h2.sig {
	color: #AAA;
	font-size: 0.7em;
 	font-weight: normal;
	text-align: right;
	margin: 0;
	padding: 2px 60px 20px 0;
}

#content h3 {
	font-size: 0.9em;
	margin: 25px 30px 0px 28px;
	padding: 0;
}
#content h4 {
	font-size: 0.8em;
	margin: 20px 0 0 40px;
	padding: 0;
	font-weight: bold;
}
#content h4.indent {
	margin: 0 0 0 50px;
	padding: 0;
}
#content h5 {
	color: #29ABE2;
	font-size: .8em;
	margin: 20px 0 0 48px;
	padding: 0;
	font-weight: bold;
}
#content ol li {
	color: #333;
	font-size: .75em;
	line-height: 1.1em;
	margin: 0px 50px 5px 20px;
	padding: 0;
}
#content ol.gs, #middle ul.gs {
	margin: 0;
	padding: 8px 0 0 50px;
}
#content ol.gs li {
	color: #AAA;
	font-size: .75em;
	margin: 0;
	padding: 0 0 .5em 0;
}
#content ul.gs li {
	color: #94E1E4;
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 .2em 0;
}
#content p {
	margin: .6em 40px 0 28px;
	padding: 0;
}
#content_lcol p, #content_rcol p {
	margin: .6em 0 0 28px;
	padding: 0;
}
#content p.caption {font-size: 0.7em;}
#content p.testimonial {margin: 10px 40px 0 38px;}
#content p.credit {color: #29ABE2; font-size: .75em; margin: 5px 0 0 38px;}
#content p.newsdate {	font-size: .7em; color: #CCC; margin: 1px 0 0 48px;}
#content p.newsarticle {margin: 5px 40px 0 48px;}
#content p.lastp {padding-bottom: 10px;}

#content #img_left {
	float: left;
	width: 162px;
	margin: 10px 0 15px 0;
	padding: 0 0 0 28px;
}
#content #text_right {
	float: left;
	width: 440px;
	margin: 10px 0 15px 0;
	padding: 0;
}
#content #text_right p {margin: 10px 0 15px 28px;}

#content .imgteam {
	float: left;
	width: 113px;
	margin: 15px 20px 15px 0px;
	padding: 6px 0 0 28px;
}
#content .imgteam p {
	color: #AAA;
	font-size: .65em;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: center;
}
#content .profile {
	float: left;
	width: 480px;
	margin: 15px 0 5px 0;
	padding: 0 10px 0 0;
}
#content .profile h4 {
	margin: 0;
	padding: 0 0 3px 0;
	text-align: left;
}
#content .profile p {
	font-size: 0.75em;
	margin: 0 40px 0 0;
	padding: 5px 0 0 0;
	text-align: left;
}

#content ul.commlist, #content ul.commlistr, #content ul.linklist {
	list-style-type: square;
	list-style-position: outside;
	margin: .5em 0 .75em 40px;
	padding: 0;
}
#content ul.linklist {
	list-style-type: none;
	margin: .5em 0 .75em 20px;
}
#content ul.commlist {margin: 10px 0 25px 40px;}
#content ul.commlistr {margin: 10px 0 25px 48px;}
#content ul.commlist li, #content ul.commlistr li, #content ul.linklist li {
	color: #AAA;
	font-size: .75em;
	line-height: 1.3em;
	margin: 0 20px 7px 0;
	padding: 0;
}
#content ul.commlist li, #content ul.commlistr li {font-size: .7em;}
#content ul.linklist li {	margin: 0px 20px 7px 10px;}

#content ul.indexlist {
	list-style-position: inside;
	padding: 8px 0 0 30px !important;
}
#content ul.indexlist li {
	color: #CADCE1;
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 .2em 0;
}


/* Contact Us page */
#contact_us {
	float: left;
	display: inline;
	width: 315px;
	margin: 10px 0 0 30px;
	text-align: left;
}
#contact_us h1 {
	color: #BD1018;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#contact_us p {
	color: #B5B5B5;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: .6em 0 0 0;
	padding: 0;
}
#contact_us p.address {
	padding: 8px 0 0 0;
}

#cquote {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
#cquote p {
	font-size: .7em;
	line-height: 1.2em;
	margin: .6em 30px 0 28px;
	padding: 0;
}
#cquote p.cname {
	font-size: .7em;
	line-height: 1.1em;
	margin-top: 1em;
}
.map {
	position: absolute;
	left: 20px;
	top:  80px;
	z-index: 5;
	visibility: hidden;
}

/* Home Image Gallery */
#gallery {
	width: 632px;
	margin: 33px 0 20px 29px;
	padding: 0;
	background: transparent;
}
#gflash {
	float: left;
	width: 382px;
	margin: 0;
	padding: 0;
	background: transparent;
}
#gtext {
	float: left;
	width: 200px;
	margin: 0;
	padding: 40px 20px 20px 15px;
}
#gtext p.one {
	margin: .6em 5px 0 15px;
	padding: 0;
}
#gtext p.two {
	margin: .6em 0 0 15px;
	padding: 0;
}

#sidetext {
	float: left;
	width: 100px;
	margin: 0;
	padding: 10px 20px 20px 20px;
}
#lsidetext {
	float: left;
	width: 135px;
	margin: 0;
	padding: 0 0 20px 0;
}
#rsidetext {
	float: right;
	width: 85px;
	margin: 0;
	padding: 0 30px 20px 0;
}

#sidetext p {
	margin: 0 0 25px 20px;
	padding: 0;
}
#lsidetext h2, #rsidetext h2 {
	color: #29ABE2 !important;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}
#lsidetext p, #rsidetext p {
	font-size: 10px;
	margin: 0 0 20px 0;
	padding: 0;
}
#rsidetext h2, #rsidetext p {text-align: right;}

#toptext {
	margin: 10px 0 30px 0;
	padding: 0;
}
#toptext p {
	font-size: .9em;
	line-height: 1.3em;
	margin: 0 40px 10px 30px;
	padding: 0 0 8px 0;
}



/* Product Image Gallery */
#imageG {
	width: 661px;
	margin: 40px 0 0 0; /* If top margin is changed be sure to edit top position of #summary by same number of pixels */
	padding: 0;
}
#imageP {
	width: 661px;
	margin: 0;
	padding: 0;
}
#summary {
	position: absolute;
	top: 131px;
	left: 435px;
	width: 197px;
	margin: 0;
	padding: 0;
}
#summary h4 {
	font-size: .9em;
	margin: 0 0 10px 0;
	text-align: left
}
#summary p {
	font-size: 11px;
	margin: 0 0 7px 0;
	padding: 0;
}
#summary_text {
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Right-side Navigation */
#sidenav {
	float: right;
	width: 192px;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#sidenav ul {
	margin: 0;
	padding: 0;
}
#sidenav ul li {
	list-style-type: none;
	width: 192px;
	margin: 14px 0 0 0;
	padding: 0;
}
#sidenav ul li.navtop {margin: 0; padding: 0;}

#sidenav li a {
	display: block;
	width: 192px;
	margin: 0;
	padding: 10px 0;
	text-decoration: none;
	text-align: center;
	background: transparent url(../images/button_up.png) no-repeat top left;	
}
#sidenav li#testimonials a {color: #FF9933;}
#sidenav li#subscribe a {color: #FF9933;}
#sidenav li#design-resource a {color: #FF9933;}

#sidenav li a.project, #sidenav li a.startup, #sidenav li a.idea, #sidenav li a.prototype {
	padding: 65px 0 10px 0;
}
#sidenav li a.project {background: transparent url(../images/btn_project.png) no-repeat top left;}
#sidenav li a.startup {background: transparent url(../images/btn_startup.png) no-repeat top left;}
#sidenav li a.idea {background: transparent url(../images/btn_idea.png) no-repeat top left;	}
#sidenav li a.prototype {background: transparent url(../images/btn_prototype.png) no-repeat top left;	}

#sidenav a:link, #sidenav a:visited {color: #AAA;}
#sidenav a:hover, #sidenav a:active, #sidenav a:focus {color: #CCC; background: url(../images/button_over.png) no-repeat top left;}

#sidenav li a.project:hover, #sidenav li a.project:active, #sidenav li a.project:focus {
	background: url(../images/btn_project_over.png) no-repeat;
}
#sidenav li a.startup:hover, #sidenav li a.startup:active, #sidenav li a.startup:focus {
	background: url(../images/btn_startup_over.png) no-repeat;
}
#sidenav li a.idea:hover, #sidenav li a.idea:active, #sidenav li a.idea:focus {
	background: url(../images/btn_idea_over.png) no-repeat;
}
#sidenav li a.prototype:hover, #sidenav li a.prototype:active, #sidenav li a.prototype:focus {
	background: url(../images/btn_prototype_over.png) no-repeat;
}

#sicons {
	width: 192px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}
#sicons img {
	margin: 0;
	padding: 0 4px;
}
#sicons a:hover,#sicons a:active,#sicons a:focus{
	background:transparent;
}


/* Footer */
#footer, #footerc {
	width: 661px;
	height: 30px;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	background: transparent;
	text-align: left;
}
#footerc {width: 878px;}
#footer a:link, #footer a:visited, #footerc a:link, #footerc a:visited {text-decoration: none; color: #999; font-weight: normal;}
#footer a:hover, #footer a:active, #footer a:focus, #footerc a:hover, #footerc a:active, #footerc a:focus {text-decoration: underline; color: #FFF;}

#footer p, #footerc p {
	color: #999;
	font-size: 11px;
	margin: 0;
	padding: 15px 0 0 28px;
}
#footer p span.copyright, #footerc p span.copyright {
	color: #666;
	padding: 0 0 0 150px;
}
#footerc p span.copyright {
	color: #666;
	padding: 0 0 0 348px;
}

/* Classes */

.client, .phone, send {color: #29ABE2;}
.company, .position {color: #CCC;}
.name {color: #FF8640;}

.adate {
	color: #336699;
	font-weight: bold;
}

.bigq, .bigql {
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.bigq {
	line-height: .5em;
}
.bigql {
	margin-left: -10px;
	line-height: 1.2em;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearfloatX {
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


span.first {
	color: #333;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
}
span.supscript {
	font-size: .7em;
	font-weight: normal;
	line-height: 1.8em;
	padding-bottom: 2px;
}




.imgcenter {
	margin: 20px 0 30px 0;
	padding: 0;
}
.imgwide {
	margin: 25px 0 25px 0;
	padding: 0;
}
.imgleft {
	float: left;
	margin: 20px 28px 30px 28px;
	padding: 0;
}
.imgright {
	float: right;
	margin: 2px 40px 15px 30px;
	padding: 0;
}
.imgrighttop {
	float: right;
	margin: 10px 30px 15px 30px;
	padding: 0;
}

/* You are HERE indicators for Main Menu items */
body#homepage #navlist li#home a, 
body#workpage #navlist li#work a {color: #29ABE2; background: transparent url(../images/navbar1_over.png) no-repeat top left;}
body#servicespage #navlist li#services a {color: #59DA5E; background: transparent url(../images/navbar3_over.png) no-repeat top left;}
body#aboutpage #navlist li#about a {color: #FF8640; background: transparent url(../images/navbar3_over.png) no-repeat top left;}
body#eanalysispage #navlist li#engineering a {color: #C434BF; background: transparent url(../images/navbar3_over.png) no-repeat top left;}
body#contactpage #navlist li#contact a {color: #E7131C; background: transparent url(../images/navbar5_over.png) no-repeat top left;}

/* You are HERE indicators for Right Side navigation items */
body#getstartpage #sidenav li#design-process a,
body#informpage #sidenav li#design-process a,
body#explorepage #sidenav li#design-process a,
body#developpage #sidenav li#design-process a,
body#focuspage #sidenav li#design-process a,
body#producepage #sidenav li#design-process a {
	color: #CCC;
	background: url(../images/button_over.png) no-repeat
}
body#design-resourcepage #sidenav li#design-resource a,
body#subscribepage #sidenav li#subscribe a {
	color: #FF9933;
	background: url(../images/button_over.png) no-repeat
}

/* You are HERE indicators for Right Side navigation items */
body#testimonialspage #sidenav li#testimonials a,
body#client_belairpage #sidenav li#client_belair a,
body#client_christiepage #sidenav li#client_christie a,
body#client_gearwerxpage #sidenav li#client_gearwerx a,
body#client_marchpage #sidenav li#client_march a,
body#client_pliantpage #sidenav li#client_pliant a,
body#client_prodrivepage #sidenav li#client_prodrive a,
body#client_ridemasterpage #sidenav li#client_ridemaster a,
body#client_standardpage #sidenav li#client_standard a,
body#client_stanleypage #sidenav li#client_stanley a {
	color: #29ABE2;
}

/* You are HERE indicators for Getting Started top navigation */
body#informpage #navlistG li#inform a,
body#explorepage #navlistG li#explore a,
body#developpage #navlistG li#develop a,
body#focuspage #navlistG li#focus a,
body#producepage #navlistG li#produce a {
	color: #29ABE2;
}

/* You are HERE indicators for Right Side navigation items */
body#project-managerpage #sidenav li a.project {color: #CCC; background: url(../images/btn_project_over.png) no-repeat;}
body#startup-companypage #sidenav li a.startup {color: #CCC; background: url(../images/btn_startup_over.png) no-repeat;}
body#product-ideapage #sidenav li a.idea {color: #CCC; background: url(../images/btn_idea_over.png) no-repeat;}
body#prototypepage #sidenav li a.prototype {color: #CCC; background: url(../images/btn_prototype_over.png) no-repeat;}