* { margin: 0; padding: 0; }

html { height: 100%; min-height:100%; margin-bottom: 1px;}

body { height: 100%; width: 100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

.home .story .portfolio .vitalstats .news .contact .rapierwest{ background: #FFFFFF; }

/*
.story { background: #303C47; }
.portfolio { background: #84AEDA; }
.people { background: #84AEDA; }
.vitalstats { background: #84AEDA; }
.news { background: #84AEDA; }
.contact { background: #84AEDA; }
.rapierwest { background: #84AEDA; }
*/

/* LAYOUT */

#container { width: 100%; height: 100%; }

#container td {
	padding: 50px 0px 0px 0px;
}

 td#left {
	text-align: right;
	padding: 50px 0px 0px 0px;

}
 td#right {
	padding: 0px 0px 0px 0px;

}

.home td#left {
	text-align: right;
	padding: 50px 0px 0px 0px;

}
.home td#right {
	padding: 115px 0px 0px 0px;

}


#left { 
	width: 33%; 
	height: 100%; 
	background: #EE1C24; 
	padding: 0px 28px 0px 0px;
	
}

#right { width: 67%; height: 100%; 
	margin: 250px 0px 0px 30px;
}

#right  p{
	margin: 0px 0px 0px 30px;
}


#logo { 
	margin: 0px 30px 0 0;
	color: #84AEDA;
}

* html #logo { margin: 105px 26px 0 0; }


/* NAV */

#nav { float: right; 
	width: 150px; margin-right: 10px;
	color: #fff;
	}
	
#subnav { float: right;
	width: 130px; 
	color: #fff; 
	text-align: left;}

#nav ul { list-style: none; text-align: right;
	margin-top: 10px; }

#nav li { height: 40px; font-size: 25px; }

#nav a, #subnav a { text-decoration: none; color: #FFF; }

#nav a:hover, #nav a.selected, #subnav a:hover, #subnav a.selected { color: #000; }

#subnav ul { list-style: none; margin-top: 15px; }

#subnav li { height: 20px; font-size: 12px; color: #FFF; }


/* TEXT */

a { 
	color: black; 
}

a:hover { 
	text-decoration: none;
}


h1 { 
	margin: 0px 0px 15px 30px;
	padding: 0px 0px 0px 0px;
	color: #CF373C; 
	font-size: 20px; 
	font-weight: bold;  
	
	}

h2 { margin: 0 0 8px 30px;
	color: #FFF; font-size: 17px; }
	
h3 { margin: 0 0 0.9em 0; font-size: 14px; color: #0089cf; }

h3.white { margin: 0 0 0.9em 0; font-size: 14px; color: #0089cf; }

p { font-size: 13px; }

p.home { font-size: 12px; }
p.homegap { font-size: 9px; }

/* home */

#content { width: 480px; height: auto; margin-left: 40px; color: #0089cf; }

.warning { color: #1C2A37;
	padding: 8px 9px 11px; margin: 2em 0 1.4em;
	background: #008eb8 url('../img/global/warning.gif') no-repeat top left;
	border-right: 2px solid #1D6488; border-bottom: 2px solid #1D6488;}

#content a.warninglink {color: #1C2A37; }	

/* story */

#story { width: 480px; height: 441px; 
	margin: 24px 0px 0px 20px; padding: 30px 0px;
	background: url('../img/story/bg-screen.gif') no-repeat top left; }

#slide { margin: 0px 0px 0px 19px; }

#controls { width: 150px; margin: 10px auto 0px; padding-right: 10px;
	font-size: 18px; color: #495F76; 
	text-align: center; }
	
/* portfolio */

#portfolio { width: auto; height: inherit; 
	margin: 20px 0px 0px 30px; padding: 30px 0px; }
	
#colcont { width: 480px; margin: 30px 0px 0px; }

#col { width: 153px; float: left; }

a.portitem { display: block; clear: left;
	width: 139px; height: 22px;
	padding: 5px 0px 0px 8px; margin: 1px 2px 4px;
	background: #7c4c2a; 
	border-right: 2px solid #57361e; border-bottom: 2px solid #57361e;
	font-size: 13px; color: #FFF; text-decoration: none; }

a.portitem:hover { width: 143px; height: 24px; margin: 0px 0px 2px;
	background: #AF6C3A;
	font-size: 14px; }

a.first:hover { margin: 0px 0px 3px; }

#portwords {
	display: block;
	clear: both;
	width: 475px;
	margin: 0 2px 0;
	padding: 7px 0 0;
	color: #7c4c2a;
	height: 115px;
}
	
#portwords p { font-size: 11px; }

#portwords h3 { color: #7C4C2A; }

#portwords a { color: #7c4c2a; }

#portgrid { width: 510px; height: 280px}

#piece { margin: 0 6px 6px 0px; float: left;
	border-right: 2px solid #57361E; border-bottom: 2px solid #57361E;  }

#piece img { vertical-align: top; }


/* people */

#people { width: 480px; height: 441px; 
	margin: 20px 0px 0px 30px; padding: 30px 0px; }

#peoplenav { width: 150px; height: 441px; margin: 0;
	float: left; font-size: 9px; color: #7C4C2A; }
	
#peoplenav ul { list-style: none; margin: 36px 0 0 0;}

#peoplenav li { margin: 0px 0px 7px; }

#peoplenav li a { font-size: 12px; color: #0089cf; text-decoration: none; }

#peoplenav li a:hover, #peoplenav li a.selected { color: #EE1C24; }

#peopleblock { width: 325px; float: left; }

#photospace { float: left; height: 126px;
	margin: 0 59px 0 0; padding: 8px 5px 6px;
	background: #fff; } 

#camera { float: left; width: 150px; }

