* {
	margin:				0px;
	padding:			0px;
}

html, body {
	width:				100%;
	height:				100%;
}

body,td,th, input, textarea {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		normal;
}

body {
	background-color: 	#2c5186;
	background-image: 	url(../img/body_bg.gif);
	background-repeat: 	repeat-x;
	color:				#333;
	margin: 			0px;
	padding:			0px;
	text-align:			center;
}

#x2container {
	background-color:	transparent;
	background-image:	url(../img/x2container_bg.gif);
	background-repeat:	repeat-y;
	position:			relative; 
	right:				auto;
	left:				auto;
	top:				0px;
	text-align:			left;
	width:				955px;
	clear:				left;
	margin:				0px auto;
	padding:			0px;
}

#x3container {
	background-color:	transparent;
	background-image:	url(../img/x3container_bg.gif);
	background-repeat:	repeat-y;
	position:			relative; 
	right:				auto;
	left:				auto;
	top:				0px;
	text-align:			left;
	width:				955px;
	clear:				left;
	margin:				0px auto;
	padding:			0px;
}


/*
TEMPLATE POSITION LAYERS
*/
#col1 {
	/*
	background-color: 	#1b1e24;
	*/
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				200px;
	height:				100%;
	z-index:			99;
}

#col2 {
	/*
	background-color:	#fff;
	*/
	padding-top:		118px;
	position:			relative;
	left:				200px;
	top:				0px;
	width:				480px;
	height:				100%;
	z-index:			2;

}

#col2.alt {
	background-color:	#fff;
	width:				755px;
}

#col2.home {
	padding-top:		73px;
	background-color:	#fff;
	width:				755px;
	height:				745px;
}

#col2inner {
	margin:				0px 16px 40px 16px;
	padding-top:	 	16px;
	height:				590px;
}

#col3 {
	position:			absolute;
	left:				681px;
	top:				0px;
	width:				275px;
	height:				100%;	
	z-index:			10;
}

#col3inner {
	/*
	background-color:	#272d34;
	*/
	margin:				118px 0px 40px 0px;
	padding-top:	 	16px;
	width:				274px;
	height:				598px;
}

#top {
	background-color:	#272d34;
	background-image: 	url(../img/top_bg.gif);
	background-repeat:	repeat-x;
	position:			absolute;
	left:				200px;
	top:				0px;
	width:				755px;
	height:				73px;
	z-index:			120;
}

#topvert1 {
	background-color:	#000;
	position:			absolute;
	left:				575px;
	top:				0px;
	width:				1px;
	height:				73px;
	z-index:			121;
}

#topvert2 {
	background-color:	#000;
	position:			absolute;
	left:				730px;
	top:				0px;
	width:				1px;
	height:				73px;
	z-index:			121;
}

#footer {
	background-color: 	#272d34;
	background-image: 	url(../img/footer_bg.gif);
	background-repeat:	repeat-x;	
	border-top:			5px solid #1b1e24;
	text-align:			right;
	position:			relative;
	left:				0px;
	top:				0px;
	width:				955px;
	height:				40px;
	z-index:			150;
}

#copyright {
	color:				#748388;
	margin:				7px 12px 12px 0px;
}

#copyright a {
	color:				#748388;
	text-decoration:	none;
}

#copyright a:hover {
	color:				#748388;
	text-decoration:	underline;
}

#siteby {
	float:				left;
}


#logo {
	margin:				0px;
}

#strapline {
	color:				#748388;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			16px;
	font-weight:		normal;
	margin:				2px 0px 0px 29px;
}

#getintouch {
	color:				#748388;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	position:			absolute;
	left:				585px;
	top:				38px;
	width:				365px;
	height:				27px;
	z-index:			121;
}

#getintouch a {
	color:				#748388;
	text-decoration:	none;
}

#getintouch a:hover {
	color:				#748388;
	text-decoration:	underline;
}

#telno {
	color:				#748388;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	position:			absolute;
	left:				786px;
	top:				7px;
	width:				162px;
	height:				21px;
	z-index:			122;
}

#home {
	color:				#748388;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	position:			absolute;
	left:				211px;
	top:				7px;
	width:				41px;
	height:				14px;
	z-index:			122;
}

#new {
	color:				#748388;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	position:			absolute;
	left:				210px;
	top:				38px;
	width:				220px;
	height:				18px;
	z-index:			121;
}


/*
ELEMENTS AND GENERIC CLASS SELECTORS
*/

h1 {
	color:				#0d51ae;
	background-image: 	url(../img/h1_bg.gif);
	background-repeat:	repeat-x;
	font-family: 		Helvetica, Arial, sans-serif;
	font-size:			18px;
	vertical-align:		middle;
	line-height:		48px;
	padding-left:		16px;
	position:			absolute;
	left:				200px;
	top:				64px;
	width:				739px;
	height:				54px;
	z-index:			130;
}

