/* CSS Document */

/** HEX color reference **

main background color:      #1d1f22
left nav background:        #2f353c
light blue "tech corners":  #829eb6
tech corner edges:          #9fc8d2
main console background:    #395167
page title background:      #233548
gunmetal:                   #6d757f
gunmetal light:             #bbcbdc

**/

/*****************************************
**         General Page Layout          **
*****************************************/

body {
	background: #1d1f22 url(../img/spd6_backgroundtile.gif) repeat top left;
/*	background-color: #1d1f22; /* or #282b2f */
	margin: 0;
	margin-bottom: -2px;
	color: white;
	font-family: verdana, arial, helvetica, sans-serif;
}

body, td, form {
	font: normal 11px verdana, sans-serif;
}

input, select {
	font: normal 11px verdana, sans-serif;
}

td {
	color: black;
}

hr {
	height: 1px;
	color: #395167;
	background-color: #395167;
}


.pullquote {
	margin-bottom: 10px;
	border-left: 6px solid #ccc;
	padding-left: 10px;
	font: bold 14px/17px verdana, sans-serif;
}

#uberwrap {
	position: absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px;
	top: 0;
	padding: 0;
}

#menupos {
	position: absolute;
	width:604px; 
	height:1px; 
	top:1px; 
	left: 50%; 
	margin-left: -304px; 
	margin-top: -15px;
	/*\*/
	margin-left: -300px;
	margin-top:0px;
	/**/
}


#flash {
	position: relative;
	float: left;
	z-index: 1;
	width: 780px;
	height: 85px;
	top: 0;
	}

#wrap {
	z-index: 0;
	position: relative;
	float: left;
	width: 780px;
	height: 520px;
	top: 0px;
	background: transparent url(../img/spd6_bgmain.gif) no-repeat top left;
}

#footertext {
	position: relative;
	width: 780px;
	height: 20px;
	left: 50%;
	margin-left: -390px;
	text-align: center;
	bottom: 20px;
	color: #9ec6d0;
	font: normal 10px verdana, sans-serif;
}

#footertext a {
	color: white;
	text-decoration: none;
}

#footertext a:hover {
	text-decoration: underline;
}

/*************************************
**         Left Navigation          **
*************************************/

#leftnav {
	z-index: 1;
	position: absolute;
	width: 168px;
	left: 20px;
	top: 15px;
/*	background: transparent url(../img/spd6_leftnav_mid.gif) repeat top left; */
}

#leftnavTop {
	float: left;
	z-index: 1;
	position: relative;
	width: 168px;
	height: 86px;
	background: transparent url(../img/spd6_leftnav_top.gif) no-repeat top left;
}

#leftnavBottom {
	float: left;
	z-index: 1;
	position: relative;
	width: 168px;
	height: 77px;
	padding-bottom: 67px;
	margin-bottom: 67px;
	/*\*/
	margin-bottom: 0;
	padding-bottom: 0;
	/**/
	background: transparent url(../img/spd6_leftnav_bottom.gif) no-repeat bottom left;

}

#leftnavContent {
	z-index: 2; 
	position: relative;
	top: -67px;
	float: left;
	margin-top: -67px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 208px;
	/*\*/
	margin-top: 0px;
	margin-bottom:  -117px;
	margin-left: 0;
	padding: 0px 20px;
	width: 168px;
	/**/

	background: transparent url(../img/spd6_leftnav_mid.gif) repeat-y top left;
	font: normal 11px/12px Verdana;
	color: white;
}

#leftnavContent p {
	float: left;
	width: 128px;
}

#leftnavContent div {
	float: left;
}

#leftnavContent h3 {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	padding-left: 8px;
	padding-bottom: 8px;
	margin-left: -6px;
	margin-right: -5px;
	margin-top: 4px;
	margin-bottom: 0;
	border-bottom: 1px solid #9fc8d2;
	
}

#leftnavContent form {
	text-align: center;
	margin: 4px 0;
}

#leftnavContent select {
	font: normal 10px verdana;
	width: 125px;
/*\*/
	width: 130px;
/**/
}

#leftnavContent input {
	color: white;
	margin-top: 2px;
	font: normal 10px verdana;
	border: 1px solid #9fc8d2;
	background-color: #829eb6;
	padding: 1px;
}


#leftnavContent a {
	float: left;
	clear: both;
	color: white;
	text-decoration: none;
	background-color: #6d757f;
	border-bottom: 1px solid #9fc8d2;
	width: 139px;
	padding: 2px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#leftnav a:hover {
	color: white;
	text-decoration: none;
	background-color: #395167;
}

#leftnavContent div {
	margin-left: -3px;
}

.blocklink {
	border-top: 1px solid #9fc8d2;
	margin-top: 4px;
}

.nothing {
	display: inline;
	border-top: 0;
	border-bottom: 0;
	background-color; transparent;
}
/*************************************
**          Testimonials            **
*************************************/

#quote {
	position: relative;
	bottom: 0px;
	left: 6px;
	width: 124px;
/*	background: transparent url(../img/spd6_quoteleft.gif) no-repeat left top; */
	font: normal 10px/12px verdana, arial, sans-serif;
}
	
#quote p.said {
	color: white;
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 0;
	padding-bottom: 0;
/*	background: transparent url(../img/spd6_quoteright.gif) no-repeat right bottom; */
}

#quote p.who {
	margin: 0;
	margin-left: -5px;
	text-align: right;
	font-style: italic;
	font-size: 10px;
	color: white;
}

#quote p.where {
	font-size: 10px;
	margin: 0;
	text-align: right;
	color: white;
}

