HTML
{
  background-color : #f3f3f3;
	text-align : center;
}

BODY
{
  /*
	background-color : transparent;
	*/
	margin : 0px auto;
	text-align: center;
	/*width : 975px;*/
	min-width: 985px;
	/*
	max-width: 975px;	*/
}

html, body, ul, li, div, p, img, h1, h2, h3, h4
{
	padding : 0px;
	border : 0px;
  margin : 0px auto;
  /*font : 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font : 1em Verdana, Arial, Helvetica, sans-serif;
}

.clear:after
{
	content : "";
	display : block;
	clear : both;
}

.clear
{
	zoom : 1;
}

#content
{
	background-color : #ffffff;
}

#header
{
	/*margin-left : -50%;*/
	width : 100%;
	height : 50px;
	background: transparent url(http://www.simutecsystems.com/images/title_background.png) repeat-x top left;
	/*z-index: -999;*/
}

#header #titlebar
{
	width : 975px;
	height : 50px;
}

#header #logo
{
	display : block;
	width : 310px;
	height : 50px;
	background: #fff url(http://www.simutecsystems.com/images/title_logo.png) no-repeat;
	float : left;
	text-indent: -9999px;		
}

.nav
{
	float : right;
	list-style : none;
}

.nav li
{
	float : left;
	padding: 0 5px 0 5px;
	/*margin: -3px 5px 0 5px;*/
	/*margin: -3px 0 0 0;*/
	border-left : #6d6d6d 2px solid;
	line-height :1em;
}

.nav li.first
{
	border-left : 0px;
}

.nav li a
{
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-size : 0.6em;
	color : #8c8c8c;
	text-decoration: none;
}

.nav li a:hover
{
	color : #3f3f3f;
	color : #800080;
	color : #7334cf;	
	color : #6130aa;
	
}

.nav li a:active
{
	color : #361661;
}

#titlenav  li
{
	width : auto;
	font-size : 1.2em;
	/*margin : 14px 0 0 0;*/
}

#footernav  li
{
	width : auto;
}

#banner
{
	/*margin-left : -50%;*/
	width : 100%;
	height : 225px;
	background: #fff url(http://www.simutecsystems.com/images/banner_background.png) repeat-x;
}

#banner_content
{
	width : 975px;
}

#banner div.banner_text
{
	width : 470px;
	float : left;
}

#banner div.banner_text h2
{
	float : left;
	width : 300px;
	height : 65px;
	margin : 19px 170px 17px 0px;
	background: #fff url(http://www.simutecsystems.com/images/banner_title.png);
	text-indent : -9999px;
}

#banner div.banner_text p
{
	color : #ffffff;
	font-size : 0.8em;
	margin : 0 0px 15px 5px;
	text-align : left;
}
#main, #contact, #company
{
	background-color : #ffffff;
	/*margin-left : -50%;*/
	width : 100%;
	/*height : 350px;*/
}

#main_content, #contact_content, #company_content
{
	width : 975px;
	height : 100%;
	height : 490px;
}

#contact_content, #company_content
{
	height : 100%;
}

#whatweoffer, #contactus, #companyinfo
{
	display : block;
}


#whoweare
{
}

#chooser, #workarea, #testcol5, #testcol4, #testcol3, #testcol2, #testcol1, #whoweare, #whatweoffer, #modellingservices, #testblankcol1
{
	float : left;
}

#workarea
{
	height : 250px;
}

#testcol5
{	
	height : 100px;
}

#testcol1, #testblankcol1
{
	height : 150px;
}

#testcol4
{
	height : 150px;
}

.col1bottom h2, .col2bottom h2, .col3bottom h2, .col4bottom h2, .col5bottom h2
{
	text-align : left;
	font-weight : bold;
	font-size : 16px;
	padding : 12px 0px 8px 15px;
}

.col1bottom p, .col2bottom p, .col3bottom p, .col4bottom p, .col5bottom p
{
	text-align : left;
/*
	font-weight : normal;
	font-size : 14px;
*/	
	padding : 5px 15px 16px 15px;
	
	margin : 0px;
	font-style : normal;
	line-height : 14px;
	display : block;
	font-size : 11px;
	font-weight : normal;	
	
}

.col1
{
	background: url(http://www.simutecsystems.com/images/column1_top.png) no-repeat;
	width : 195px;
}

.col1.blank
{
	background: url(http://www.simutecsystems.com/images/column1_top_blank.png) no-repeat;
}

.col1bottom
{
	background: url(http://www.simutecsystems.com/images/column1_bottom.png) bottom no-repeat;
	height : 100%;
}	

.col2
{
	background: url(http://www.simutecsystems.com/images/column2_top.png) no-repeat;
	width : 390px;
}

.col2.blank
{
	background: url(http://www.simutecsystems.com/images/column2_top_blank.png) no-repeat;
}

.col2bottom
{
	background: url(http://www.simutecsystems.com/images/column2_bottom.png) bottom no-repeat;
	height : 100%;
}	

.col3
{
	background: url(http://www.simutecsystems.com/images/column3_top.png) no-repeat;
	width : 585px;
}

.col3.blank
{
	background: url(http://www.simutecsystems.com/images/column3_top_blank.png) no-repeat;
}

.col3bottom
{
	background: url(http://www.simutecsystems.com/images/column3_bottom.png) bottom no-repeat;
	height : 100%;		
}

.col4
{
	background: url(http://www.simutecsystems.com/images/column4_top.png) no-repeat;
	width : 780px;
}

.col4.blank
{
	background: url(http://www.simutecsystems.com/images/column4_top_blank.png) no-repeat;
}

.col4bottom
{
	background: url(http://www.simutecsystems.com/images/column4_bottom.png) bottom no-repeat;
	height : 100%;		
}

.col5
{
	background: url(http://www.simutecsystems.com/images/column5_top.png) no-repeat;
	width : 975px;
}

.col5.blank
{
	background: url(http://www.simutecsystems.com/images/column5_top_blank.png) no-repeat;
}

.col5bottom
{
	background: url(http://www.simutecsystems.com/images/column5_bottom.png) bottom no-repeat;
	height : 100%;		
}

#a380comms, #discomms, #boreholes, #devkits, #models, #terrain, #sensor
{
	background: url(http://www.simutecsystems.com/images/box1_a380comms.png) no-repeat;
	height : 160px;
	float : left;
/*	border : 1px solid #ff0000;*/
}

#a380comms a, #discomms a, #boreholes a, #devkits a, #models a, #terrain a, #sensor a
{
	width : 100%;
	height : 100%;
	display : block;
	background: #ffffff url(http://www.simutecsystems.com/images/box1_a380comms.png) no-repeat;
	/*float : left;*/
	text-indent : -9999px;	
	background-position : 0px 0px;
}

#a380comms a:hover, #discomms a:hover, #boreholes a:hover, #devkits a:hover, #models a:hover, #terrain a:hover, #sensor a:hover
{
	background-position : 0px -160px;
}

#discomms, #discomms a
{
	background: #ffffff url(http://www.simutecsystems.com/images/box1_discomms.png) no-repeat;
}

#boreholes, #boreholes a
{
	background: #ffffff url(http://www.simutecsystems.com/images/box1_boreholes.png) no-repeat;
}

#devkits, #devkits a
{
	background: #ffffff url(http://www.simutecsystems.com/images/box1_devkits.png) no-repeat;
}

#models, #models a
{
	background: #ffffff url(http://www.simutecsystems.com/images/box1_models.png) no-repeat;
}

#terrain, #terrain  a
{
	background: #ffffff url(http://www.simutecsystems.com/images/box1_terrain.png) no-repeat;
}

#sensor, #sensor  a
{
	background: #ffffff url(http://www.simutecsystems.com/images/box1_sensors.png) no-repeat;
}

#sesoftware
{
	background: url(http://www.simutecsystems.com/images/box3_se_software.png) no-repeat;
	height : 298px;
	/*border : 1px solid #000000;*/
	float : left;
}

#sesoftware a
{
	width : 100%;
	height : 100%;
}

#sesoftware #simulate, #sesoftware #visualise, #sesoftware #analyse
{
	display : block;
	width : 585px;
	height : 73px;
	background: #ffffff url(http://www.simutecsystems.com/images/box3_se_software_buttons.png) no-repeat;
	float : left;
	text-indent: -9999px;
	margin-top : 225px;
}

#sesoftware #simulate
{
	background-position : 0px 0px;
	width : 200px;
}

#sesoftware #simulate:hover
{
	background-position : 0px -73px;
}

#sesoftware #visualise
{
	background-position : -200px 0px;
	width : 195px;
}

#sesoftware #visualise:hover
{
	background-position : -200px -73px;
}

#sesoftware #analyse
{
	background-position : -395px 0px;
	width : 190px;
}

#sesoftware #analyse:hover
{
	background-position : -395px -73px;
}

#footer
{
	background-color : #f3f3f3;
	/*margin-left : -50%;*/
	width : 100%;
}

#footer_content
{
	width : 975px;
}

#footer_content div#seperator
{
	height : 15px;
	width : 100%;
	background: #fff url(http://www.simutecsystems.com/images/footer_seperator.png);
}

#footer #logo
{
	width : 85px;
	height : 95px;
	background: transparent url(http://www.simutecsystems.com/images/footer_logo.png) no-repeat;
	float : left;
	text-indent: -9999px;
		
}

#footer_content div#copyright
{
	/*
	float : right;
	clear : right;
	*/
	float : left;
	clear : both;
	padding-top : 13px;
	padding-bottom : 13px;
}

#footer_content div#copyright p
{
	text-align : left;
	margin-left : 3px;
	font-size : 0.7em;
	color : 545454;
}

#whatweoffer, #contactus, #company
{
	display : block;
	clear : both;
}

/* Just put the text where we want it in the sidebar */
#whatweoffer P, #contactus P, #company P
{
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 0px;
	padding-top : 0px;
	margin : 0px;
	font-style : normal;
	line-height : 14px;
	display : block;
	font-size : 11px;
	font-weight : normal;	
}

/* Position the item list nicely in the sidebar */
#whatweoffer UL, #contactus UL, #company UL
{
	padding-left : 15px;
	padding-right : 15px;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;	
}

/* Put the items in a sidebar in a nice position and add a border to each item */
#whatweoffer LI, #contactus LI, #company LI
{
	border-bottom : #d9d9d9 1px solid;
	margin : 0px 0px 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 8px;
	padding-bottom : 8px;
}

/* Removes the border on the last item in a sidebar */
#whatweoffer LI.sb_last, #contactus LI.sb_last, #company LI.sb_last
{
	padding-bottom : 16px;
	border-bottom : none;
}

#whatweoffer A:link, #whatweoffer A:visited, #contactus A:link, #contactus A:visited, #company A:link, #company A:visited
{
	text-decoration : none;
	color : #000;
}

#whatweoffer A:hover, #contactus A:hover, #company A:hover
{
	color : #007FFF;
	color : #4c2683;
	color : #7334cf;
	color : #4a2581;
	color : #6130aa;
}

/* Item header text in the sidebar */
#whatweoffer H3, #contactus H3, #company H3
{
	text-align : left;
	font-style : normal;
	line-height : 16px;
	display : block;
	font-size : 13px;
	font-weight : bold;
}

#modellingservices img#pic1
{
	float : right;
	padding : 5px 15px 16px 15px;

}

#modellingservices img#pic2
{
	float : left;
	padding : 0px 15px 16px 15px;
	margin-top : -15px;

}

#modellingservices p
{
	padding-bottom : 30px;
}

#itemsofinterest
{
	float : right;
}

A:link, A:visited
{
	text-decoration : none;
	color : #000;
}

A:hover
{
	color : #007FFF;
	color : #6130aa;
}

#firstsection
{
	float : left;
	width : 100%;
}

#whoweare2
{
	float : left;
	width : 585px;
}

#whoweare2 p
{
	text-align : left;
	font-size : 18px;
	padding : 8px 15px 8px 15px;
	color : #4c4c4c;
}

#testblankcol1
{
	padding-top : 11px;
}

/* Position the item list nicely in the sidebar */
#itemsofinterest UL
{
	padding-left : 15px;
	padding-right : 15px;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;	
	padding-bottom : 10px;
}

/* Put the items in a sidebar in a nice position and add a border to each item */
#itemsofinterest LI
{
	border-bottom : #d9d9d9 1px solid;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
/*	border : 1px solid #00ff00;*/
}

/* Removes the border on the last item in a sidebar */
#itemsofinterest LI.sb_last
{
	border-bottom : none;
}

#itemsofinterest  A
{
	/* Line up icons with under bar end */
	margin-left : -6px;

	/* Adds an arrow to the link browser items */
  padding-right : 10px;
	display : block;
	background : url(http://www.simutecsystems.com/images/arrow001.gif) no-repeat 100% 50%;
	
	text-align : left;
	font-style : normal;
	font-size : 11px;
	font-weight : bold;
	margin-top : 0px;
	height : 43px;
	line-height : 43px;
		
}

#itemsofinterest A:link, #itemsofinterest A:visited
{
	text-decoration : none;
	color : #000;
}

#itemsofinterest A:hover
{
	color : #6130aa;
}

/* Puts an image in the link browser in the right place */
#itemsofinterest IMG
{
	display : block;
	float : left;
	margin : 0px 0px 0px 0px;
}

#whoweare
{
	padding-top : 11px;
}

#whoweare p
{
	font-size : 18px;
	line-height : 36px;
}