@charset "utf-8";
/* CSS Document */

body  {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333333;
	background: #BEC1CD;
}

a {
	color: #206B1D;
	text-decoration: none;
}

a:hover {
	color: #206B1D;
	text-decoration: underline;
}

a:visited {
	color: #206B1D;
}

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

#line-break {
	border-style: none;
	margin: 10px auto;
	border-top: dashed 1px #D4D4D4;	
}

#main-container { 
	width: 958px;
	background-color: #BEC1CD;
	background: url(images/main-bg.jpg) top left repeat-y;	
	margin: 0 auto; 
	text-align: left; 
}

#body-wrapper {
	margin: 0 auto;
	width: 944px;
}

#content-wrapper {
	margin: 0 9px 0 9px;
	background: url(images/content-bg.jpg) top left repeat-x;
}

/*.................. header ..................*/

#header-container {	
	margin: 0 9px 0 9px;	
	padding: 10px 0 10px 0;
} 


#header-container h1 {
	background: url(images/tel-no.jpg) top right no-repeat;
	height: 30px;
	width: 300px;
	margin-top: 0px;
	text-align: right;
}

#header-container h1 span {
	position: absolute;
    left: -999em;
}

#header-logo {
	float: left;		
}

#header-logo h1 {
	background: url(images/irontech-logo.jpg) top right no-repeat;
	width: 318px;
	height: 85px;
	margin-top: 0px;
}

#header-logo h1 span {
	position: absolute;
    left: -999em;
}

#search-container {
	float: right; 
	width: 302px; 
	text-align: right; 
	padding-top: 10px
}

.textbox {
	width: 220px;
	height: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#search-submit {
	vertical-align:bottom;
} 

/*.................. end header ..................*/


/*.................. navigation ..................*/

#nav-container {
	height: 37px;
	margin: 0 9px 0 9px;
	line-height: 37px;
	background: url(images/nav-bg.jpg) top left repeat-x;
}

#nav-container ul{
	list-style: none;	
} 

#nav-container li{	
	background: url(images/nav-divider.jpg) top right no-repeat;
	float: left;
} 

#nav-container li a{	
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 115px;
	line-height: 37px;
	text-align: center;	 
} 

#nav-container li a:hover{
	font-size: 11px;	
	font-weight: bold;
	background: url(images/nav-hover.jpg) top right no-repeat;
	color: #606F8C;
	text-decoration: none;
	display: block;
	width: 115px;
	line-height: 37px;
	text-align: center;	 
}

#nav-container li span a{
	color: #606F8C;
	background: url(images/nav-hover.jpg) top right no-repeat;	
}

#nav-container .nav-last{ 
	background: none;	
}

#nav-container .nav-last a:hover{	
	font-size: 11px;	
	font-weight: bold;
	background: url(images/nav-hover2.jpg) top right no-repeat;
	color: #606F8C;
	text-decoration: none;
	display: block;
	width: 121px;
	line-height: 37px;
	text-align: center;
}

#nav-container .nav-last span a{
	color: #606F8C;
	background: url(images/nav-hover2.jpg) top right no-repeat;
	width: 121px;
}

/*.................. end navigation ..................*/


/*.................. banner ..................*/

#banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-bg.jpg) top left no-repeat;
}

#partners #banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-partners-bg.jpg) top left no-repeat;
}

#contact #banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-contact-bg.jpg) top left no-repeat;
}

#services #banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-services-bg.jpg) top left no-repeat;
}

#careers #banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-careers-bg.jpg) top left no-repeat;
}

#faq #banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-faq-bg.jpg) top left no-repeat;
}

#clients #banner-container {
	height: 217px;
	margin: 0 9px 0 9px;
	background: url(images/banner-clients-bg.jpg) top left no-repeat;
}

#banner-container p {
	line-height: 18px;
}

#featured-client {
	position:relative; 
	top: 50px; 
	left: 38px; 
	width: 235px; 
	height: 126px;
	padding: 10px 85px 5px 10px;
	background: url(images/client.jpg) bottom right no-repeat;
}

#featured-client2 {
	position:relative; 
	top: 50px; 
	left: 38px; 
	width: 235px; 
	height: 126px;
	padding: 10px 85px 5px 10px;
	background: url(images/bantam_drilling_houston_it_consulting.gif) bottom right no-repeat;
}

