/**
  * Website design by Craig McNicholas @ designdotworks.co.uk
  * Copyright: elf Software 2008
  * Author: Craig McNicholas
  * Date: 24/04/2008
  *
  */
  
  
/**
  * General styles 
  *
  **/

body, div, table, tr, td, th, ul, li, span, 
font, h1, h2, h3, p, img, strong, a, form,
select, textarea
{
	color:#595d67;
	font-size:1em;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:0 none;
	list-style-type:none;
	list-style-position:outside;
}

body
{
	font-size:0.8em;
	background-color:#d9d9d9;
}

h1
{
	font-size:1.2em;
	color:#3f4d7b;
	font-weight:700;
}

h2, .listhead
{
	color:#58648c;
	font-size:1em;
	font-style:italic;
}

p
{
	color:#595d67;
	font-size:0.9em;
}

h1 img, h2 img, p img
{
	vertical-align:middle;
}

a
{
	color:#3f4249;
	text-decoration:none;
}

a:hover
{
	color:#4d515a;
	text-decoration:underline;
}


/**
  * Header styles
  *
  **/

#holder_header
{
	display:block;
	background-color:transparent;
}


/**
  * Control Panel styles
  *
  **/

#holder_controlpanel
{
	display:block;
	width:924px;
	height:36px;
	margin:0 auto 0 auto;
	padding:0 0 4px 0;
	background-image:url("Images/controlpanel_bg.png");
	background-repeat:repeat-x;
	background-position:0 0;
}

#holder_controlpanel .left, #holder_controlpanel .right /* Curved edges on control panel */
{
	display:block;
	float:left;
	width:10px;
	height:36px;
	background-image:url("Images/controlpanel_bg_curve.png");
	background-repeat:no-repeat;
	background-position:0 0;
}

#holder_controlpanel .right
{
	float:right;
	background-position:100% 0;
}

#controlpanel
{
	width:auto;
	display:block;
	height:36px;
	margin:0 10px 0 10px;
}

#controlpanel .left, #controlpanel .right
{
	background-image:none; /* Reset above .left and .right */
	float:none; /* Reset above .left and .right */
	display:block;
	height:24px;
	padding:6px 0 6px 0;
}

#controlpanel .left
{
	width:auto;
	margin:0 190px 0 0;
}

#controlpanel .right
{
	float:right;
	width:190px;
}

#controlpanel .seperator
{
	position:absolute;
	margin-left:-10px;
	height:24px;
	width:1px;
	border-left:2px solid #e3e3e3;
}

#controlpanel td
{
	vertical-align:middle;
}

#controlpanel input
{
	width:120px;
	border:2px solid #e3e3e3;
}

#controlpanel .button
{
	width:auto;
	line-height:0.7em;
	vertical-align:top;
	font-weight:700;
	height:20px;
}

#controlpanel .small
{
	font-size:0.8em;
}

#ControlPanelMessage
{
	color:#eb2835;
}


/**
  * Tab styles
  *
  **/
  
#holder_tabs
{
	display:block;
	width:924px;
	height:54px;
	margin:0 auto 0 auto;
}

#holder_tabs ul li
{
	float:left;
	margin:0 2px 0 2px;
}

#holder_tabs ul li.first /* Set the first tab flush on the left */
{
	margin:0 3px 0 0;
}

#holder_tabs ul li.last /* Set the last tab flush on the right */
{
	margin:0 0 0 4px;
}

#holder_tabs ul a
{
	display:block;
	width:128px;
	height:54px;
	background-image:url("Images/tabs_bg.png");
	text-align:center;
}

#holder_tabs ul a:hover, /* Hover effect on mouse over */
#tab1 #holder_tabs .tab1 a, #tab2 #holder_tabs .tab2 a, /* Page selected tab style */
#tab3 #holder_tabs .tab3 a, #tab4 #holder_tabs .tab4 a,
#tab5 #holder_tabs .tab5 a, #tab6 #holder_tabs .tab6 a,
#tab7 #holder_tabs .tab7 a
{
	text-decoration:none;
	background-image:url("Images/tabs_bg_hit.png");
}

#holder_tabs a span.left, #holder_tabs a span.right
{
	float:left;
	width:10px;
	height:54px;
	background-color:transparent;
	background-image:url("Images/tabs_bg_curve.png");
	background-repeat:no-repeat;
	background-position:0 0;
} 

