/* CSS Document */

* 
	{
		margin:0em;
		padding:0em;
		font-family:Arial, Geneva, Helvetica, sans-serif;
		font-size: 12px;
	color: #000000;
	}
	
	body {
		font-family:Arial, Geneva, Helvetica, sans-serif;
		font-size: 12px;
		
		color: #000000;
background-color: #7b7b7b;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #7b7b7b;
}

#mainContent {
	background-color: #FFF;
	padding-top: 0;
	padding-bottom: 0;
}


img
	{
		border: none;
	}

p
	{
	margin-top: 7px;
	line-height: 16px;
	font-size: 12px;
	color: #000;
	}
h1 	
	{
		color: #000000;
		font-size: 21px;
		margin-bottom: 7px;
		font-weight: normal;
	}
h1 strong
	{
		color: #000000;
		font-size: 21px;
		margin-bottom: 7px;
		font-weight: bold;
	}

h2 
	{
	color: #000000;
	font-size: 15px;
	margin-bottom: 7px;
	margin-top: 7px;
	}
h3 
	{
		color: #000000;
		font-size: 13px;
		margin-bottom: 5px;
	}
h4 
	{
		color: #000000;
		font-size: 18px;
		margin-bottom: 7px;
		margin-top: 7px;
	}
h5 
	{
		color: #696969;
		font-size: 15px;
		margin-bottom: 7px;
		margin-top: 7px;
	}
a
	{
		color: #009ee0;
		text-decoration: none;
	}
a:hover
	{
		text-decoration: underline;
	}
		
#header
	{
		width: 900px;
		background-color: #fff;
		background-image: url(../img/headerbg.gif);
		background-repeat: no-repeat;
		height: 90px;
		float: left;
	}
#header h1 
	{
		text-indent: -9999px;
	}
#header ul
	{
		float: right;
		display: inline;
		margin-top: 62px;
		margin-right: 5px;
	}
#header li
	{
		display: inline;
		border-right: 1px solid #999999;
		padding: 5px;
	}
#header .right
	{
		border: none;
	}
#header a
	{
		text-decoration: none;
		font-size: 10px;
		color:#014049;
	}
#header a:hover
	{
		text-decoration: underline;
	}
#mainimg
	{
	width: 750px;
	background-color:#000;
	background-image: url(../img/home_image.jpg);
	border-top: 5px solid #7b7b7b;
	z-index: 0;
	height: 200px;
	float: left;
	}
	
#mainimg2
	{
		width: 150px;
		height: 200px;
		background-color:#000;
		background-image: url(../img/login_button_lge4.jpg);
		border-top: 5px solid #7b7b7b;
		float: left;
		z-index: 0;
	}
	
#logins
	{
			border-top: 5px solid #7b7b7b;
			width: 150px;
			float: right;
			height: 200px;
	}
#logins img
	{
		border: none;
		margin: 0;
		padding: 0;
	}
	
#mainimg3
	{
		width: 150px;
		height: 85px;
		background-color:#000;
		background-image: url(../img/prem_acc2.gif);
		border-top: 0px solid #7b7b7b;
		padding: 0px;
		margin-bottom: 0px;
		float: left;
		z-index: 0;
	}
	
#mainimg4
	{
		width: 150px;
		height: 110px;
		background-color:#000;
		background-image: url(../img/personal_acc3.gif);
		border-top: 0px solid #2869cf;
		padding: 0px;
		margin-bottom: 0px;
		float: left;
		z-index: 0;
	}
	
.mainimg2
	{
		width: 150px;
		height: 200px;
		background-color:#000;
		border-top: 5px solid #2869cf;
		float: left;
		z-index: 0;
	}
	
#members
	{
	width: 132px;
	height: 200px;
	float: left;
	background-color: #2869cf;
	border-top: 5px solid #2869cf;
	padding: 0 9px;
	font-size: 10px;
	font-weight: bold;
	}