#featured-client3 {
	position:relative; 
	top: 50px; 
	left: 38px; 
	width: 235px; 
	height: 126px;
	padding: 10px 85px 5px 10px;
	background: url(images/riseling houston law firm it department help.gif) bottom right no-repeat;
}

#featured-client4 {
	position:relative; 
	top: 50px; 
	left: 38px; 
	width: 235px; 
	height: 126px;
	padding: 10px 85px 5px 10px;
	background: url(images/southwest_medical_it_outsourcing_houston.gif) bottom right no-repeat;
}

#featured-client5 {
	position:relative; 
	top: 50px; 
	left: 38px; 
	width: 235px; 
	height: 126px;
	padding: 10px 85px 5px 10px;
	background: url(images/orinda_optometric_vision_center_dr_lewis.jpg) bottom right no-repeat;
}

#featured-client6 {
	position:relative; 
	top: 50px; 
	left: 38px; 
	width: 235px; 
	height: 126px;
	padding: 10px 85px 5px 10px;
	background: url(images/orinda_optometric_vision_center_dr_lewis.jpg) bottom right no-repeat;
}

/*.................. end banner ..................*/


/*.................. welcome ..................*/

#welcome-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#welcome-content p{
	line-height: 20px;
}

#welcome-content h1 {
	background: url(images/welcome.gif) top left no-repeat;
	height: 16px;
	width: 241px;
	margin-top: 0px;
}

#welcome-content h1 span {
	position: absolute;
    left: -999em;
}

/*.................. end welcome ..................*/


/*.................. contact ..................*/

#contact-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#contact-content p{
	line-height: 20px;
}

#contact-content h1 {
	background: url(images/contact-title.gif) top left no-repeat;
	height: 16px;
	width: 241px;
	margin-top: 0px;
}

#contact-content h1 span {
	position: absolute;
    left: -999em;
}

#contact-form {
	margin:0 auto;
	width:450px;
	padding:14px;
	border: solid 2px #E5E5E5;
	background: #F9F9F9;
}
#contact-form h2 {
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
}
#contact-form p {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom: solid 1px #E5E5E5;
	padding-bottom: 10px;
}
#contact-form label {
	display: block;
	font-weight: bold;
	text-align: right;
	width: 160px;
	float: left;
}
#contact-form .small {
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 160px;
}
#contact-form input {
	float: left;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 4px 2px;
	border: solid 1px #999999;
	width: 200px;
	margin: 2px 0 20px 10px;
}
#contact-form button{
	clear: both;
	margin-left: 170px;
	width: 80px;
	height: 26px;
	text-align: center;
	line-height: 31px;
	color: #333333;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*.................. end contact ..................*/


/*.................. careers ..................*/

#careers-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#careers-content p{
	line-height: 20px;
}

#careers-content h1 {
	background: url(images/careers-title.gif) top left no-repeat;
	height: 19px;
	width: 161px;
	margin-top: 0px;
}

#careers-content h1 span {
	position: absolute;
    left: -999em;
}

/*.................. end careers ..................*/


/*.................. faq ..................*/

#faq-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#faq-content p{
	line-height: 20px;
}

#faq-content h1 {
	background: url(images/faq-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#faq-content h1 span {
	position: absolute;
    left: -999em;
}

#faq-content .answer {
	background: #F9F9F9; 
	border: solid 1px #E5E5E5; 
	padding: 10px;
}

/*.................. end faq ..................*/


/*.................. partners ..................*/

#partners-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#partners-content p{
	line-height: 20px;
}

#partners-content h1 {
	background: url(images/partners-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#partners-content h1 span {
	position: absolute;
    left: -999em;
}

#partners-content .partner-logos {
	float: left; 
	width: 160px; 
	text-align:center;
}

/*.................. end partners ..................*/


/*.................. clients ..................*/

#clients-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#clients-content p{
	line-height: 20px;
}

#clients-content h1 {
	background: url(images/clients-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#clients-content h1 span {
	position: absolute;
    left: -999em;
}

#clients-content .client-logos {
	float: left; 
	width: 160px; 
	text-align:center;
}

/*.................. end clients ..................*/


