/* Copyright Vanbar Multimedia Ltd 2006 */

/*************************** Top Level ****************************/

/* always force a vertical scroll bar */
html { height:101% }
*	 { margin:0; padding:0; border:0; }
body {
	background-color: #FFFFFF;
	background-image:url(/images/background.gif);
	background-repeat:repeat-x;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#004270;
	font-weight:normal
	}


/*************************** Common ****************************/

#container	{ margin: 0 auto; width: 770px; }
#header		{ text-align:right; height:62px; }
#crumbtrail	{ float:left; font-size:12px; margin:2px 0 -2px 0 }
#left		{ float:left; width:545px; margin-right:8px; }
#right		{ float:right; width:217px; margin-top:10px }
#footer		{ clear:both; padding-top: 25px; }
#content	{ float:left; width:440px;}
#content_full_width	{ float:left; width:535px;}
#content h1, #content_full_width h1 {
	font-size:16px;
	width:100%;
	border-top:1px solid #004270;
	border-bottom:1px solid #004270;
	padding:4px 0 4px 0;
	font-weight:bold;
	margin-top:20px;
	text-transform:uppercase;
	}
#content em				{ font-style:italic; font-weight:lighter; }
#content strong			{ font-weight:bold }

/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both;}
.clearleft		{clear:left}

/* Styling */
#header h1		{ padding-top:12px; font-size:18px; margin:0; font-weight:bold; font-style:italic }
#header	em		{ font-style:normal; font-weight:bold; font-size:16px }
#header h2		{ margin-top:10px; font-size:14px }
#header .large	{ font-size:14px }
#header img		{ padding-top:12px}
#footer p		{ font:Arial, Helvetica, sans-serif; font-size:11px; margin: 3px 0 3px 0}
#footer a		{ color:#004270;}
#subnav h1		{ color:#6DB33F; font-size:11px; margin: 0; font-weight:normal; }
#subnav img		{ float:left } 

.green			{ color:#56B145; font-size:inherit; }
.bold			{ font-weight:bold; font-size:inherit; color:inherit }

/* JavaScript scrolling tickers */
a.ticker1 		{ margin-right:10px; }
a.ticker2 		{ margin-right:10px; }

/* should only need the hr but wrapping it in a DIV ensures browser compatibility */
hr 				{ display:none}
.blueline {
	background-color:#004270;
	height:2px;
	margin-top:1px;
	border-left:1px solid #56B145;
	border-right:1px solid #56B145
	}
.greenline {
	background-color:#56B145;
	height:1px;
	margin-top:1px;
	border-left:1px solid #56B145;
	border-right:1px solid #56B145
	}
.line {
	background-color:#004270;
	height:1px;
	margin:3px 0 3px 0;
	}
.subline {
	background-color:#FFFFFF;
	height:1px;
	margin:0;
	border-top:1px dashed #6DB33F
	}

h1				{ font-size:14px; margin:10px 0 15px 0 }
h2				{ font-size:12px; margin-top:15px; margin-bottom:12px; }
h3 {
	color:#56B145;
	border-top:1px dotted #004270;
	width:350px;
	padding:5px 0 10px 0;
	}

table {
	border-collapse:collapse;
}
td, th {
	border:1px solid #004270;
	padding:3px;
}
td.textright {
	text-align:right;
}
th {
	color:#6DB33F;
}


h1.submenu		{ font-size:11px; margin:1px 0 -3px 0; }
h1.submenu1		{ font-size:11px; margin:-1px 0 -3px 0; text-align:center}
p				{ margin-top:7px; margin-bottom:7px; line-height:110% }
.blue_bg		{ background-color:#004270; width:440px; color:#FFFFFF; }
/* The border stops it playing up in IE .... */
#padded			{ padding:10px 10px 0 224px; border:1px solid #004270 }

ul, ol			{ margin-left:30px; margin-bottom:10px; }
ul.spaced li	{ margin-bottom:10px }

/* Menus */
ul#menu {
	list-style-type: none;
	margin-left:0
	}
ul#menu li {
	float: left;
	width:109px;
	height:29px;
	border-right:1px solid #C0DAA8;
	border-bottom:2px solid transparent;
	}
ul#menu li:last-child 	{ border-right:0; }
ul#menu li a {
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding:3px 0 15px 4px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#56B145;
	background-image:url(/images/arrow_off.gif);
	background-repeat:no-repeat;
	}
ul#menu li a:link		{ background-color:#56B145; }
ul#menu li a:acitve		{ background-color:#004270;	background-image:url(/images/arrow_on.gif)}
ul#menu li a:visited	{ background-color:#56B145; }
ul#menu li a:hover		{ background-color:#004270; background-image:url(/images/arrow_on.gif)}

body#home a#homenav,
body#swa a#swanav,
body#services a#servicesnav,
body#testimonials a#testimonialsnav,
body#clients a#clientsnav,
body#case a#casenav,
body#contact a#contactnav {
	background-color:#004270;
	background-image:url(/images/arrow_on.gif)
	}

