html, body {
padding: 0; 
margin: 0;
color: #333;
height: 100%;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 30px;
border: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Goudy Old Style, Palatino, Times, Georgia "Times New Roman", serif;
font-weight: normal;
}

h1 {
font-size: 28px;
color: #555;
margin-bottom: 20px;
line-height: 35px;
margin-top: 40px;
}

h2 {
font-size: 26px;
color: #777;
margin-top: 30px;
}

h3 {
font-size: 24px;
color: #999;
}

h4 {
font-size: 20px;
color: #AAA;
}

sup {
vertical-align:text-top;
padding-left:3px;
font-size:70%;
font-weight:bold;
}

li {
display: block;
}

P { 
margin: 0;
margin-bottom: 20px;
}

img {
border: 0;
}

.intro {
font-size: 18px;
line-height: 30px;
}

.italic {
font-style:italic;
}

.bold {
font-weight: bold;
color: #444;
}

.notopmargin {
margin-top: 0px;
}

/*<![CDATA[*/
 div.nodisplay {DISPLAY:none}
/*]]>*/


#wrapper { 
min-height: 100%;
width: 100%; 
min-width: 960px;
margin: 0 auto;
overflow: hidden; 
position: relative; 
background: url(../img/bg_content.jpg);
}

* html #wrapper {height: 100%;} /* Hack for IE7 */

#wrapper_bg { 
min-height: 100%; 
width: 100%;
top: 0px;
margin: 0 auto; 
position: absolute; 
background: url(../img/bg_content_top.jpg) repeat-x;
}

#wrapper_glow { 
min-height: 100%; 
width: 940px; 
top: 0px;
left: 50%;
margin-left: -480px;
position: absolute; 
background: url(../img/bg_glow.png) no-repeat;
}



#header {       /*  NAV BAR BG  */
position: relative; 
width: inherit;
height: 50px;
background: #999 url(../img/bg_nav.jpg); 
}

#navbar {
position: relative;
left: 50%;
margin-left: -310px;
width: 760px;
padding-top: 15px;
color: #FAFAFA;
}

#logo_strip {
display: block;
text-indent: -5000px;
position:absolute;
top: -50px;
left: 50%;
margin-left: -450px;
width: 148px;
height: 150px;
z-index: 2;
background: url(../img/logo_tag.png) no-repeat 0px 0px;
}

#logo_strip:hover {
background: url(../img/logo_tag.png) no-repeat 0px 10px;
cursor: pointer;
height: 165px;
-webkit-transition-duration: .2s; 
-webkit-transition-property: background;
}

#container {
width:960px;
position: relative;
left:50%;
margin-left: -480px;
min-height: 900px;
-webkit-text-stroke: 1px transparent;
}


	#slider {
	position: relative;
	margin-top: 65px; 
	width: inherit; 
	height: 300px; 
	background: url(../img/bg_slider.png) no-repeat; 
	}
	
		#quotes {
		position: absolute;
		top: 00px; 
		left: 40px; 
		width: 430px; 
		height: 300px; 
		z-index: 5; 
		}
		
		#orange {
		position: absolute;
		top: -30px;
		left: 473px;
		width: 510px; 
		height: 360px;
		background: url(../img/orange.png) no-repeat; 
		z-index: 5; 
		}
		
	#maincontent {
	position: relative;
	width: inherit;
	margin-top: 65px;
	z-index: 10;
	}
	
		#news {
		width: 330px;
		float:left;
		margin-top: -25px;
		}
		
			#news_carousel {
			width: inherit;
			min-height: 260px;
			padding-top: 8px;
			overflow: hidden;
			background: url(../img/bg_news.png) no-repeat;
			}
			
			#news_items_wrapper {
			position: relative;
			top: 0px;
			min-height: 240px;
			max-height: 240px;
			overflow: hidden;
			}
			
			.news_item a{
			cursor: pointer;
			display: block;
			color: #fff;
			margin-left: 5px;
			width: 280px;
			line-height: 18px;
			min-height: 25px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 20px;
			padding-right: 20px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			text-shadow: #000 0px 1px 0px;
			background: url(../img/bg_news_item.jpg) repeat-x bottom;
			}
			
			.news_item a:hover {
			background: #414342 url(../img/bg_news_item2.jpg) repeat-x bottom;
			}
		
		#firstcontent {
		width: 570px;
		float:right;
		margin-top: -25px;
		background: url(../img/border550.png) no-repeat bottom right;
		}
		
		#framepic {
		position: relative;
		cursor: pointer;
		width: 310px;
		height: 150px;
		overflow: hidden;
		bottom: 2px;
		float: right;
		background: url(../img/frameteam.jpg) no-repeat 0px 25px;
		}
		
		#framepic:hover {
		background: url(../img/frameteam.jpg) no-repeat 0px 0px;
		height: 150px;
		-webkit-transition-duration: .3s; 
		-webkit-transition-property: background;
		}
		
		.clear {
		clear: both;
		}
	
	#secondarycontent {
	position: relative;
	width: inherit;
	margin-top: 0px;
	}
	
		.left {
		float: left;
		width: 340px;
		min-height: 230px;
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 80px;
		}
		
		.right {
		float: right;
		width: 390px;
		min-height: 230px;
		margin-left: 0px;
		padding-left: 80px;
		}
		
		.s_enterprise {
		background: url(../img/icon-enterprise.png) no-repeat top left;
		}
		
		.s_business {
		background: url(../img/icon-business.png) no-repeat top left;
		}
		
		.s_global {
		background: url(../img/icon-global.png) no-repeat top left;
		}
		
		.s_testing {
		background: url(../img/icon-testing.png) no-repeat top left;
		}
			
	
	.line_960 {
	position: relative;
	width: inherit;
	background: url(../img/hl_960.png) no-repeat;
	min-height: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	}
	
	
	.line_500 {
	position: relative;
	width: inherit;
	background: url(../img/hl_500.png) no-repeat;
	min-height: 20px;
	margin-top: 40px;
	margin-bottom: 30px;
	}
		
	#news_signup {
	position: relative;
	width: inherit;
	min-height: 55px;
	text-indent: 550px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: url(../img/news_signup.png) no-repeat;
	}