#quote a {
	display: inline;
	margin-top: 2px;
	margin-bottom: 10px;
	padding-right: 8px;
	border-top: 0;
	border-bottom: 0;
	background-color: transparent;
	color: #9fc8d2;
	font: normal 10px verdana, sans-serif;
	text-decoration: none;
}

#quote a:hover {
	color: white;
	background-color: transparent;
	text-decoration: underline;
}




/*************************************
**          Content Zone            **
*************************************/

#contentWrap {
	position: absolute;	
	right: 20px;
	top: 15px;
	width: 576px;
	height: 472px;
	background: transparent url(../img/spd6_bgcontent.gif) no-repeat top left;
}

#contentTop {
	float: left;
	z-index: 1;
	position: relative;
	width: 577px;
	height: 16px;
}

#contentTop H3 {
	color: white;
	margin-top: 2px;
	margin-left: 18px;
	font: bold 16px/16px Tahoma, Arial;
}

#container {
	position: relative;
	top: 0;
	left: 30px;
	width: 520px;
	height: 413px;
	background-color: transparent;
	background-image: url(../img/spd6_bgtextboxbig.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
}

#content {
	color: black;
	position: relative;
	font: normal 11px verdana;
	width: 546px;
	height: 413px;
/* hide from ie5mac\*/
	width: 526px;
	height: 403px;
/* end hide */
	padding: 10px;
	padding-right: 17px;
	padding-bottom: 0px;
	overflow: auto;
	scrollbar-shadow-color: #1d1f22;
	scrollbar-highlight-color: white;
	scrollbar-arrow-color: black;
	scrollbar-base-color: #9ec6d0;
}


#content h1 {
	padding-left: 8px;
	font-size: 16px;
	color: #395167;
	padding-bottom: 1px;
	border-left: 6px solid #6d757f;
	margin-bottom: 4px;
	margin-top: 10px;
}

#content h2 {
	padding-left: 8px;
	font-size: 16px;
	color: #395167;
	padding-bottom: 1px;
	border-left: 6px solid #6d757f;
	border-bottom: 1px solid #6d757f;
	margin-bottom: 4px;
	margin-top: 10px;
}

#content h3 {
	padding-left: 8px;
	font-size: 13px;
	color: #395167;
	padding-bottom: 1px;
	border-left: 6px solid #6d757f;
	border-bottom: 1px solid #6d757f;
	margin-bottom: 4px;
	margin-top: 10px;
}

#content li {
	list-style-type: square;
}

/***************************************
**      Portfolio Content Zone        **
***************************************/

#portfolioImages {
/*	float: left;
/*	position: absolute;
	top: 45px; /*45px*/
/*	left: -24px; /*24px*/
	padding: 0;
	margin-top: 8px;
	margin-left: 24px;
	width: 170px;
	height: 400px;
	font: normal 10px/11px verdana;
	color: white;
}

#portfolioImages a {
	color: #9ec6d0;
	text-decoration: none;
	border-bottom: none;
}

#portfolioImages a:hover {
	text-decoration: underline;
	border-bottom: none;
}


#container.portfolioContent {
	margin-top: -408px;
	left: 200px;
	width: 350px;
	background: transparent url(../img/spd6_bgtextboxportfolio.gif) no-repeat top left;
}

#content.portfolioContent {
	width: 360px;
/*\*/
	width: 342px;
/**/
}

.portfolioContent h3 {
	color: #395167;
	font: bold 14px/16px verdana, sans-serif;
	margin: 0;
	
}

.portfolioContent h2 {
	margin: 0;
}

#clientlist h3 {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #395167;
	border-bottom: 1px solid #1d1f22;
}

/*********************
**  Gallery Styles  **
*********************/


#container.gallery {
	background-image: url(img/verbose.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	color: white;
}

#content.gallery {
	padding: 0px;
	width: 540px;
	height: 410px;
	margin-left: -10px;
	color: white;
}

#content.gallery td {
	color: white;
	padding: 5px;
}

#content.gallery p {
	color: white;
}

#gallery {
	margin: 0;
}

#gallery td {
	padding: 2px;
	color: white;
}

#gallery a {
	border-bottom: none;
	}

#gallery p {
	margin-top: 0px;
	margin-bottom: 15px;
	color: white;
}

.fineprint {
	margin: 0;
	font-style: italic;
	font-size: 9px;	
	padding-left: 10px;
}

/***********
** Links  **
***********/

a {
	color: #456ba9; /*#6d757f;*/
	border-bottom: 1px solid #7e8893;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #00f;
	border-bottom: 1px solid #333;	
	text-decoration: none;
}

a:hover img {
	border-bottom: 0;
}

/*********************
** Dropdown Styles  **
*********************/

#menuLayer0 {
	border-right: 1px solid #9fc8d2;
	border-bottom: 4px solid #9fc8d2;
	border-left: 1px solid #9fc8d2;
}

#menuLayer1 {
	border-right: 1px solid #9fc8d2;
	border-bottom: 4px solid #9fc8d2;
	border-left: 1px solid #9fc8d2;
}

#menuLayer2 {
	border-right: 1px solid #9fc8d2;
	border-bottom: 4px solid #9fc8d2;
	border-left: 1px solid #9fc8d2;
}

#menuLayer3 {
	border-right: 1px solid #9fc8d2;
	border-bottom: 4px solid #9fc8d2;
	border-left: 1px solid #9fc8d2;
}

#menuLayer4 {
	border-right: 1px solid #9fc8d2;
	border-bottom: 4px solid #9fc8d2;
	border-left: 1px solid #9fc8d2;
}