/* ----------------------------------------
   Jarvis Solutions CSS Stylesheet
   © Evolving Media Limited 2005
   www.evolvingmedia.co.uk
   ----------------------------------------
   Created by Paul Edmonds
   on 27-Sep-05 at 2:35 pm
   ---------------------------------------- */


/* ---------------------------------------- */
/* HTML Prep                                */
/* ---------------------------------------- */

div
{
	border: red;
	border-width: 0px;
	border-style: solid;
}

h1, h2, h3, h4, h5, h6, p
{
	margin: 0px;
	padding: 0px;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, hr, #validation
{
	display: none;
}

a
{
	text-decoration: none;
	color: #054D8A;
}

a:hover
{
	text-decoration: underline;
	color: maroon;
}

body
{
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(/static/images/jarvis-back.gif);
	background-color: #2C2C2C;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* containers                       */
/* ---------------------------------------- */

#signoff p.hidden, #sitenav p, #sectionnav p, #breadcrumbs p
{
	display: none;
}

#container
{
	position: absolute;
	width: 750px;
	margin-top: 0px;
	margin-left: -375px;
	left: 50%;
	text-align: left;
	padding: 0px;
	background-image: url(/static/images/container-back.gif);
	background-repeat: no-repeat;
	background-position: 26px 0px;
}

#containerinner
{
	margin: 0px 0px 0px 25px;
}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* topbar                       */
/* ---------------------------------------- */

#access
{
	float: right;
	font-size: 80%;
	margin: 5px 5px 0px 0px;
}

#corporateLogo
{
	width: 139px;
	height: 103px;
	background-image: url(/static/images/jarvis-logo.gif);
}

#sitenav
{
	position: absolute;
	top: 45px;	
	left: 167px;
}

html>body #sitenav
{
	left: 165px;
}

#sitenav ul
{
	line-height: 100%;
	font-weight: normal;
	color: #666;
	list-style-type: none;
	text-transform: lowercase;
}

#sitenav ul li
{
	display: inline;
	padding: 0px 3px 0px 6px;
	margin: 0px;
	border-left: #ccc 1px solid;
}

#sitenav ul li.first
{
	padding: 0px 3px 0px 0px;
	border-left: 0px none;
}

#sitenav ul li a
{
	color: #A7001C;
	text-decoration: none;
	border-bottom: #A7001C;
}

#sitenav ul li.selected a
{
	color: #EB7B3C;
	text-decoration: none;
	border-bottom: #EB7B3C 2px solid;
}

#sitenav ul li a:hover
{
	color: #900;
	text-decoration: none;
	border-bottom: #900 2px solid;
}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* left column                       */
/* ---------------------------------------- */

#columnfloat
{
	position: absolute;
	left: 25px;
	width: 140px;	
}

#column1
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 140px;
	text-align: right;
}

#column1 h3
{
	margin: 54px 0px 0px 0px;
	color: #EB7B3C;
	text-transform: lowercase;
	letter-spacing: 0.05em;
	font-size: 150%;
	font-weight: normal;
}

#column1 ul
{
	padding: 0px;
	margin: 15px 0px 0px 0px;
	color: #363636;
	font-size: 110%;
	font-style: italic;
	font-family: georgia, times, "times new roman", serif;
	list-style-type: none;
}

#column1 li
{
	margin: 0px 0px 0px 10px;
	line-height: 1.1em;
	padding: 0px 0px 10px 0px;
}

#column1 ul a
{
	color: #323232;
}

#column1 li.selected a
{
	color: #A7001C;
}

#column1 li a:hover
{
	color: #EB7B3C;
}

#sectionnav
{
	margin: 0px;
	padding: 0px;
}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* main column                       */
/* ---------------------------------------- */

#column2
{
	margin: 20px 30px 0px 180px;
}

#column2 h2
{
	margin: 15px 0px 15px 0px;
	font-size: 1.7em;
	line-height: 100%;
	font-family: georgia, times, "times new roman", serif;
	font-weight: normal;
	font-variant: small-caps
}

#column2 h3
{
	font-size: 1.2em;
	line-height: 100%;
	text-transform: capitalize;
	font-weight: normal;
}

#column2 p
{
	line-height: 1.5em;
	color: #666;
	padding-bottom: 1.5em;
	margin-right:80px;
}

#column2 td
{
	line-height: 1.5em;
	color: #666;
}

#column2 th
{
	line-height: 1.5em;
	color: #666;
	width: 150px;
}

#column2 table
{
	padding-bottom: 1.5em;
}


#content img
{
	float: right;
	padding: 0px 0px 5px 0px;
	border-bottom: #EB7B3C;
	border-width: 0px 0px 10px 0px;
	border-style: none none solid none;
	margin-top: -5px;
	margin-left: 15px;
	margin-right: -80px;
}

#content .lead-para img
{
	border-bottom: #fff;
	border-width: 0px;
	border-style: none;
	margin-top: -5px;
	text-align: right;
	padding: 0px 0px 20px 0px;
	margin-top: -5px;
	margin-left: 15px;
	margin-right: -80px;
}


#content .lead-para img.cms_img-l
{
	border-bottom: #fff;
	border-width: 0px;
	border-style: none;
	margin-top: -5px;
	text-align: right;
	padding: 0px 0px 20px 0px;
	margin-top: -5px;
	margin-left: 15px;
	margin-right: 70px;
}


#emailafriend a
{
	font-weight: bold;
	background-image: url(/static/images/send-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 3px 20px;
	border-color: #CCC;
	border-width: 0px 0px 4px 0px;
	border-style: solid;
	color: #666;
}

#emailafriend a:hover
{
	background-image: url(/static/images/send-off.gif);
}

.fieldwidth
{
	width: 200px;
}

#breadcrumbs ol
{
	line-height: 100%;
	color: #666;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: lowercase;
}

#breadcrumbs ol li
{
	display: inline;
}

#breadcrumbs ol li a
{
	color: #009;
	text-decoration: none;
	border-bottom: #009;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}

#breadcrumbs ol li a:hover
{
	color: #900;
	text-decoration: none;
	border-bottom: #900;
	border-width: 0px 0px 2px 0px;
	border-style: none none solid none;
}


/* ---------------------------------------- */


/* ---------------------------------------- */
/* home only                       */
/* ---------------------------------------- */

#flashwidget
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#homecontent h2
{
	margin: 0px;
	height: 50px;
	font-size: 1.5em;
	line-height: 100%;
	font-family: georgia, times, "times new roman", serif;
	font-weight: normal;
	font-variant: small-caps;
	background-image: url(/static/images/home-rules.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
}

#homequote
{
	font-size: 0.9em;
	line-height: 150%;
	padding-top: 170px;
	margin-left: 10px;
	font-family: georgia, times, "times new roman", sans-serif;
	font-weight: normal;
	color: #666;
	font-style: italic;
}

.quote-author
{
	line-height: 120%;
	color: #555;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#services h2, #casestudy h2
{
	width: 210px;
}

#services
{
	width: 230px;
	float: left;
}

#services img
{
	float: left;
	padding: 0 5px 0 0px;
}

#casestudy
{
	width: 285px;
	float: left;
}

#casestudy img
{
	float: right;
	margin-top: -40px;
}

#homecontent p
{
	margin: 0px;
}

#services p b, #casestudy p a
{
	color: #000;
}

#casestudy p a:hover
{
	text-decoration: none;
	border-color: #fff #fff #600 #fff;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#services p
{
	line-height: 95%;
	margin: 0px 0px 8px 0px;
	width: 170px;
}

#services img
{
	margin: 0px 0px 0px 0px;
}

#services span.cmshighlight
{
	font-size: 80%;
}

#overview p
{
	width: 410px;
}

#clearboth
{
	clear: both;
}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* signoff                       */
/* ---------------------------------------- */

#signoff
{
	line-height: 100%;
	color: #888;
	border-color: #CCC;
	border-width: 4px 0px 0px 0px;
	border-style: solid;
	margin-top: 50px;
	padding: 20px 0px 30px 0px;
	background-image: url(/static/images/jarvis-minilogo.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#signoff ul
{
	line-height: 100%;
	color: #888;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: lowercase;
}

#signoff ul li
{
	display: inline;
	padding: 0px 5px 0px 5px;
	border-left: #A7001C 1px solid;
}

#signoff ul li.first
{
	padding: 0px 5px 0px 0px;
	border-left: 0px none;
}

#signoff ul li a
{
	color: #888;
	text-decoration: none;
	border-bottom: #888;
}

#signoff ul li a:hover
{
	color: #900;
	text-decoration: none;
	border-bottom: #900 1px solid;
}

#signoff p
{
	padding-top: 5px;
	font-size: 80%;
}



/* ---------------------------------------- */


/* ---------------------------------------- */
/* tables                       */
/* ---------------------------------------- */

tr { vertical-align: top; }

tr.table-middle td
{
	border-color: silver;
	border-width: 0 0 1px 0;
	border-style: solid;
}

tr.table-top td
{
	border-color: #900 #900 silver #900;
	border-width: 2px 0 1px 0;
	border-style: solid;
}

table
{
	width: 400px;
}

td.table-headcol
{
	width: 120px;
	font-weight: bold;
	padding: 0 20px 0 0;
}

/* ---------------------------------------- */



/* ---------------------------------------- */
/* news                       */
/* ---------------------------------------- */

.newslistitem
{
	width: 400px;
	color: black;
	font-weight: bold;
	border-color: #900;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 5px 0 10px 0;
}

.newslistdate
{
	font-weight: normal;
	color: black;
	padding: 5px 0 5px 0;
}

.newslistlead
{
	font-weight: normal;
	color: #666;
	line-height: 120%;
	padding: 5px 0 5px 0;
}

.displaying, #gobacklink
{
	color: black;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.readmore
{
	text-align: left;
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: 1px;
}

.readmore a { color: gray; }

/* ---------------------------------------- */

/* ---------------------------------------- */
/* popup                       */
/* ---------------------------------------- */

#popup td
{
	color: #555; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica
}

#popuplink
{
	padding-bottom: 20px;
}

#popuplink a
{
	font-weight: bold;
	background-image: url(/static/images/button-pop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	color: #666;
	text-align: right;
}

/* ---------------------------------------- */

/* ---------------------------------------- */
/* people table                       */
/* ---------------------------------------- */

#peopletable
{
	margin-top: 10px;
}

#peopletable td, #peopletable th
{
	padding: 0px;
	margin: 0px;
}

/* ---------------------------------------- */


/* ---------------------------------------- */
/* next set of styles                       */
/* ---------------------------------------- */

/* ---------------------------------------- */


/* ---------------------------------------- */
/* © Evolving Media Limited 2005            */
/* ---------------------------------------- */