#footer { 
position: absolute; 
bottom: 0; 
width: 100%; 
height: 300px;
background: url(../img/bg_footer_top.png) top repeat-x;
z-index:1;
}

#footer_bg { 
position: relative; 
bottom: 0; 
width: 100%; 
height: 300px; 
background: #0A0A0A url(../img/bg_footer.png) no-repeat;
z-index: 0;
}
	#footer_wrapper {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	}

	#f_services {
	position: relative;
	float: left;
	width: 155px;
	padding-left: 10px;
	padding-top: 25px;
	}

	#f_line {
	position: relative;
	float: left;
	min-width: 90px;
	min-height: 270px;
	background: url(../img/vl_footer.png) no-repeat 40px 45px;
	}

	#f_blogs {
	position: relative;
	float: left;
	width: 400px;
	padding-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	}

	#f_contact {
	position: relative;
	float: left;
	width: 270px;
	padding-left: 0px;
	padding-top: 170px;
	background: url(../img/logo_footer.png) no-repeat 0px 45px;
	}
	
#topquote {
position: relative;
width: inherit;
min-height: 150px;
margin-top: 65px;
margin-bottom: 60px;
background: url(../img/quote_monster.png) no-repeat top left;
}

#empty {
position: relative;
width: inherit;
min-height: 30px;
}

#insidecontent {
width: inherit;
margin-top: 60px;
margin-bottom: 60px;
border-top: #bbb 1px solid;
}

#leftnav {
float: left;
width: 330px;
padding: 0;
}

#rightnav {
float: right;
width: 630px;
min-height: 700px;
background: url(../img/bg_rightpane.png) repeat-x top left;
}

#minicontainer {
widows: inherit;
position: relative;
padding: 0em 2em;
}

#minicontainer a{
color: #F90;
text-decoration: none;
}

#minicontainer a:hover {
color:#EE8800;
text-decoration: underline;
}

#minicontainer img {
float: left;
padding: 10px;
margin-right: 15px;
margin-bottom: 15px;
border: #999 1px solid;
}

#firstcontent a{
color: #F90;
text-decoration: none;
}

#firstcontent a:hover {
color:#EE8800;
text-decoration: underline;
}


h2.footertitle {
text-shadow: #000 0px 1px 0px;
font: 25px Georgia, "Times New Roman", Times, serif;
}

.footerlink {
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
color: #999;
text-decoration: none;
text-shadow: #000 0px 1px 1px;
}

a {
color: inherit;
font-family: inherit;
text-decoration: none;
border: none;
}

a:hover {
color: #FF9900;
}

a.newslink:hover {
color: #FFF;
}

.twitter {
display: block;
width: 71px;
height: 50px;
text-indent: -5000px;
background:url(../img/twitter.png) no-repeat left center;
}

.twitter:hover {
background-position: right center;
}

.phone {
padding-left: 40px;
background: url(../img/mug.png) no-repeat left center;
}

.email {
padding-left: 45px;
background: url(../img/email.png) no-repeat left center;
}

.floatright{
float:right;
}

.textpadding {
padding: 20px;
}

ul.std {
margin: 0;
padding: 0;
list-style-type: none;
}

li.std {
background: url(../img/bullet.jpg) no-repeat 0 10px;
padding-left: 20px;
margin-left: 20px;
}

.quote {
padding-left: 25px;
font-size: 16px;
line-height: 25px;
color: #666666;
}


/**************  LEFT MENU *********************/


ul.leftmenu {
margin: 0;
padding: 0;
margin-top: 0px;
margin-bottom: 40px;
width: inherit;
}

