/* 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;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:small;
	line-height:1.4em;
	color:#000000;
	}


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both}

/* Styling */
p {
	margin-bottom:15px;
	font-size:small;
	}
p.short{
	margin-bottom:0;
	}
h1 {
	font-size:x-large;
	margin-bottom:20px;
	}
h2	{
	font-size:large;
	margin-bottom:15px;
	}
h3	{
	font-size:medium;
}
blockquote {
	margin:0 20px 15px 20px;
	text-align:center;
	font-style:italic;
	}
img	 	{ vertical-align:bottom } /* HTML 4 Strict bug fix */
ul, ol {
	list-style-position:outside;
	margin:0 0 15px 35px;
	}

/* forms */
form {
	padding:15px 0 15px 50px;
	}
input, textarea, select {
	border:1px solid #447C4C;
	border-style:inset;
	float:left;
	margin:0px 0 10px 0;
	padding-left:5px;
	width:250px;
	}
label {
	margin:0px 5px 5px 0;
	clear:left;
	float:left;
	text-align:right;
	width:70px;
	}
textarea {
	vertical-align:text-top;
	height:115px;
	}
input {
	height:18px;
	}
input.button {
	width:120px;
	margin-left:150px;
	color:#447C4C;
	font-weight:bold;
	}

/* links */
a 			{ }
a:link		{ }
a:active	{ }
a:visited	{ }
a:hover		{ text-decoration:none }


/************************* Common Divs *************************/
.container	{ margin: 0 auto; width: 776px; }
#content {
	float:left;
	width:488px;
	margin-right:17px;
	}
#content_thin {
	float:left; 
	width:427px;
	margin-right:17px;
	}
#content_full {
	padding-left:166px;
	}
#right {
	float:left;
	width:166px;
	}
.info_box {
	border:1px solid;
	}
.info_box h3 {
	padding-left:10px;
	padding-bottom:2px;
	margin-bottom:5px;
	color:#FFFFFF;
	}
.info_box p,
.info_box ul {
	margin-left:25px;
	}
.info_box li {
	font-size:92%;
	line-height:1.3em;
	}
.info_box p {
	margin:0 5px 0 5px;
	line-height:1.2em;
	}

/************************** Header ***************************/
#header {
	height:45px;
	background:#447C4C;
	padding:15px 0 10px 0;
	font-size:x-small;
	}
#header li {
	display:inline;
	color:#FFFFFF;
	}
#header li a {
	color:#FFFFFF;
	text-decoration:none;
	margin-right:3px;
	}
#header li a:hover {
	text-decoration:underline;
	}
#header em {
	text-decoration:underline;
	font-style:normal;
	}

/*************************** Menu ****************************/
#menu {
	clear:both;
	margin:0 auto;
	background-color:#999980;
	}
#menu em {
	text-decoration:underline;
	font-style:normal;
	}
#menu ul {
	list-style-type: none;
	border-top:1px solid #999980;
	margin:0px; /* to overide comon styling */
	}
#menu li {
	display:inline;
	float: left;
	font-size:x-small;
	font-weight:bold;
	height:27px;
	width:110px
	}
#menu li a {
	display:block;
	height:22px;
	padding:5px 0 0 5px;
	color:#FFFFFF;
	text-decoration:none;
	background:#303035;
	}
#menu_border {
	border-bottom:3px solid #447C4C;
	margin-bottom:30px;
	}
#menu li#menubar1,
#menu li#menubar2,
#menu li#menubar3,
#menu li#menubar4,
#menu li#menubar5,
#menu li#menubar6 {
	width:1px;
	height:27px;
	display:inline;
	background-color:#999980;
	}


/************************** Footer ***************************/
#footer {
	text-align:center;
	color:#666666;
	font-size:x-small;
	margin-top:30px;
	}
#footer_border {
	border-top:3px solid #447C4C;
	margin-bottom:10px;
	}
#footer ul {
	margin-top:10px;
	margin-left:0;
	}
#footer li {
	display:inline;
	}
#footer li a {
	color:#666666;
	text-decoration:none;
	margin-right:3px;
	}
#footer li a:hover {
	text-decoration:underline;
	}
#footer em {
	text-decoration:underline;
	font-style:normal;
	}

/************************** Submenu ***************************/
#submenu {
	float:left;
	width:146px;
	margin-right:10px;
	padding-right:10px;
	text-align:right;
	}
#submenu h1 {
	font-size:large;
	color:#447C4C;
	margin-top:3px;
	width:100%;
	border-bottom:3px solid;
	}
#submenu ul {
	margin:10px 0 20px 0;
	padding-bottom:10px;
	}
#submenu li {
	margin-top:10px;
	line-height:1.2em;
	list-style-type:none;
	}
#submenu a {
	text-decoration:none;
	}
#submenu a:hover {
	text-decoration:underline;
	}