/*.................. manage ..................*/

#manage-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#manage-content p{
	line-height: 20px;
}

#manage-content h1 {
	background: url(images/manageit-title2.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#manage-content h1 span {
	position: absolute;
    left: -999em;
}

#manage-content ul {
	list-style: square;
	color: #666666;
	background: #F9F9F9; 
	border: solid 1px #E5E5E5; 
	padding: 10px;
}

#manage-content li {
	margin-left: 15px;
	line-height: 20px;
}

/*.................. end manage ..................*/


/*.................. consulting ..................*/

#consulting-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#consulting-content p{
	line-height: 20px;
}

#consulting-content h1 {
	background: url(images/consulting-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#consulting-content h1 span {
	position: absolute;
    left: -999em;
}

/*.................. end consulting ..................*/


/*.................. hosting ..................*/

#hosting-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#hosting-content p{
	line-height: 20px;
}

#hosting-content h1 {
	background: url(images/hosting-sub-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#hosting-content h1 span {
	position: absolute;
    left: -999em;
}

#hosting-content ul {
	list-style: square;
	color: #666666;
	background: #F9F9F9; 
	border: solid 1px #E5E5E5; 
	padding: 10px;
}

#hosting-content li {
	margin-left: 15px;
	line-height: 20px;
}

/*.................. end hosting ..................*/


/*.................. data protection ..................*/

#data-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#data-content p{
	line-height: 20px;
}

#data-content h1 {
	background: url(images/data-sub-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#data-content h1 span {
	position: absolute;
    left: -999em;
}

#data-content ul {
	list-style: square;
	color: #666666;
	background: #F9F9F9; 
	border: solid 1px #E5E5E5; 
	padding: 10px;
}

#data-content li {
	margin-left: 15px;
	line-height: 20px;
}

/*.................. end data protection ..................*/


/*.................. get started ..................*/

#get-started-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#get-started-content p{
	line-height: 20px;
}

#get-started-content h1 {
	background: url(images/get-started-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#get-started-content h1 span {
	position: absolute;
    left: -999em;
}

#get-started-content .steps {
	background: #F9F9F9; 
	border: solid 1px #E5E5E5; 
	padding: 10px;
}

/*.................. end get started ..................*/


/*.................. sitemap ..................*/

#sitemap-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#sitemap-content p{
	line-height: 20px;
}

#sitemap-content h1 {
	background: url(images/sitemap-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#sitemap-content h1 span {
	position: absolute;
    left: -999em;
}

#sitemap-content ul {
	padding-left: 20px;
}

#sitemap-content li{
	background: url(images/arrow.gif) center left no-repeat;
	line-height: 23px;
	padding-left: 10px;	
}

#sitemap-content .subnav {
	margin-left: 20px;
	padding-left: 10px;	
}
/*.................. end sitemap ..................*/


/*.................. news ..................*/

#news-container {
	float: right;
	width: 240px;
	margin: 0 auto;
	padding-top: 15px;
}

#news-wrapper {
	width: 210px;
	padding: 0 10px 0 10px;
	background: url(images/news-bg.jpg) top left repeat-x;
}

#news-wrapper p{
	line-height: 16px;
	padding-left: 20px;
}

#news-wrapper .news-date {
	background: url(images/news-icon.jpg) center left no-repeat;
}

#news-view {
	text-align: right;
	color: #206B1D;
}

#news-container span{
	background: url(images/news-logo.jpg) top left no-repeat;
	border: solid 1px #000;
}

#news-container h1 {
	background: url(images/news.gif) top left no-repeat;
	height: 25px;
	width: 240px;
	margin-top: 0px;
}

#news-container h1 span {
	position: absolute;
    left: -999em;
}

#news-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#news-content p{
	line-height: 20px;
}

#news-content h1 {
	background: url(images/news-title.gif) top left no-repeat;
	height: 19px;
	width: 217px;
	margin-top: 0px;
}

#news-content h1 span {
	position: absolute;
    left: -999em;
}

#news-content .news-items {
	background: #F9F9F9; 
	border: solid 1px #E5E5E5; 
	padding: 10px;
}

/*.................. end news ..................*/


/*.................. services ..................*/

