/* Layout */

html, body, #container{
	height:100%;
}

body{
	color:#666;
	font:13px/1.3em Helvetica, Geneva, Verdana, Arial, sans-serif;
	text-align:center;
    background:#fff url(../images/layout/body_bg.jpg) center top repeat-y;
}

#wrapper{
	width:100%;
}

#container{
	margin:0 auto;
	text-align:left;
	width:980px;
}

#header{
	height:155px;
	margin-right:40px;
	position:relative;
	z-index:6;
}

#content{
	line-height:1.5em;
	margin:0 40px;
	width:900px;
}

#contentSideBar{
	float:left;
	margin-top:159px;
	margin-bottom:40px;
	width:260px;
	clear:none;
}

#contentMain{
	margin:0 0 40px 0;
	width:620px;
	float:right;
}

#footer{
	font-size:90%;
	height:4em;
	padding:20px 0;
	margin:0 40px;
	text-align:right;
}


/* Global Styles */

a{
	color:#222;
	text-decoration:none;
}

a:hover{
	color:#900;
}

ul{
	list-style-type:none;
}

h1,h2,h3{
	font-style:normal;
	font-weight:normal;
}

h1{
	color:#900;
	font-size:170%;
	padding-bottom:10px;
	margin:30px 0 15px;
}

h2{
	color:#444;
	font-size:110%;
	font-weight:bold;
	margin-bottom:10px;
}

h3{
	color:#444;
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
}

address{
	margin-top:12px;
	font-style:normal;
}

address strong{
	color:#444;
	font-size:110%;
	font-weight:bold;
}

.normal{
	font-weight:normal;
}

/*----- Header -----*/


/* Branding Logo */

#branding-logo{
	float:left;
	margin-left:13px;
}

/* Secondary Navigation */

#secondaryNav{
	float: right;
	text-align: right;
	margin-top:10px;
	clear:right;
}

#secondaryNav li{
	background: url(../images/navigation/seperator.png) no-repeat right;
	display: block;
	float:left;
	padding: 0 11px 0 10px;
}

#secondaryNav li a{
	font-size: 11px;
	white-space:nowrap;
}

#secondaryNav li.none{
	background-image: none;
	padding-right: 0;
}


/*----- Content -----*/

/* Content Side Bar */

#contentSideBar blockquote{
	background:url(../images/layout/left_quotation_marks.png) no-repeat top left;
	margin:0 50px 0 10px;
	padding:8px 0 0 0;
}

#contentSideBar blockquote p{
	color:#900;
	font-size:18px;
	font-weight:normal;
	line-height:1.70em;
	text-indent:40px;
}

/* Content Main */

#introBanner img{
	margin:30px 0 50px 0;
}

#content blockquote{
	margin-left:20px;
}

#content p, #content ul{
	margin-bottom:20px;
}

#content ul{
	list-style:outside square;
}

#content li{
	margin:0 20px 5px 20px;
}

#content strong{
	font-weight:bold;
}

#content ul.logoList{
	list-style:none;
}

#content ul.logoList li{
	margin:20px 0 0 0;
}

#content ul.logoList img{
	margin-right:40px;
	vertical-align:middle;
}

#content dt{
	color:#333;
	font-size:110%;
	font-weight:bold;
	margin:15px 0 5px 0;
}

#content dd{
	margin-left:15px;
}


/* Section H1 - Image Replacement */

.bkgH1{
	background-repeat:no-repeat;
	height:100px;
	text-indent:-9000em;
	width:620px;
}

h1#contact{background-image:url(../images/layout/bkg_h1_contact.png);}
h1#creative{background-image:url(../images/layout/bkg_h1_creative.png);}
h1#history{background-image:url(../images/layout/bkg_h1_history.png);}
h1#employment{background-image:url(../images/layout/bkg_h1_employment.png);}
h1#management{background-image:url(../images/layout/bkg_h1_management.png);}
h1#network{background-image:url(../images/layout/bkg_h1_network.png);}
h1#overview{background-image:url(../images/layout/bkg_h1_overview.png);}
h1#partner{background-image:url(../images/layout/bkg_h1_partner.png);}
h1#portals{background-image:url(../images/layout/bkg_h1_portals.png);}
h1#sitemap{background-image:url(../images/layout/bkg_h1_sitemap.png);}
h1#xrsystem{background-image:url(../images/layout/bkg_h1_xrsystem.png);}


h2.collapseLink{
	background-image:url("../images/layout/arrow_expanded.png");
	background-repeat: no-repeat;
	text-indent:21px;
	
	background-image:url("../images/layout/arrow_collapsed.png");
	background-position:8px 3px;
}

h2.collapseLink:hover{
	color:#900;
	cursor:pointer;
}

h2.collapseOpen{
	background-image:url("../images/layout/arrow_expanded.png");
	background-position:6px 3px;
}

/* Home Page Hero Boxes */

.heroBox{
	background:url(../images/layout/bkg_hero.png) no-repeat top left;
	float:left;
	margin-bottom:30px;
	padding-left:100px;
	width:330px;
}

.heroBox h1{
	color:#900;
	font-size:18px;
	margin:0;
	padding-bottom:10px;
}

.heroBox h1 a{
	color:#900;
}

.heroBox h1 a:hover{
	color:#c00;
}

.heroBox p{
	font-size:14px;
}

.heroBox p a{
	color:#666;
	display:block;
}

.heroBox p a:hover{
	color:#222;
}

#hero02, #hero04{
	margin-left:40px;
}

/* Horizontal Rule */

div.hr{
	background:url(../images/layout/hr_divider.png) no-repeat 30px;
	clear:both;
	height:1px;
	margin:5px 40px 0 0;
}

div.hr hr{
	display:none;
}