/* ---- GENERAL ---*/

body {
	margin:0;
	padding:0;
}

#body{
	margin:0;
	padding:0; padding-top:5px;
	font-family:  Verdana, sans-serif;
	font-size:0.8em;
	text-align: center;
	background: url(images/bg_col.gif) repeat-x top left;
	background-color: #6eb8d1;
}

	
	
h1      { padding-left: 5; padding-right: 5; padding-top: 2; margin-bottom: 8; font-size:1.2em; font-weight:bold; color: #000; text-align:left }
h2	    { padding-left: 5; padding-right: 5; padding-top: 2; margin-bottom: 8; font-size: 1.0em; font-weight:bold; color: #000; text-align:left }
h3      { padding-left: 5; padding-right: 5; padding-top: 7; margin-bottom: 8; font-size:1.0em; font-weight:bold; color: #000; text-align:center; line-height:130%; }
p 	    { color: #000; padding-left: 10; padding-right: 10; margin-top: 0px; margin-bottom: 0px; font-weight:normal; text-align:left; line-height:118%;}
li	    { text-align:left}
ul 	    { color:#000; text-align:left; padding-left:28; margin-left:0; line-height:130%; list-style:square}
ul.tick	{ color:#000; text-align:left; padding-left:28; margin-left:0; line-height:130%; list-style-image: url(images/green_tick.gif)}
ul.cross{ color:#000; text-align:left; padding-left:28; margin-left:0; line-height:130%; list-style-image: url(images/red_cross.gif)}

#wrapper {
	position:relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #343434;
	background: #ffffff url(images/sidebar_fill.gif) repeat-y left top;
}
	


#banner{
	height:200px;
	width:900px;
	xmargin-bottom:20px;
}

#sidebar{
	float: left;
	clear:left;
	width:160px;
	margin-top:0px;
	background-color:#e3e3e3;
	xborder: 1px solid #000;
}

img	{  border-style: none;
}

#footer {
	width: 750px; clear:left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	xborder:1px solid #454545;
}

.copyright {
	padding: 5 0 0 0;
	font-size:0.8em; color: #000; font-family:verdana, sans serif;
}
.madeby {
	padding: 8 2 2 2;
	font-size:0.8em; color: #000; font-family:verdana, sans serif;
	text-decoration: none;
	margin-bottom:10px;
}
a {
	color: #000;
	xtext-decoration: none;
}	

/* ---- HOME PAGE ---*/

#mainhome{
	width: 700px; 
	float:left;
	margin-left: auto;
	margin-right: auto;
	padding-left:20; padding-top:40;
	xborder: 1px solid #000;
	
}

.email_advert {
	width:158px;
	margin-left:2px;
	margin-top:260px;
}

.sign_up {
	width:155px;
	margin-top:30px;   /* set so that .info_links touches the column bottom */
	padding-bottom:5px;
	background: #d1d1d1;
	border:2px outset #c5c5c5;
}

.sol_box {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	xborder: 1px solid #000;
}
.b1 {
	width:30;
	margin-top:6;
	float:left;
	clear:left;
}
.b2	{
	width:450;
	margin-top:6;
	float:left;
}
.b3 {
	width:64;
	float:left;
	margin-bottom:20;
}

.date {
	font-family: Verdana, sans-serif;
	font-size: 0.8em; color:#000;
	margin-top:10;
}


/* ---- OTHER PAGES ---*/

.focus_img {
	width:740; height:200;
	position:absolute;top: 234; left:160;
}

.email_container {
	width:690; 
}
.email1 {
	float:left;	margin-left:10px; 

}
.email2{
	float:left;	margin-left:30px;

}


#webshowcase{
	width: 690px;
	float:left;
	xmargin-bottom:40px;
	xmargin-left:40px;
	xpadding-bottom:20px;
	xborder:1px solid #000;
}

.figure {
	float: left;
	width: 200px; height:200px;
	margin: 10 9 30 9;
	padding-bottom:10;
}


.photo img{
	width: 199px; height:199px;
	border: 2px outset #8B8B8B;
	background-color: #FFF;
	padding: 4px;
	position: relative;
}


div.clearer {clear: left; line-height: 0; height: 0;}



/* ---- CONTACT PAGE ---*/

#subForm {
	font-size: 0.9em;
}
#subForm .label {
	float: left;
	clear: left;
	width: 230px;
	margin-right: 10px; padding-top:5px;
	margin:3px;
	text-align: right;
	font-weight: bold;
}

input#submit {
	margin-left: 240px;
	background-color: #CBD893;
	font-family: verdana, sans-serif;
}

select#refer {
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

input#name, input#email, input#company, input#phone {
	width: 200px;
	background-color: #FBEF99;
	font-family:verdana, sans-serif;
	font-size: .9em;
	margin:5px;
}
textarea#comments {
	width: 350px;
	background-color: #FBEF99;
	font-family:verdana, sans-serif;
	font-size: .9em;
	margin:5px;
}

input#name:focus,
input#email:focus,
input#phone:focus,
textarea#message:focus,
select#refer:focus
{
	background-color: #FDD041;
}




/* ---MAIN MENU ---*/

#dropmenudiv{
position:absolute; border:0px solid #E86900; border-bottom-width: 0; font:normal 14px "Trebuchet MS"; line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #262626; padding: 1px 0; text-decoration: none;
font-weight: normal; color:#000; background-color:#6EB8D1;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#FFFFFF; background-color:#E15B04; border-bottom: 1px solid #343434;
}



.navmenu ul {
	position:relative; top:-4;
	width:100%;
	padding:0;
	margin:0; 
	width: 900px; height:35px;
   	background-color: #343434;
    xmargin-bottom:5; 
	list-style-type: none;
}

/*Top level list items*/
.navmenu ul li{
	position: relative; left:160px;
	display: inline;
	float: left;
	margin-right:3px;
}

/*Top level menu link items style*/
.navmenu ul li a{
	display: block;
	padding: 8 0 4 0;
	background: url('images/b-off.gif') no-repeat top; 
	width: 90px; height: 35px;
	text-decoration: none; text-align:center; font: 1.0em trebuchet ms, sans-serif;
	color: #FFF; /* font colour in main menu */
}
	
.navmenu ul li a:hover{
	color:#fff; 
	background: url('images/b-hover.gif') no-repeat top;
}
.navmenu ul a.active {
	font-weight: bold;
    	color: #FFF;
	background: url('images/b-on.gif') no-repeat top;
}

/* ---- LOWER MENU ---*/

#navmenu2 ul {
	margin-left:0; padding-left:0;
	margin-bottom:-12px; 
	text-align:center;
	xborder:1px solid #fff;
	
}

#navmenu2 li{
	display: inline;
	list-style-type: none;
}

#navmenu2 li a{
	xpadding: 0 0 0 0;
	text-decoration: none;
	font-size:0.8em; font-family:verdana, sans serif;
	color: #000;
}

#navmenu2 li a:hover{
color: #FE7F00; 
}