/******************* Page Configurations ********************/
/* Individual setup for each page to set the colour schemes for:
	* header background
	* the menu button when on it's page
	* menu button hover for all other pages
	* menu spacers (bars) when on it's page
	* bottom border of the menu
	* top border of the footer
	- all except homepage
	* submenu links
	* content headings
	* Heading border color
	
/* Home Page */
body#home #header,
body#home a#homenav,
#menu li a#homenav:hover,
body#home #menubar1,
body#home .info_box h3
	{ background-color:#447C4C }
body#home h2
	{ color:#447C4C }
body#home #footer_border,
body#home #menu_border,
#home .info_box
	{ border-color:#447C4C }

/* About Page */
body#about #header,
body#about a#aboutnav,
#menu li a#aboutnav:hover,
body#about #menubar5,
body#about #menubar6
	{ background-color:#446D7C }
body#about #submenu a,
body#about #content_full a,
body#about #content_full h1,
body#about #content_full h2
	{ color:#446D7C; }
body#about #footer_border,
body#about #menu_border,
body#about #submenu h1
	{ border-color:#446D7C; }
	
/* Approach Page */
body#approach #header,
body#approach a#approachnav,
#menu li a#approachnav:hover,
body#approach #menubar1,
body#approach #menubar2
	{ background-color:#446D7C }
body#approach #content a,
body#approach #submenu a,
body#approach #content h1,
body#approach #content h2
	{ color:#446D7C; }
body#approach #menu_border,
body#approach #footer_border,
body#approach #submenu h1
	{ border-color:#446D7C; }
	
/* Contact Page */
body#contact #header,
body#contact a#contactnav,
#menu li a#contactnav:hover,
body#contact #menubar6
	{ background-color:#447C4C }
body#contact #submenu a,
body#contact #content h1,
body#contact #content h2
	{ color:#447C4C; }
body#contact #menu_border,
body#contact #footer_border,
body#contact #submenu h1
	{ border-color:#447C4C; }

/* Customers Page */
body#customers #header,
body#customers a#custnav,
#menu li a#custnav:hover,
body#customers #menubar4,
body#customers #menubar5
	{ background-color:#797C44 }
body#customers #submenu a,
body#customers #content_full a,
body#customers #content_full h1,
body#customers #content_full h2
	{ color:#797C44; }
body#customers #menu_border,
body#customers #footer_border,
body#customers #submenu h1
	{ border-color:#797C44; }

/* Tools Page */
body#tools #header,
body#tools a#toolsnav,
#menu li a#toolsnav:hover,
body#tools #menubar3,
body#tools #menubar4
	{ background-color:#7C4444 }
body#tools #submenu a,
body#tools #content a,
body#tools #content h1,
body#tools #content h2
	{ color:#7C4444; }
body#tools #menu_border,
body#tools #footer_border,
body#tools #submenu h1
	{ border-color:#7C4444; }

/* Services Page */
body#services #header,
body#services a#servnav,
#menu li a#servnav:hover,
body#services #menubar2,
body#services #menubar3,
body#services .info_box h3
	{ background-color:#797C44 }
body#services #content a,
body#services #content h1,
body#services #content h2,
body#services #content_thin a,
body#services #content_thin h1,
body#services #content_thin h2,
body#services #submenu a,
body#services #right a
	{ color:#797C44; }
body#services #submenu h1,
body#services #menu_border,
body#services #footer_border,
body#services .info_box
	{ border-color:#797C44; }
	
body#info h1,
body#info h2,
body#info #content_full a
	{ color:#447C4C }


/************************** Home ***************************/
body#home h1.intro {
	float:left;
	width:100px;
	padding:10px 10px 15px 0;
	margin-right:1px;
	text-align:right;
	line-height:1.3em;
	color:#FFFFFF;
	background:#447C4C /*url(/images/common/corner.gif) bottom left no-repeat;*/
	}
#home #right {
	width:222px;
	}
#intro {
	float:left;
	border:10px solid #447C4C;
	padding:30px 30px 15px 30px;
	width:323px;
	margin:0 40px 30px 0;
	}
#intro .hidden {
	color:#FFFFFF;
	border-bottom:1px solid #000000;
	}
#intro a,
#right a
	{
	color:#447C4C;
	}
#hint {
	font-size:x-small;
	margin-top:15px;
	}
h2#latest_work {
	margin:0;
	}
/* Start of Examples */
#home .info_box {
	float:left;
	width:253px;
	height:200px;
	}
#home .info_box a {
	color:#447C4C;
}
#home .info_box h3 {
	width:243px;
	}
#home .info_box blockquote {
	font-size:92%;
	margin:5px 10px 0 10px;
	}
#home .info_box .referee {
	text-align:right;
	margin-right:10px;
	}
#home .info_box img {
	margin:0 10px 0px 5px;
	float:right;
	width:100px;
	border:1px solid #447C4C;
	}
#home .info_box_spacer {
	width:5px;
	float:left;
	height:1px;
	}
/* End of Examples */


/************************* Approach **************************/
/*#approach #submenu li {
	background:url(/images/bullets/approach.gif) right 3px no-repeat;
	padding-right:27px;
	}*/


/************************* Services **************************/
#services #content_thin .info_box {
	float:left;
	width:200px;
	margin-right:5px;
	}
#services #right .info_box {
	width:164px; /* IE cludge */
	}

/************************* Info Pages **************************/
ul#anchor_list {
	list-style:none;
	}
ul#anchor_list li {
	float:left;
	margin:6px;
	}
ul li.no_bullet {
	list-style-type:none;
	margin-top:5px;
	}
#info ul em {
	font-style:normal;
	}
#header.display_options {
	height:76px;
	margin-bottom:30px;
	}


/*********************** Popular Tools ************************/
body#tools form input.button {
	color:#7C4444;
}


/************************* Customers **************************/
p.referee {
	float:right;
	color:#797C44;
	font-weight:bold;
	margin-bottom:30px;
}
hr {
	color:#797C44;
	height:1px;
	border:1px dotted #797C44;
	margin:10px 0 20px 0;
}