h2 {
	color:				#0d51ae;
	font-size:			12px;
	font-weight:		bold;
	margin:				0px;
	padding: 	 		0px;	
}

h2.alt {
	color:				#333;
	font-weight:		bold;
	margin-top:			12px;
}

h2.alt a {
	color:				#333;
	font-weight:		bold;
}

h2.alt a:hover {
	color:				#333;
	font-weight:		bold;
}

ul {
	margin:				12px 0px 12px 16px;
}

ul li ul {
	margin:				0px 0px 0px 16px;
}

li {
	color:				#0d51ae;
	list-style-type:	disc;
	margin-top:			4px;
}

a {
	color:				#0d51ae;
	font-weight:		normal;
	text-decoration:	none;
}

a:hover {
	color:				#0d51ae;
	font-weight:		normal;
	text-decoration:	underline;
}

a.products {
	color:				#000;
	font-weight:		normal;
	text-decoration:	none;
}

a.products:hover {
	color:				#000;
	font-weight:		normal;
	text-decoration:	underline;
}

p {
	margin:				12px 0px;
}

p.legalinfo {
	margin:				70px 0px 0px 0px;
	font-size:			11px;
}

hr {
	display:			block;
	width:				100%;
}

hr.v1 {
	color:				#0d51ae;
}

hr.v2 {
	color:				#8d8d8d;
}

hr.v3 {
	color:				#1b1e24;
}

strong {
	color:				#333;
}

strong.alt {
	color:				#0d51ae;	
}

strong.eco {
	color:				#007a34;
}

.clear {
	position:			relative;
	clear:				both; 
	height:				0px;
	overflow:			hidden;
	border:				none; 
	line-height:		0;
}

/*
FORMS
*/

label {
	font-size:			12px;
	font-weight:		bold;
	width:				240px;
	display:			inline;
	float:				left;
	padding-top:		4px;
	margin-bottom:		8px;
}

input.text, select, textarea {
	border:				1px solid #ccc;
}

input.text, select {
	height:				20px;
}

select {
	width:				184px;
	font-size:			11px;
}

select.short {
	width:				54px;
}

input.text, textarea {
	width:				180px;
	margin:				1px 0px;
}

input.qty {
	width:				54px;
}

input.button {
	background-color: 	#2c5186;
	color:				#fff;
	font-family:		helvetica, arial, sans serif;
	font-size:			13px;
	font-weight:		bold;
	padding:			4px;
	border:				1px solid #fff;

	margin:				4px 52px 16px 0px;
}

fieldset {
	border:				none;
}


/*
NAVIGATION
*/
#m {
	margin:				12px 24px 12px 24px;
	padding:			0px;
	border-top:			1px solid #333;
	border-bottom:		1px solid #333;
}

ul.m {
	margin:				0px;
	padding:			0px;
}

ul.m li {
	margin:				8px 0px;
	display:			inline;
	float:				left;
}


ul.sm {
	margin:				0px 12px;
	padding:			0px;
	height:				60px;
}

ul.sm li {
	color:				#fff;
	font-size:			11px;
	display:			inline;
	float:				left;
	margin:				0px;
	padding:			0px;
	width:				100px;
}	

ul.sm li.first{
	margin-top:			2px;
}

ul.sm li a {
	color:				#fff;
	text-decoration:	none;
}

ul.sm li a:hover {
	color:				#fff;
	text-decoration:	underline;
}

#sm1, #sm5 {
	height:				30px;
}

#sm2, #sm6 {
	height:				60px;
}

#sm3, #sm4 {
	height:				15px;
}

/*
VIEW GALLERY
*/

#viewgallery {
	margin:				0px 3px 40px 3px;
}

#viewgalleryimg {
	margin:				6px 0px;
}

#viewgallerylink {
	color:				#fff;
	font-family: 		Helvetica, Arial, sans-serif;
	font-size:			13px;
	text-align:			right;
	text-transform:		uppercase;
	vertical-align:		middle;
	margin:				4px 4px 6px 4px;
	padding:			0px;
	display:			block;
	height:				22px;
	line-height:		22px;
}

#viewgallerylink a {
	color:				#fff;
	text-decoration:	none;
}

#viewgallerylink a:hover {
	color:				#fff;
	text-decoration:	underline;
}


#viewgallerylink img {
	float:				right;
}

#swfgallery {
	background-image: 	url(../img/trans.png);
	text-align:			center;
	position:			absolute;
	left:				200px;
	top:				0px;
	width:				755px;
	min-height:			618px;
	height:				100%;
	z-index:			100;

	
	visibility:			visible;
	display:			none;

}