li.leftmenuitem a {
display: block;
width: inherit;
padding-left: 90px;
padding-top: 35px;
padding-bottom: 35px;
vertical-align: middle;
cursor: pointer;
border-bottom: #bbb 1px solid;
}

li.selected {
cursor: default;
background: url(../img/list_active.png) no-repeat center right;
}


.history {
background: url(../img/icon-syrinx.png) no-repeat 0 50%;
}

.team {
background: url(../img/icon-team.png) no-repeat 0 50%;
}

.charity {
background: url(../img/icon-charity.png) no-repeat 0 50%;
}

.careers {
background: url(../img/icon-careers.png) no-repeat 0 50%;
}

.news {
background: url(../img/icon-news.png) no-repeat 0 50%;
}

.enterprise {
background: url(../img/icon-enterprise.png) no-repeat 0 50%;
}

.business {
background: url(../img/icon-business.png) no-repeat 0 50%;
}

.global {
background: url(../img/icon-global.png) no-repeat 0 50%;
}

.testing {
background: url(../img/icon-testing.png) no-repeat 0 50%;
}

.sharepoint {
background: url(../img/icon-global.png) no-repeat 0 50%;
}
/* Image too large: ../img/sharepointPlatformServices.png */

.dashboards {
background: url(../img/icon-business.png) no-repeat 0 50%;
}
/* Image too large: ../img/dashboard_02.jpg */

.customers {
background: url(../img/icon-customers.png) no-repeat 0 50%;
}

.techarticles {
background: url(../img/icon-techarticles.png) no-repeat 0 50%;
}

.awards {
background: url(../img/icon-awards.png) no-repeat 0 50%;
}

.contact {
background: url(../img/icon-contact.png) no-repeat 0 50%;
}


/************** / END LEFT MENU *********************/


div.contactus a {
float: right;
display: block;
margin-left: 15px;
width: 227px;
height: 87px;
cursor: pointer;
background: url(../img/btn_contactus.png) no-repeat top left;
text-indent: -5000px;
}

div.contactus a:hover {
background: url(../img/btn_contactus.png) no-repeat bottom left;
}

div.map a {
float: right;
display: block;
margin-left: 15px;
width: 227px;
height: 87px;
cursor: pointer;
background: url(../img/btn_map.png) no-repeat top left;
text-indent: -5000px;
}

div.map a:hover {
background: url(../img/btn_map.png) no-repeat bottom left;
}

div.twofifty_l {
position: relative;
float: left;
width: 250px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
}

div.twofifty_r {
position: relative;
float: right;
margin-left: 50px;
width: 230px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
}


div.fleft {
float: left;
text-align: left;
min-width: 60px;
}

div.fright {
float: right;
text-align: left;
width: 140px;
margin-left: 10px;
}


div.colleft {
position: relative;
float: left;
width: 250px;
margin-bottom: 20px;
}

div.colright {
position: relative;
float: right;
width: 300px;
margin-bottom: 20px;
}

div.colleft ul {
padding: 0px;
margin: 0px;
}

div.colright ul {
padding: 0px;
margin: 0px;
}



/**************  LEFT OBJECTS *********************/


#iphone {
position: absolute;
left: -280px;
width: 235px;
height: 405px;
background: url(../img/iPhone.png) no-repeat top left;
}

#reed {
position: absolute;
left: -200px;
width: 150px;
height: 170px;
background: url(../img/reed.png) no-repeat top left;
}

#bizcard {
float: right;
width: 255px;
height: 330px;
margin-right: 30px;
background: url(../img/bizcard.png) no-repeat top left;
text-indent: -5000px;
}


/**************  / END LEFT OBJECTS *********************/


.date {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 13px;
margin-top: 40px;
border-bottom: #999 1px solid;
}

#minicontainer blockquote {
font-size: 16px;
line-height: 24px;
}


#minicontainer h2 a{
}

#news_signup .newsletter_email {
position: absolute;
border: #6c93b2 2px solid;
float: right;
right: 20px;
top: 7px;
background: #f4f4f4 url(../img/bg_input.jpg) repeat-x;
height: 30px;
width: 270px;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
color: #888;
padding-left: 5px;
padding-right: 115px;
background-image: url(../img/bg_input.jpg);
/*border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius: 5px;*/
}

#news_signup .newsletter_email:focus {
outline: #FF6600 2px solid;
}

#news_signup .btn_signme {
position: absolute;
float: right;
right: 22px;
top: 9px;

}


/**************  BLOCKQUOTES *******************/

.quoted {
margin-top: 30px;
text-align: right;
font: italic 90% Georgia, "Times New Roman", Times, serif;
}

li.quotetxt {
	 background: url(../img/bg_quote.png) no-repeat 0px 0px;
}

/**************  END OF BLOCKQUOTES *******************/


