/* CSS Document 
Domain: xbridge.com
Author: Lewis Leighton
Created: 16/04/07
Modified:



$colors$
text and .nav links:

#333333

textual links, .nav hover state and header(h1) elements:

#027196



*/

/*============tags====================*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	color: #333333;
	background:url(/images/bgbar.gif) repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top;
}
table,tr,td{font-size:inherit;}
img{border:none;}
ul li{margin:1em 0;}
h1{ color: #027196; font-weight: bold; font-size: 1.64em;}
h2{ color: #333333; font-size: 1.09em; font-weight: bold;}

/*==============links and headings=========*/


a, a:active { color: #027196;  }
a:hover { color: #333333; }
a.nav, a.nav:active, a.nav:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color: #333333 }
a.nav:hover { color: #027196; }
.navSelected { font-weight: bold; text-decoration: none; color: #333333 }
a.navSelected, a.navSelected:active, a.navSelected:visited { font-weight: bold; text-decoration: none; color: #333333 }
a.navSelected:hover { color: #027196 }
.navSelected *{font-weight:normal; color:#333333; text-decoration:none;}
.subNavSelected { color: #027196; text-decoration: none; }
.subNavSelected *{ color: #333333; text-decoration: none; }
.subNavSelected a.nav{color: #027196; text-decoration: none;}
.subNavSelected * a.nav{color: #333333;}
.subNavSelected .subNavSelected  { color: #027196; text-decoration: none; }
.subHead { color: #333333; font-size: 12px; font-weight: bold }
a.subHead { color: #333333; font-size: 12px; font-weight: bold; text-decoration: none }
.subhead { color: #333333; font-size: 12px; font-weight: bold }
a.subhead { color: #333333; font-size: 12px; font-weight: bold; text-decoration: none }


/*==============end links======*/



/*================start template*======================*/
#wrapper{
	text-align:center;/*ie55 fix*/
	clear:both;
}
#wrapper:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
#wrapper{display: inline-block;}
 /* Hides from IE Mac \*/ 
* html #wrapper {height: 1%;} 
#wrapper{display:block;} 
 /* End Hack */ 
#logo{
	float:left;
}
#header{
	width:730px;
	height:76px;
	margin:0 auto;
	overflow:hidden;}
#header-nav{
	margin:0 auto;
	text-align:right;
	padding:0 0 1px 0;
	padding:0;
	list-style:none;
}
#header-nav li{
	float:right;
	margin:3em 1.36em 0 0;
	padding:0;
}
#top-images{
	width:765px;
	margin:0 auto;
	border-left:1px solid #fff;
	height:120px;
}
#top-images div{
	float:left;
	width:253px;
	height:120px;
	border-right:1px solid #fff;
	background:url(/images/bwbglogo.png) no-repeat top left;
	overflow:hidden;
}
#top-images div img{
	width:253px;
	height:120px;
}
#main{
	width:765px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;	
	text-align:left;
	display:block;
	min-height:100%;
}

/*========auto clear the main div=========================*/
#main:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
#main{display: inline-block;}
 /* Hides from IE Mac \*/ 
* html #main {height: 1%;} 
#main{display:block;} 
 /* End Hack */ 
 
#footer{
	width:765px;
	margin:0 auto;
	clear:both;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;	
	text-align:center;
}

/* 

following lines affect IE6 and below only because <IE7 does not render 1px dotted borders correctly we fake it.
IE7 does not recognise this hack.
*/
* html #footer{
	border:none;
	background:url(/images/index_border.gif) repeat-x top;
}

* html #footer ul{
	background:url(/images/index_border.gif) repeat-x bottom;
}

#footer ul{
	list-style:none;
	margin:0;
	padding:.3em;
}
#footer ul li{
/*	float:left;*/
	margin:0 0 0 .91em;
	display:inline;
}


#col-left{
	float:left;
	width:29%;
}
#col-right{
	float:right;
	width:65%;
	margin:0 1.2em 0 0;

}
#left-nav{
	list-style-image:url(/images/nav_arrow.gif);

}
#left-nav li, #left-nav li ul li{
	margin:0.3em 0 0 0;
}
#left-nav li ul{
	list-style:none;
	margin:0;
	padding:0 0 0 1.36em;
}


#left-nav li ul li{
	list-style:none;
	list-style-image:none;
}



/*===================classes=====================*/

.home-pad{
	padding:0 1.5em;
}
.clear{
	clear:both;

}
.head { color: #027196; font-weight: bold; 	font-size: 1.64em; }


.xb-data{border:none;}
.xb-data td{padding:.45em; vertical-align:top;}

.nowrap{
	white-space:nowrap;
}

.gridAlt { background-color: #F5F5F7}
.gridHead { background-color: #8894A2; color: #ffffff; font-weight: bold }
.altShade {  background-color: #F0F5FA}

.img10vert{margin:10px 0;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}
/*hide from ie5 mac \*/
* html .clearfix {
	height: 1%;
}
/**/


/* ====================Homepage boxes=====================*/


#home-left, #home-right{float:left;width:382px;}
#home-left p, #home-left h2{margin-right:1.82em;}



a.homeHeadLink, a.homeHeadLink:visited, a.homeHeadLink:active { color: #027196; font-weight: bold; font-size: 18px; text-decoration: none }
a.homeHeadLink:hover { color: #333333 }


/*================= thumbnail navigation===========*/
#thumb-nav {
	margin-bottom:10px;
	clear:both;
}
#thumb-nav ul,#thumb-nav li{
	margin:0;
	padding:0;
	border:0;
	list-style:none;	
}
#thumb-nav ul li{
	width:127px;
	height:59px;
	float:left;
}

#team-thumb{
	margin:0;
	padding:0;
	list-style:none;
}
#team-thumb li{
	margin:0;
	float:left;
}


/*================partner logo list=================*/
ul.partner-list{
	float:left;
	width:50%;
	list-style:none;
	margin:0;
	padding:0;

}
ul.partner-list li{
	margin:.91em 0 0 0;	

}
ul.archive-list{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
ul.archive-list li{
	clear:both;
	margin-top:.5em;
}

.archive-list-item:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.archive-left{
	float:left;
	display:block;

}
.archive-right{
	float:left;
	display:block;
	width:450px;
	margin-left:10px;
}



#simplyhome div:after{
	
}

#simplyhome * p{
	margin-bottom:0;
}

#simplyhome .tp{
	background:url(/images/simplyhome-top.gif) top left no-repeat;
	height:20px;
}
#simplyhome .md{
	background:url(/images/simplyhome-mid.gif) top left repeat-y;
	width:374px;	
}
#simplyhome .bt{
	background:url(/images/simplyhome-bot.gif) top left no-repeat;
	height:23px;
}

#compare-quotes{
	float:right;
}
.triple-top{
	margin-top:3em;

}


.director{
	margin:1.82em 0;
}

.director .lt{
	float:left;
	margin:0 1.2em 0 0;
	width:128px;
}
.director .rt{
	margin-left:135px;
}