/* CSS Document */

/* 
	The pages of the sites are broken up into sections. Each of these sections
	will have similar characteristics. Particularly that they will be color coded.
	The color coding is as follows:
	
	.home			Blue
	.about			Orange
	.services		Green
	.technologies	Teal
	.portfolio		Pink
	.news			tan
*/
* { margin: 0; padding: 0; }
body { height: 100%; }
html { height: 100%; }
body { font-size: 100%; line-height: 1.0625em; background: #dcd8cc; }
textarea { font-family: Arial, Helvetica, sans-serif; color: #646464; }

/*
input	{	font-family: Arial, Helvetica, sans-serif; 
		color:#646464;	}
*/
html { font-family: Arial, Helvetica, sans-serif; color: #646464; }

.alignMiddle { vertical-align: middle; }
.alignCenter { text-align: center; }
.container1 { width: 100%; }
object { vertical-align: top; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
div.container { overflow: hidden; width: 100%; }
a img { border: 0; }
img { vertical-align: top; }

a { color: #ef4000; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

.link { color: #f84b00; background: url(../images/marker.gif) center right no-repeat; padding-right: 11px; text-decoration: none; font-size: .76em; text-transform: uppercase; }
.link:hover { text-decoration: underline; }
.link2 { color: #636363; background: url(../images/marker1.gif) center right no-repeat; padding-right: 11px; text-decoration: none; font-size: .76em; text-transform: uppercase; }
.link2:hover { text-decoration: underline; }
.link1 { color: #f84b00; text-decoration: none; }
.link1:hover { text-decoration: underline; }
.link3 { color: #f84b00; text-transform: uppercase; text-decoration: none; font-size: .76em; }
.link3:hover { text-decoration: underline; }
.link4 { color: #636363; background: url(../images/marker.gif) center right no-repeat; padding-right: 11px; text-decoration: none; font-size: 1em; text-transform: uppercase; }
.link:hover { text-decoration: underline; }
.link5 { color: #636363; text-decoration: underline; }
.link5:hover { color: #FF0000;}
.link6 { color: #636363; text-decoration: none; }
.link6:hover { text-transform: uppercase; }

.button { color: #f8f7f3; background: url(../images/button.gif) top left no-repeat; padding: 3px 18px 6px 15px; text-decoration: none; font-size: 12px; text-transform: none; }
.button:hover { text-decoration: underline; }

#content ul { margin: 0; padding: 0; list-style: none; }
#content ul li { background: url(../images/marker2.gif) top left no-repeat; background-position: 0 12px; margin: 0; padding-left: 17px; }
#content ul li a { color: #646464; text-decoration: underline; line-height: 2.23em; }
#content ul li a:hover { text-decoration: none; }
#content ul.singleSpaceList { padding-bottom: 12px; }
#content ul.singleSpaceList li { background-position: 0 6px; }

/*header*/
#header { height: 120px; }
/*background:url(../images/top.gif) repeat-x top} */
#header { font-size: 0.625em; color: #c0bcb2; text-transform: uppercase; }
#header .logo { margin: 40px 0 59px 25px; position: absolute; }
#header .icon { margin: 0 0 0 373px; }
#header .menu { margin: 45px 0 0 15px; position: absolute; white-space: nowrap; }
#header .indent { margin: 19px 0 0 29px; position: absolute; }
#header .slogan { margin-bottom: 12px; }
#header .indent1 { margin: 14px 0 0 635px; position: absolute; width: 322px; }

/* banner */
#banner { height: 320px; }
/*background:url(../images/top.gif) repeat-x top} */
#banner .img { }
#banner .title { margin-bottom: 20px; }
#banner .title0 { margin-bottom: 15px; }
#banner .block { width: 304px; height: 309px; margin: 0px 0px 0px 25px; float: left; }
#banner .indent-block { padding: 79px 0 0 36px; }
#banner .indent-block0 { padding: 60px 0 0 36px; }
#banner .imgContainer { float: left; width: 628px; }

/* block based on page type */
.home .block { background: url(../images/bg_0.gif) no-repeat top left; }
.about .block { background: url(../images/bg_1.gif) no-repeat top left; }
.services .block { background: url(../images/bg_2.gif) no-repeat top left; }
.technologies .block { background: url(../images/bg_3.gif) no-repeat top left; }
.portfolio .block { background: url(../images/bg_4.gif) no-repeat top left; }
.news .block { background: url(../images/bg_5.gif) no-repeat top left; }

/* wide blocks based on page type */
.wide #banner { height: 155px; }
.wide #banner .block { width: 935px; height: 155px; margin-left: 25px; }

.services .wide #banner .block { background: url(../images/bg_2l.gif) no-repeat top left; }
.about .wide .block { background: url(../images/bg_1l.gif) no-repeat top left; }
.technologies .wide .block { background: url(../images/bg_3l.gif) no-repeat top left; }

.home #banner .indent-block0 { padding: 60px 0 0 100px; }

/*content*/
#content { font-size: 0.9em; width: 100%; text-align: left; }
#content .indent-main { padding: 0 23px 0 25px; }
#content .indent-col { padding: 11px 0 15px 0; }
#content .title { margin-bottom: 5px; }
#content .title1 { margin-bottom: 17px; }
#content .title2 { margin-bottom: 8px; }
#content .img-left { float: left; margin: 0 16px 16px 0; }
#content .img-left1 { float: left; margin: 0 16px 66px 0; }
#content .img-indent { margin: 0 0 12px 0; }
#content p { margin: 0 0 11px 0; }
#content .p { margin: 0 0 21px 0; }
#content .p1 { margin: 0 0 45px 0; }
#content h4 { color: #f84b00; font-size: 1em; margin-bottom: 13px; font-weight: normal; }
#content .h4 { margin-bottom: 0; }
#content h6 { color: #636363; font-size: .76em; font-weight: normal; text-transform: uppercase; }
#content h5 { color: #ef4000; font-size: .76em; font-weight: normal; text-transform: uppercase; }
#content h2 { color: #636363; font-size: .76em; margin-bottom: 2px; font-weight: normal; text-transform: uppercase; background: url(../images/icon-3.gif) no-repeat center left; padding-left: 20px; }
#content h3 { color: #636363; font-size: .76em; margin-bottom: 2px; font-weight: normal; text-transform: uppercase; padding-left: 0px; }
#content .h2-1 { background: url(../images/icon-2.gif) no-repeat center left; margin-bottom: 12px; }
#content .h2-2 { background: url(../images/icon-1.gif) no-repeat center left; }
#content .h2-3 { color: #f84b00; background: url(../images/icon-1.gif) no-repeat top left; }
#content .h2-4 { color: #f84b00; background: url(../images/icon-2.gif) no-repeat top left; }
#content .h2-5 { color: #f84b00; background: url(../images/icon-3.gif) no-repeat top left; }
#content .h4-1 { font-size: 1.1em; text-transform: uppercase; margin-bottom: 0px; margin-top: 10px; }
#content .tail { background: url(../images/tail1.gif) repeat-x bottom; padding-bottom: 24px; margin-bottom: 24px; }
.txt { font-size: 1.07em; }

#content .indent { padding: 30px 0 0 0; }
#content .indent1 { padding: 0 0 0 158px; }

/* partner */
#partner { height: 51px }
#partner .msLogo { float: left; margin: 0 0 0 50px; }
#partner .wtiaLogo { float: right; margin: 0 50px 0 0; }

/*footer*/
#footer { color: #636363; margin-bottom: 25px; font-size: 0.75em; background: url(../images/bot.gif) repeat-x top; text-align: center; }
#footer .indent-footer { padding: 64px 50px 0 23px; }
#footer .indent-footer1 { margin: 60px 0px 0 681px; position: absolute; }
#footer a { color: #f84b00; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer ul { margin: 0px 0px 20px 175px; padding: 0px; list-style: none; position: relative; }
#footer ul li { margin: 0px; display: inline; background: url(../images/bg_menu.gif) center left no-repeat; float: left; }
#footer ul li a { color: #636363; text-decoration: none; display: block; float: left; padding: 2px 23px 2px 23px; }
#footer ul li a:hover { text-decoration: none; }
#footer ul .first { background: none; }
#footer ul li .current { text-decoration: none; background: url(../images/bg_menu.gif) top left no-repeat; }

/*======= Swap Div Style =======*/
#subdiv1 { display: block; }
#subdiv2 { display: none; }
#subdiv3 { display: none; }
#subdiv4 { display: none; }
#subdiv5 { display: none; }
#subdiv6 { display: none; }
#subdiv7 { display: none; }
#subdiv8 { display: none; }
#subdiv9 { display: none; }

.indent-2 { position: relative; padding-left: 20px; float: left; }
.h { height: 30px; }
.h1 { height: 30px; background: url(../images/bg_input.gif) no-repeat top left; }
.block-contact span { float: right; margin-right: 110px; }
.input { border: none; background: none; width: 259px; height: 20px; font-size: 12px; text-transform: none; vertical-align: middle; color: #c0bcb2; padding-left: 10px; padding-top: 2px; }
input { border-left: 1px solid #404040; border-top: 1px solid #404040; border-right: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; border: 1px solid #000000; background: #FFFFFF; width: 193px; height: 18px; font-size: 1em; padding-left: 5px; padding-top: 2px; }
textarea { border: 1px solid #000000; background: #FFFFFF; width: 193px; height: 152px; font-size: 1em; padding-left: 5px; margin-bottom: 11px; overflow: auto; }

.postTitle { padding-bottom: 6px; }

#technologyContent { margin: 25px 0px 15px 0px; }

#technologyScreenshot { }
#screenshotStrip { margin: auto; padding: 10px; width: 60%; text-align:left; border: solid 1px black; }

#whyJetstreamContent { margin: 15px 0px 15px 0px; }

#content #rotatorContainer ul li
{
	padding-left: auto;
	background: none;
}