#services-container {
	float: left;
	padding-top: 10px;
	background: url(images/services-bg.jpg) top left repeat-x;
}

.services-items {
	float: left;
	width: 210px;
	height: 270px;
	padding: 10px;
	border-right: dashed 1px #CCCCCC;
}

.services-items a {
	color: #333333;
	text-decoration: underline;
}

.services-items a:hover {
	color: #3C7D2F;
	text-decoration: underline;
}

.services-items ul {
	padding-left: 20px;
}

.services-items li{
	background: url(images/arrow.gif) center left no-repeat;
	line-height: 23px;
	padding-left: 10px;
}

.services-items #manage-header {
	background: url(images/manageit-title.gif) top center no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}
.services-items #consulting-header {
	background: url(images/itconsulting-title.gif) top center no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}

.services-items #hosting-header {
	background: url(images/hosting-title.gif) top center no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}

.services-items #data-header {
	background: url(images/dataprotection-title.gif) top center no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}

.services-items h1 span {
	position: absolute;
    left: -999em;
}

.services-sub-items {
	
}

.services-sub-items ul {
	padding-left: 20px;
}

.services-sub-items li{
	background: url(images/arrow.gif) center left no-repeat;
	line-height: 23px;
	padding-left: 10px;
}

.services-sub-items #manage-header {
	background: url(images/manageit-title.gif) top left no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}
.services-sub-items #consulting-header {
	background: url(images/itconsulting-title.gif) top left no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}

.services-sub-items #hosting-header {
	background: url(images/hosting-title.gif) top left no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}

.services-sub-items #data-header {
	background: url(images/dataprotection-title.gif) top left no-repeat;
	height: 16px;
	width: 210px;
	margin-top: 0px;
}

.services-sub-items h2 span {
	position: absolute;
    left: -999em;
}

#services-content {
	float: left;	
	width: 645px;
	padding: 24px 20px 10px 10px;
	background: url(images/welcome-divider-bg.jpg) top right no-repeat;
}

#services-content p{
	line-height: 20px;
}

#services-content h1 {
	background: url(images/services-title.gif) top left no-repeat;
	height: 16px;
	width: 241px;
	margin-top: 0px;
}

#services-content h1 span {
	position: absolute;
    left: -999em;
}

/*.................. end services ..................*/


/*.................. marketing ..................*/

#marketing-container {
	
}

#marketing-container h1 {
	background: url(images/why-choose.gif) top left no-repeat;
	height: 16px;
	width: 241px;
	margin: 0px 0 0 10px;
}

#marketing-container h1 span {
	position: absolute;
    left: -999em;
}

#why-wrapper {
	float: left;
	border: solid 1px #E5E5E5; 
	margin-left: 10px;
	padding: 3px;
	width: 667px;
}

#why-container {
	border: solid 1px #E5E5E5; 
	background: #F9F9F9;
	padding: 4px;
}

#why-container ul {
	padding-left: 15px;
	
}

#why-container li {
	padding-left: 20px;
	line-height: 27px;
	background: url(images/check.gif) center left no-repeat;
}

#getstarted-container {
	float: right;
	margin-right: 10px;
}

/*.................. end marketing ..................*/


/*.................. partners ..................*/

#partners-container {
	
}

#partners-container h1 {
	background: url(images/partners.gif) top left no-repeat;
	height: 16px;
	width: 241px;
	margin: 0 0 0 10px;
}

#partners-container h1 span {
	position: absolute;
    left: -999em;
}

#partners-logo {
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 906px;
	height: 84px;
	background: url(images/partners-logo.jpg) center left no-repeat;
}

/*.................. end partners ..................*/


/*.................. footer ..................*/

#footer-container {
	height: 85px;
	padding: 20px 10px 0 10px;
	background: url(images/footer-bg.jpg) top left repeat-x;
}

#footer-links {
	float: left; 
	width: 500px;
}

#footer-links a {
	color: #666666;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

#footer-links a:hover {
	text-decoration: underline;
}

#footer-copyright {
	float: right; 
	width: 365px; 
	text-align: right;
}

/*.................. end footer ..................*/


/*.................. rss ..................*/

#rss-feed {
	
}

#rss-feed ul{
}

#rss-feed ul li{
	margin-bottom: 10px;
}

/*.................. end footer ..................*/