#members p
	{
		color: #fff;
		margin-top: 4px;
		margin-bottom: 4px;
		line-height:normal
	}
#members a
	{
		text-decoration: none;
		font-weight: bold;
		color: #fff;
	}
#members a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
#members ul 
	{
		color: #fff;
		display: inline;
		list-style-image: url(../img/bullett.gif);
		list-style-position:inside;
	}
#members li
	{
		color: #fff;
		display: block;
		margin-bottom: 4px;
	}
input
	{
		width: 95px;
		height: 14px;
		margin-bottom: 5px;
		font-size: 80%;
	}
#main
	{
	width: 734px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
#premier_main
	{
		width: 730px;
		height: 1100px;
		background-color:#FFFFFF;
		float: left;
		padding: 15px 10px 20px 10px;
	}
#about_main
	{
		width: 730px;
		height: 600px;
		background-color:#FFFFFF;
		float: left;
		padding: 15px 10px 20px 10px;
	}
#green_main
	{
		width: 880px;
		height: 335px;
		background-color:#FFFFFF;
		background-image: url(../img/green_bg.jpg);
		background-repeat: no-repeat;
		float: left;
		padding: 15px 10px 20px 10px;
		color: #5d906e;
	}
#tank_main
	{
		width: 890px;
		height: 170px;
		background-color:#FFFFFF;
		float: left;
		padding: 15px 0 5px 10px;
	}
#tank_flash
	{
		width:900px;
		height: 200px;
		float: left;
	}
#left
	{
	width: 220px;
	border-right: 1px solid #d8d8d8;
	float: left;
	height: 650px;
	}
#premier_left
	{
		width: 225px;
		border-right: 1px solid #d8d8d8;
		float: left;
		height: 1100px;
	}
#tank_left
	{
		width: 225px;
		float: left;
		height: 140px;
	}
		
#green_left
	{
		width: 245px;
		border-right: 1px solid #5d906e;
		float: left;
		height: 340px;
	}
		
#left_top
	{
		border-bottom: 0px solid #d8d8d8;
		padding: 0 0 10px 0;
		margin: 0 8px 10px 0;
		min-height: 120px;
	}
#left_quote
	{
		border-bottom: 1px solid #d8d8d8;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 0;
		min-height: 120px;
	}
#green_left_top
	{
		border-bottom: 1px solid #5d906e;
		padding: 0;
		margin-right: 0;
		min-height: 150px;
		width: 225px;
		height: 196px;
	}
#left_text
	{
	color: blue;
	float: left;
	margin-right: 0px;
	font-size:12px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#left_text a
	{
		color: #009ee0;
	}
#left_text a:hover
	{
		text-decoration: underline;
	}
#quicklinks
	{
		float: left;
		height: 120px;
		padding: 2px 10px 0px 0px;
	}
#quicklinks ul
	{
		list-style: none;
	}
#quicklinks li
	{
		width: 205px;
		height: 18px;
		background-repeat: no-repeat;
		margin-bottom: 6px;
		padding-top: 3px;
		padding-left: 0px;
		border-top:  0px solid #d8d8d8;
		border-bottom:  1px solid #d8d8d8;
	}
#quicklinks a
	{
		color: #009ee0;
		text-decoration: none;
	}
#quicklinks a:hover
	{
		text-decoration: underline;
	}
#green_quicklinks
	{
		float: left;
		height: 170px;
		padding: 10px 10px 0px 10px;
		width: 205px;
		color: #5d906e;
	}
#green_quicklinks h2
	{
		color: #b1c800;
	}
#green_quicklinks ul
	{
		list-style: none;
	}
#green_quicklinks li
	{
		width: 205px;
		height: 18px;
		background-repeat: no-repeat;
		margin-bottom: 6px;
		padding-top: 3px;
		padding-left: 0px;
		border-bottom:  1px solid #b1c800;
	}
#green_quicklinks a
	{
		color: #5d906e;
		text-decoration: none;
	}
#green_quicklinks a:hover
	{
		text-decoration: underline;
	}
#centre
	{
	float: right;
	z-index: 0;
	padding-top: 0;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	width: 505px;
	}
#centre2
	{
		width: 900px;
		height: 300px;
		float: right;
		margin: 0;
		padding: 0;
		z-index: 0;
	}
#centre .more
	{
		float: right;
	}
#help_centre
	{
		width: 490px;
		height: 300px;
		float: right;
		margin: 0;
		padding: 0;
	}
#help_centre ul
	{
		list-style-image: url(../img/pdf.jpg);
		list-style: inside;
		line-height: 25px;
	}
#help_centre li
	{
	}
#help_centre a
	{
	}
#help_centre a:hover
	{
	}
#tank_centre
	{
		width: 540px;
		height: 300px;
		float: right;
		margin: 0 100px 0 0;
		padding: 0;
	}
#green_centre
	{
		width: 620px;
		height: 300px;
		float: right;
		margin: 0;
		padding: 0;
	}
#green_centre p, #green_centre p strong, #green_centre p em
	{
		color: #5d906e;
	}
#perks
	{
		width: 200px;
		float: left;
		margin-top:20px;
		border: 1px solid;
		padding: 10px;
	}
#perks ul
	{
		list-style:inside;
	}
#perks li
	{
		margin-top: 5px;
	}
#howitworks
	{
		width: 220px;
		float: left;
		margin-top: 20px;
		padding: 10px 0 10px 30px;
	}
#howitworks ul
	{
		padding-left: 20px;
		line-height: 19px;
	}
#howitworks li
	{
		
	}
#howitworks ul .one
	{
		list-style-image: url(../img/1.gif) ;
	}
#howitworks ul .two
	{
		list-style-image: url(../img/2.gif) ;
	}
#howitworks ul .three
	{
		list-style-image: url(../img/3.gif) ;
	}
#howitworks ul .four
	{
		list-style-image: url(../img/4.gif) ;
	}
		
#right
	{
	float: right;
	background-color: #fff;
	width: 140px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
#right img
	{
		border: none;
	}
#right_premier
	{
		float: right;
		background-color: #fff;
		width: 140px;
		height: 1100px;
		padding: 15px 10px 20px 0px;
	}
#right_about
	{
		float: right;
		background-color: #fff;
		width: 140px;
		height: 600px;
		padding: 15px 10px 20px 0px;
	}
#footer
	{
	width: 900px;
	height: 50px;
	border-top: 1px solid #2869cf;
	background-color:#fff;
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
	}
#creative_footer
	{
		width: 900px;
		height: 50px;
		border-top: 1px solid #2869cf;
		background-color:#fff;
		background-image: url(../img/creative_footer.jpg);
		background-repeat: no-repeat;
		float: left;
	}
#micro_footer
	{
		width: 900px;
		height: 50px;
		border-top: 1px solid #2869cf;
		background-color:#fff;
		background-image: url(../img/micro_footer.gif);
		background-repeat: no-repeat;
		float: left;
	}
.boldblue
	{
		color: #6283b6;
	}

/* ***************************NAVIGATION********************************** */ 
	
	
#nav .otherservices a:hover
	{
		text-decoration: underline;
	}

#navbarright 
	{
		width: 140px;
		height: 33px;
		background-image: url(../img/navbar.gif);
		border-top: 1px solid #2869cf;
		float: left;
		padding-left: 10px;
		padding-top: 7px;
	}
#green_navbarright 
	{
		width: 140px;
		height: 23px;
		background-image: url(../img/green_navbar.jpg);
		border-top: 1px solid #2869cf;
		float: left;
		padding-left: 10px;
		padding-top: 7px;
	}
#navbarright a 
	{
		color: #fff;
		text-decoration: none;
		margin-left: 20px;
	}
#green_navbarright a 
	{
		color: #fff;
		text-decoration: none;
		margin-left: 20px;
	}
#green_navbarright a:hover 
	{
		text-decoration: underline;
	}
#navbarright a:hover 
	{
		text-decoration: underline;
	}
#navbarleft
	{
			
		width: 750px;
		height: 35px;
		background-image: url(../img/navbar.gif);
		border-top: 1px solid #2869cf;
		float: left;
		padding-top: 5px;
	}
#navbarleft_green
	{
		width: 750px;
		height: 25px;
		background-image: url(../img/green_navbar.jpg);
		border-top: 1px solid #2869cf;
		float: left;
		padding-top: 5px;
	}
#nav
	{
		float: left;
		list-style: none;
		padding-top: 1px;
		position:relative;
		z-index:2000 !important;
		width:100%;
		line-height: 1;
		padding: 0;
		margin: 2px 0 0 0px;
	}
#nav ul
	{
		float: left;
		padding-top: 2px;
		width:100%;
		list-style: none;
	}
		
#nav a 
	{
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 3px 5px 5px 5px;
		border-left: 1px solid #fff;
		width: auto;
		w\idth: auto;
	}
#nav a:hover
	{
		text-decoration:none;
	}

#nav li
	{
		float: left;
		width: 120px;
	}
#nav li ul
	{
		position: absolute;
		left: -9999em;
		height: auto;
		width: 117px;
		w\idth: 117px;
		margin: 0;
		z-index:2000 !important ;
	}
#nav li ul a
	{
		width: auto;
		w\idth: auto;
	}
#nav li ul a:hover
	{
		text-decoration: underline;
	}
#nav li ul ul
	{
	}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
	{
		left: -999em;
	}
#nav li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
	{
		line-height: 16px;
		left: auto;
		color:#f00;
		border:0px;
		background-color: #5679ad;
	}
#nav li:hover, #nav li.sfhover
	{
		color:#f00;
	}
#nav li li
	{
		margin:0px 0px 0px 0px;
	}
#nav li li a
	{
		border:0px;
		margin:0px;
		padding-top:2px;
	}

.buttons
	{
		height: 20px;
	}
	
	
	
/* ***************************amends********************************** */ 
.bluelink {
	margin-bottom: 10px;
	padding-top: 10px;
}
.maintext {
	margin-top: 7px;
	line-height: 15px;
	font-size: 11px;
	color: #666;
}
.subhead {
	color: #000000;
	font-size: 13px;
	margin-bottom: 7px;
	margin-top: 7px;
}
#middle_column {
	border-bottom: 1px solid #d8d8d8;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#right_column {
	border-bottom: 1px solid #d8d8d8;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#left_column {
	border-bottom: 1px solid #d8d8d8;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#right_middlesection {
	float: left;
	padding-left: 8px;
}
#left_middlesection {
	border-right: 1px solid #d8d8d8;
	float: left;
}

#centre_middlesection {
	border-right: 1px solid #d8d8d8;
	float: left;
	padding-left: 8px;
}
#recent_projects {
	float: right;
	z-index: 0;
	padding-top: 0px;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	width: 620px;
}
#main_full {
	width: 860px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

  /* ***************************recent projects********************************** */ 

.borderimage{
	border:2px solid white;
	margin-bottom: 10px;
}

.projecttitle {
	margin-top: 7px;
	line-height: 15px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-align: left;
}

.projectmaintext {
	margin-top: 7px;
	line-height: 15px;
	font-size: 11px;
	color: #666;
	text-align: left;
}
.projects {
	padding-bottom: 20px;
}
  /* ***************************news********************************** */ 
#news {
	float: right;
	z-index: 0;
	padding-top: 0px;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	width: 620px;

}

.floatleft {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.underline {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 10px;
	padding-bottom: 10px;	
}