#holder_tabs a span.right
{
	float:right;
	background-position:100% 0;
}

#holder_tabs a:hover span.left, #holder_tabs a:hover span.right, /* Hover effect on mouse over */
#tab1 #holder_tabs .tab1 span.left, #tab1 #holder_tabs .tab1 span.right, /* Page selected tab style */
#tab2 #holder_tabs .tab2 span.left, #tab2 #holder_tabs .tab2 span.right, 
#tab3 #holder_tabs .tab3 span.left, #tab3 #holder_tabs .tab3 span.right, 
#tab4 #holder_tabs .tab4 span.left, #tab4 #holder_tabs .tab4 span.right, 
#tab5 #holder_tabs .tab5 span.left, #tab5 #holder_tabs .tab5 span.right, 
#tab6 #holder_tabs .tab6 span.left, #tab6 #holder_tabs .tab6 span.right, 
#tab7 #holder_tabs .tab7 span.left, #tab7 #holder_tabs .tab7 span.right
{
	background-image:url("Images/tabs_bg_curve_hit.png");
}

#holder_tabs a span.tab
{
	width:auto;
	margin:0 10px 0 10px;
	position:relative;
	top:33%;
} 


/**
  * Banner styles
  *
  **/

#holder_banner
{
	display:block;
	height:222px;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	background-color:#e8ebf6;
	background-image:url("Images/banner_bg.jpg");
	background-position:0 0;
	background-repeat:repeat-x;
}

#holder_logo
{
	display:block;
	width:924px;
	height:100%;
	margin:0 auto 0 auto;
}