.swfclose {
	position:			absolute;
	top:				118px;
	left:				340px;
}
/*
COLUMN 3 IMAGE
*/

#col3img {
	margin:				6px 3px 6px 3px;
}

/*
COLUMN 3 NAVIGATION
e.g.SCREENS AND SERVICES
*/
.col3nav {}

.col3nav h2 {
	font-size:			16px;
	padding-left:		17px;
	margin-top:			4px;
}

.col3nav ul {
	width:				100%;
	margin:				0px;
	padding:			0px;
}

.col3nav ul li {
	background-image:	url(../img/screens_bg.gif);
	background-repeat:	repeat-x;
	color:				#fff;
	font-family: 		Helvetica, Arial, sans-serif;
	font-size:			14px;
	vertical-align:		middle;
	height:				29px;
	width:				256px;
	line-height:		29px;
	display:			inline;
	float:				left;
	margin:				0px;
	padding:			0px 0px 0px 18px;
}

.col3nav  ul li a {
	color:				#fff;
	text-decoration:	none;
}

.col3nav ul li a:hover {
	color:				#fff;
	text-decoration:	none;
}

.col3nav ul li img {
	margin-top:			3px;
	float:				right;
	vertical-align:		bottom;
}

/*
TESTIMONIALS
*/

#testimonial {
	color:				#272d34;
	font-size:			13px;
	margin:				28px 20px;
}

#testimonial p.who {
	font-size:			11px;
	font-weight:		bold;
}

/*
BUTTONS
*/

#btnprevnext {
	margin:				12px 8px;
}

#btnnext {
	float:				right;
}

/*
HOME PAGE
*/

#flashcontent.main {
	width:				755px;
	height:				529px;
}

#flashcontent.main div.innermain {
	width:				755px;
	height:				475px;
	overflow:			auto; 
}

#flashcontent.main h1 {
	position:			relative;
	top:				0px;
	left:				0px;
}

#flashcontent.main p {
	width:				660px;
	margin:				8px 20px;
}

#hpcontainer {
	background-image:	url(../img/hp_bg.jpg);
	background-repeat:	repeat-x;
	font-size:			11px;
	position:			absolute;
	top:				602px;
	left:				0px;
	height:				267px;
	width:				955px;
	z-index:			100;
}

#hp1 {
	background-color:	#fff;
	position:			relative;
	top:				0px;
	left:				0px;
	width:				408px;
	height:				258px;
	z-index:			50;
}

#hp1 #flashcontent2 {
	width:				408px;
	height:				228px;
	overflow:			auto; 
}

#hp1 #flashcontent2 h2, #hp1 #flashcontent2 p {
	margin:				8px 20px;
}

#hp1 #flashcontent2 h2 {
	font-size:			13px;
	font-weight:		bold;
}



#hp2 {
	background-color:	#fff;
	position:			absolute;
	top:				0px;
	left:				410px;
	width:				227px;
	height:				258px;
	z-index:			50;
}

#hp3 {
	background-color:	#fff;
	position:			absolute;
	top:				0px;
	left:				639px;
	width:				316px;
	height:				258px;
	z-index:			50;
}

#hp1 h1, #hp2 h1, #hp3 h1  {
	background-color:	#1d2127;
	background-image:	url(../img/h1home_bg.jpg);
	background-repeat:	repeat-x;	
	color:				#fff;
	font-weight:		normal;
	font-size:			18px;
	position:			relative;
	left:				0px;
	top:				0px;
	width:				100%;
	height:				33px;
	line-height:		24px;
	padding:			0px 0px 0px 8px;
}

#hp1 h1 {
	width:				400px;
}

#hp2 h1 {
	width:				219px;
}

#hp3 h1 {
	width:				308px;
}

div.hpcase {
	display:			block;
	width:				308px;
}

div.hpcase h2 {
	margin:				4px 8px;
}

div.hpcase p {
	margin:				4px 8px;
}

img.hpcase {
	border:				1px solid #999;
	float:				left;
	margin:				2px 8px 2px 0px;
}

div.hpcase p.more {
	text-align:			right;
}

div.hpnews {
	margin:				6px 8px;
}

div.hpnews h2 {
	font-size:			13px;
	font-weight:		bold;
}

/*
SITE MAP
*/
#sitemapcol1 h2, #sitemapcol2 h2 {
	margin-bottom:		0px;
}

#sitemapcol1 ul, #sitemapcol2 ul {
	margin-top:			0px;
}

#sitemapcol1 {
	width:				45%;
	float:				left;
}

#sitemapcol2 {
	width:				45%;
	float:				right;
}