ul#left_menu {
	float:left;
	margin:17px 3px 0 0;
	width:100px;
	list-style:none;
	font-size:11px;
	font-weight:normal;
	}
ul#left_menu li {
	height:auto;
	margin:3px 5px 2px 5px;
	padding-top:2px;
	border-top:1px solid #004270
	}
ul#left_menu li a:link		{ color:#004270; }
ul#left_menu li a:acitve	{ color:#004270; }
ul#left_menu li a:visited	{ color:#004270; }
ul#left_menu li a:hover		{ color:#56B145; }

/* note - the combination of left padding and text indent ensures the second line
of text is in line with the first line of text should it need to wrap */
ul.subnav {
	margin-left:0;
	margin-bottom:1px;
	padding:5px 5px 2px 0px;
	list-style:disc inside;
	color:#6DB33F;
	font-size:11px;
	font-weight:normal;
	}
ul.subnav li {
	margin-left:0;
	height:auto;
	margin:3px 5px 2px 5px;
	border-bottom:1px solid white;
	color:#6DB33F;
	} 

/* links */
a 			{ text-decoration:none; }
a:link		{ color: #6DB33F;}
a:active	{ color: #6DB33F;}
a:visited	{ color: #6DB33F;}
a:hover		{ color: #004270;}

a.blue:link		{ color: #004270;}
a.blue:active	{ color: #004270;}
a.blue:visited	{ color: #004270;}
a.blue:hover	{ color: #6DB33F;}


/************************* Home Page *************************/

#content_home	{ padding:0px 60px 0 95px }
#home_panel {
	background:url(/images/home_panel/home_panel_bg.gif) no-repeat;
	width:545px;
	height:194px;
	margin-top:-18px;
	padding-top:10px;
	}
#home_panel #quote {
	float:right;
	width:180px;
	height:128px;
	padding:10px 15px 5px 5px;
	color:#FFFFFF;
	}
#home_panel h1	{ font-size:14px; margin:0 }
#home_panel p	{  font-size:14px; margin:8px 0 }
#stop_press {
	color:#FFFFFF;
	font-weight:bold;
	clear:both;
	margin:0;
	padding:4px 0 0 87px;
	}
#press_release {
	padding:5px 0 0 5px ;
	height:34px;
	margin:-3px 0 3px 0;
	color:#004270;
	font-size:10px;
	vertical-align:middle;
	font-weight:normal;
	}
#press_release p {
	margin:0;
	}
.press_title	{ color:#4D7199; }
#strapline		{ margin-left:200px }


/*********************** People Pages *************************/

.people_panel {
	float:right;
	width:115px;
	height:130px;
	padding:10px;
	}
.people_panel p{
	margin-top:0;
	}
#business_card {
	float:left;
	background-color:#004270;
	height:162px;
	width:230px;
	margin-top:20px;
	color:#FFFFFF;
	padding-left:10px
	}
#business_card h1 {
	border:0;
	padding-top:30px;
	margin:0;
	font-weight:bold;
	}
#business_card h2 {
	color:#FFFFFF;
	margin:0;
	padding-bottom:3px;
	font-size:12px;
	width:215px;
	border-bottom:1px dashed white;
	}
#business_card p.quals {
	margin:3px 0 30px 0;
	font-size:11px;
	}
#business_card_image {
	margin-top:20px;
/* IE hack *sigh* */
	margin-left:-3px;
	}
h2.people {
	color:#56B145;
	width:100%;
	border-bottom:1px dashed #56B145;
	margin-bottom:10px;
	}


/*********************** Clients Page *************************/

/* not sure if this is used anymore...*/
ul.clients {
	margin:0 0 10px 0;
	list-style:none;
	}
#pdf {
	background-color:#E6F3E3;
	padding:10px;
	margin-top:15px;
	width:185px
	}
#pdf p {
	margin:0;
	padding:10px 0 0px 60px;
	color:#56B145;
	font-size:11px;
	font-weight:bold;
	}


/************************* News Page ***************************/

/* Same as content jsut ened to refer to elements within it */

.news_list {
	float:left;
	width:130px;
	height:250px;
	margin:10px 5px 20px 5px;	}
.news_list img {
	background-color:#828EB0;
	display:block;
	width:130px;
	height:75px;
	margin:5px 0 5px 0;
	}
.news_list p.news_list {
	width:120px;
	height:159px;
	background:url(/images/news_bg.gif);
	clear:left;
	margin:0;
	padding:5px;
	}
.news_list em {
	font-style:normal;
	font-weight:bold;
	}
.news_list h2 {
	border-top:1px dotted #004270;
	border-bottom:1px dotted #004270;
	font-size:10px;
	margin:0;
	}
.fixed_height{
	overflow:hidden;
	display:block;
	width:120px;
	height:120px;
	margin-bottom:15px;
	}
/* article pages */
#article_caption {
	float:left;
	background-color:#004270;
	height:142px;
	width:90px;
	padding:10px
	}
#article_caption p {
	color:#FFFFFF;
	margin:0;
	height:130px;
	overflow:hidden;
	font-size:12px
	}
#article_image {
/* IE hack *sigh* */
	margin-left:-3px;
	}