#logo
{
	float:left;
	width:600px; /* 680 */
	height:100%;
	margin-left:-8px;
	border-right:2px solid #ffffff;
	background-image:url("Images/banner_logo.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
}

#banner
{
	margin:0 0 0 592px; /* 672 */
	height:100%;
	border-right:2px solid #ffffff;
	background-position:center center;
	background-repeat:no-repeat;
}

#tab1 #banner
{
	background-image:url("Images/banner_bg_tab1.jpg");
}

.tab1_news #banner /* Overide Home/News */
{
	background-image:url("Images/banner_bg_tab1_news.jpg") !important;
}

#tab2 #banner
{
	background-image:url("Images/banner_bg_tab2.jpg");
}

.tab2_vision #banner
{
	background-image:url("Images/banner_bg_tab2_vision.jpg") !important;
	background-position:70% 50%;
}

.tab2_introduction #banner
{
	background-image:url("Images/banner_bg_tab2_introduction.jpg") !important;
}

.tab2_history #banner
{
	background-image:url("Images/banner_bg_tab2_history.jpg") !important;
}

#tab3 #banner
{
	background-image:url("Images/banner_bg_tab3.jpg");
	background-position:0 0;
}

.tab3_bam #banner
{
	background-image:url("Images/banner_bg_tab3_bam.jpg") !important;
}

.tab3_cid #banner
{
	background-image:url("Images/banner_bg_tab3_cid.jpg") !important;
}

.tab3_samweb #banner
{
	background-image:url("Images/banner_bg_tab3_samweb.jpg") !important;
	background-position:50% 30% !important;
}

#tab4 #banner
{
	background-image:url("Images/banner_bg_tab4.jpg");
}

#tab5 #banner
{
	background-image:url("Images/banner_bg_tab5.jpg");
}

.tab5_testimonials #banner
{
	background-image:url("Images/banner_bg_tab5_testimonials.jpg") !important;
	background-position:0 0;
}

#tab6 #banner
{
	background-image:url("Images/banner_bg_tab6.jpg");
	background-position:50% 0;
}

#tab7 #banner
{
	background-image:url("Images/banner_bg_tab7.jpg");
}


/**
  * Content styles
  *
  **/

#holder_content
{
	display:block;
	background-color:#f5f6f6;
}

#holder_columns
{
	display:block;
	width:924px;
	margin:0 auto 0 auto;
}

#holder_columns h1, h2, p
{
	margin:0 10px 0 10px;
}

#holder_columns h1
{
	padding:5px 0 10px 0;
}

#holder_columns h2
{
	padding:0 0 10px 0;
}


#holder_columns ul
{
	padding:10px 0 10px 0;
	margin:0 10px 0 10px;
}

#holder_columns ul li
{
	margin:0 0 0 20px;
}

.listhead
{
	font-size:1.2em;
}

.pageForm
{
	border-collapse:collapse;
}

.pageForm .footer
{
	text-align:right;
	border-top:1px solid #aaaaaa;
	padding-top:10px;
}

.pageForm .header
{
	border-bottom:1px solid #aaaaaa;
}

.pageForm td
{
	padding:4px 0 4px 0;
}

.pageForm .iframeHolder
{
	background-color:#ffffff;
	border:2px solid #e3e3e3;
	padding:2px 2px 2px 2px;
}

.pageForm input, .pageForm select, .pageForm textarea /* All form field styles */
{
	width:200px;
	border:2px solid #e3e3e3;
}

.pageForm textarea
{
	width:300px;
}

.pageForm .button
{
	width:auto;
	line-height:0.7em;
	vertical-align:top;
	font-weight:700;
	height:24px;
}

.listitem
{
	white-space:nowrap;
	overflow:hidden;
}

.message
{
	color:#eb2835;
}

.dropdown /* Drop down tab style */
{
	margin:0 20px 0 20px;
	padding:0 0 10px 0;
}

.dropdown .content
{
	display:block;
	padding:20px 0 10px 0;
	background-color:#fafbfb;
}

.content .options
{
	padding-top:10px;
	text-align:right;
}

.dropdown .ender
{
	display:block;
	height:20px;
	background-position:center center;
	background-repeat:no-repeat;
}

/**
  * Left Hand content styles
  *
  **/

#col_left
{
	float:left;
	width:225px;
}

#col_left .dropdown
{
	width:185px;
}

#col_left .dropdown .ender
{
	background-image:url("Images/dropdown_small.png");
}


/**
  * Right Hand content styles
  *
  **/

#col_right
{
	float:right;
	width:244px; /* Match the banner image size */
	
}

#col_right .dropdown
{
	width:204px;
}

#col_right .dropdown .ender
{
	background-image:url("Images/dropdown_large.png");
}

.box_container {  }
.box
{
	width:204px;
	height:100px;
	margin:0 20px 0 20px;
	padding:0 0 10px 0;
	float:left;
}

.box .left
{
	float:left;
	display:block;
	width:100px;
	height:100px;
	background-color:#ffffff;
}

.box .right
{
	display:table;
	width:auto;
	height:100px;
	#margin:0 0 0 100px;
	background-color:#ffffff;
	#position:relative;
}

.box .right div
{
	display:table-cell;
	vertical-align:middle;
	#position:absolute;
	#top:50%;
}

.box .right h2
{
	#position: relative;
	#top:-50%;
	margin-right:0px;
}


/**
  * Central content styles
  *
  **/

#col_middle
{
	width:auto;
	display:block;
	min-height:560px; /* Firefox background spanning vertical problem */
	margin:0 244px 0 225px;
	border-left:2px solid #c1c2c2;
	border-right:2px solid #c1c2c2;
}

#col_middle .content
{
	display:block;
	padding:20px 0 10px 0;
	margin:0 10px 0 10px;
	text-align:justify;
}

#col_middle .content p
{
	padding-bottom:5px;
}

#col_middle .content ul
{
	display:block;
	width:400px;
	margin:0 auto 0 auto;
}

.email_popup /* The emailk popup holder */
{
	width:450px;
	height:600px;
	position:absolute;
	display:none;
}

/**
  * Content Footer styles
  *
  **/

#row_footer
{
	display:block;
	width:100%;
	text-align:center;
}


/**
  * Footer styles
  *
  **/
#holder_footer
{
	display:block;
	width:924px;
	margin:0 auto 0 auto;
	background-color:transparent;
	font-size:0.9em;
}

#holder_footer .left
{
	float:left;
	display:block;
	width:550px;
	padding:10px 0 10px 0;
}

#holder_footer .right
{
	float:right;
	display:block;
	width:244px;
	text-align:right;
	font-size:0.9em;
	padding:10px 0 10px 0;
}

#holder_footer .right ul li
{
	display:inline;
}

#holder_footer .middle
{
	display:block;
	width:auto;
	height:40px;
	margin:0 244px 0 550px;
	padding:10px 0 10px 0;
	background-image:url("Images/icon_cqs.png");
	background-position:0 50%;
	background-repeat:no-repeat;
}