#peoplecopy { clear: both; padding: 15px 0 0; 
	width: 325px; height: 270px; overflow:auto; }

#peoplecopy p { font-size: 12px; color: #7C4C2A;}

#peoplecopy a { color: #0089cf; }


/* vitalstats */

#vitalstats { width: 500px; height: 441px; 
	margin: 20px 0px 0px 30px; padding: 30px 0px; }

#col1 { width: 230px; float: left;
	margin: 0px 15px 0 6px; }

#col2 { width: 220px;  float: left; margin: 0px 15px 0 6px; }

#vitalstats p, #vitalstats li {
	font-size: 12px ; color:#0089cf;
}

#vitalstats h3 { margin: 0.8em 0 0.1em 0; 
		font-weight: normal; font-size: 16px; color: #EF2C3C; }

#vitalstats ul {
	margin: 0 0 0 1.4em;
	list-style-type: square;
	padding-left: 3px;
}

#vitalstats #statstext {
	padding: 5px 2px 0 0;
	margin-bottom: 0;
	width: 225px;
	float: left;
}

#vitalstats #summary {
	height: 85px;
	margin-bottom: 0;
	width: 225px;
	background-color: #008EB8; border: 1px solid #fff;
	border-right: 2px solid #1D6488; border-bottom: 2px solid #1D6488; 
}

#vitalstats #summaryleft {
	padding: 5px 2px 5px 0;
	margin-bottom: 0;
	width: 60px;
	float: left;
}

#vitalstats #summaryright {
	padding: 5px 2px 5px 6px;
	margin-bottom: 0;
	width: 100px;
	float: left;
}

#vitalstats p.blackbold { color:#ef2c3c; font-weight:bold; font-size: 13px; line-height: 25px; margin-left: 6px; }
#vitalstats p.blackbold2 { color:#000; font-weight:bold; font-size: 13px; line-height: 25px; margin-left: 6px; }
#vitalstats p.whitebold { color:#FFF; font-size: 13px; line-height: 25px; }
#vitalstats p.white { color:#0089cf; font-size: 12px; margin-left: 6px;}


/* news */

#news {
	width: 481px;
	height: 441px;
	margin: 20px 0px 0px 30px;
	overflow: auto;
}

#newsitem { width: 450px; background: #008EB8; padding: 1px 1px 5px; margin: 0 0 5px;
	border-right: 2px solid #1D6488; border-bottom: 2px solid #1D6488; }

#news p.mag { color:#000; font-weight:bold; font-size: 14px; margin-left: 6px; line-height: 25px; }
#news p.date { color:#FFF; font-size: 11px; margin-left: 6px; }
#news p.headline { color:#000; font-weight:bold; font-size: 14px; margin-left: 6px; padding-bottom: 6px; padding-top: 6px; }
#news p.newsstory { color:#FFF; font-size: 11px; margin-left: 6px; padding-bottom: 10px; }
#news p.newsstorybold { color:#FFF; font-weight:bold; font-size: 12px; margin-left: 6px; padding-top: 6px; }
#news a {color:#FFF; }
#news a:hover {text-decoration: underline; color:#FFF; }

#newsitem:hover { color: #83B5DE; }

.publication { width: 250px; padding: 2px 4px 4px; display: block;
	color: #325E81; font-weight: bold; }
.date_old { float: right; width: 200px; text-align: right; padding: 2px 4px 4px;
	color: #325E81; }
.headline_old { clear: both; padding: 2px 4px 2px; }
.headline a { font-size: 14px; text-decoration: none; color: white;}
.headline a:hover { text-decoration: underline; }

.newsstory_old { width: 460px; height: 410px; overflow: auto; 
	padding: 4px 8px 10px;
	background: #72AEDA; }
	
.newsstory .publication { padding: 2px 0px 4px; margin: 0 0 10px;}

#back { width: 460px; text-align: right; border-top: 1px solid #5197D0;
	padding: 1px 8px 2px; background: #72AEDA;  }
	
#back a { color: white; text-decoration: none; }


/* contact */

#contact { width: 480px; height: 320px; 
	margin: 20px 0px 0px 30px; padding: 40px 0px; }
	
#contactcopy { width: 230px; float: left; padding: 40px 0px 0px 0px; margin-right: 30px; }

#contactlegals {
	width: 365px;
	float: left;
	padding: 30px 0px 0px 0px;
}

#contact p.white { margin: 0 0 0.9em 0; font-size: 12px; color: #0089cf; }

#contact p.legals {
	margin: 0 0 0.9em 0;
	font-size: 9px;
	color: #333333;
}

#contact h3 { color: #EF2C3C; }

#directions a { color: white; }

#map { width: 191px; float: left; padding-top: 10px; }


/* rapierwest */

#rapierwest { width: 480px; height: 390px; 
	margin: 20px 0px 0px 30px; padding: 40px 0px; }
	
#rapierwestcopyleft {
	width: 240px;
	float: left;
	padding: 30px 0px 0px 0px;
	margin-right: 30px;
}

#rapierwest p.white {
	margin: 0 0 0.9em 0;
	font-size: 12px;
	color: #0089cf;
}

#rapierwest p.right {
	margin: 0 0 0.9em 0;
	font-size: 12px;
	color: #7C4C2A;
}

#rapierwest p.right a { color:#7C4C2A }


#rapierwestlegals { width: 365px; float: left; padding: 10px 0px 0px 0px; }

#rapierwest p.legals { margin: 0 0 0.9em 0; font-size: 9px; color: #333333; }

#handley { width: 191px; float: left; padding-top: 20px; }

/* new styles: 26-02-10 */

#portfolioIntro {

	
}

#portfolioIntro ol{

	padding: 10px 0px 10px 20px ;
	
}