/* CSS Document */

/*DIV { border: 1px dashed #f00; }*/ 	

/*-------------------------------------------------

STANDARD CLASSES

-------------------------------------------------*/



body {

	background: #0072B6;

	background-image: url(http://www.clients.designism.co.uk/star/images/background.gif);

	background-repeat: no-repeat;

	color: #000;

	margin: 0 auto;

	padding: 0;

	border: 0;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 18px;

	}


/*-------------------------------------------------
HOMEPAGE NEW
-------------------------------------------------*/

#homepagetopwrapper {
	margin: 0 auto;
	width: 770px;
	height: 51px;
	margin-top: 40px;
	}

#homepagenavigation {
	width: 770px;
	margin: 0;
	padding: 0;
	/*border: 1px solid red;*/
	margin-bottom: 20px;
	}
	
.homepagenewnavlogo {
	float: left;
	}
	
#homepagenewnavleft {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
	}
	
#homepagenewnavright {
	width: 200px;;
	float: right;
	margin: 0;
	padding: 0;
	}

.homepagenewnavlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding-left: 14px;
	margin-left: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.homepagenewnavlist li {
	list-style-type: square; color: #CC9900;
	margin: 0;
	text-align: left;
	padding-bottom: 0px;
	color: #fff;
	}
	
.homepagenewnavlist li a:link, .homepagenewnavlist li a:visited, .homepagenewnavlist li a:hover, .homepagenewnavlist li a:active  {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.homepagenewnavlist li a:hover {
	color: #000;
	background-color: #ffff00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	}
	
/*#homepageheader {
	height: 93px;
	background-image: url(images/header-background.jpg);
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0px;
	border: 1px solid #0172B6;
	}*/
	
#homepageheader {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0px;
	background-image: url(images/header-background-new.jpg);
	height: 150px;
	}
	
#homepageheaderinner {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	height: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
#homepageintroduction {
	width: 480px;
	float: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 15px 0;
	line-height: 16px;
	}

#homepageintroduction h1 {
	font-size: 14px;
	text-align: left;
	padding-bottom: 0;
	}
	
#homepageintroduction a {
	color: #fff;
	}
	
#homepageintroduction a:hover {
	color: #000;
	background-color: #ffffff;
	color: #333;
	}
	
#homepageimages {
	width: 260px;
	float: right;
	margin: 15px 0;
	}

.homepageimage {
	float: right;
	margin-left: 10px;
	}
	

.clearer {

	height: 1px;

	overflow: hidden;

	margin-top: -1px;

	clear: both;

	}

	

img {

	display: block;

	border: 0;

	}

 

/*.top {

	vertical-align: top;

	}



.middle {

	vertical-align: middle;

	}

	

.bottom {

	vertical-align: bottom;

	}

	

.left {

	text-align: left;

	}

	

.center {

	text-align: center;

	}

	

.right {

	text-align: right;

	}

	

a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

	margin: 0;

	}

 

a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

	margin: 0;

	}

 

a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	background-color: #0072B6;

	text-decoration: none;

	margin: 0;

	}

	

a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

	margin: 0;

	}.cmstext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}*/
margin-bottom: 20px;

	}

	

.homepagenewnavlogo {

	float: left;

	}

	

#homepagenewnavleft {

	width: 200px;

	float: right;

	margin: 0;

	padding: 0;

	}

	

#homepagenewnavright {

	width: 200px;;

	float: right;

	margin: 0;

	padding: 0;

	}



.homepagenewnavlist {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	padding-left: 14px;

	margin-left: 14px;

	margin-top: 0px;

	margin-bottom: 0px;

	}



.homepagenewnavlist li {

	list-style-type: square; color: #CC9900;

	margin: 0;

	text-align: left;

	padding-bottom: 0px;

	color: #fff;

	}

	

.homepagenewnavlist li a:link, .homepagenewnavlist li a:visited, .homepagenewnavlist li a:hover, .homepagenewnavlist li a:active  {

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	}



.homepagenewnavlist li a:hover {

	color: #000;

	background-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333;

	}

	

/*#homepageheader {

	height: 93px;

	background-image: url(images/header-background.jpg);

	margin: 0;

	padding: 0;

	margin-top: 20px;

	margin-bottom: 0px;

	border: 1px solid #0172B6;

	}*/

	

#homepageheader {

	margin: 0;

	padding: 0;

	margin-top: 20px;

	margin-bottom: 0px;

	background-image: url(images/header-background-new.jpg);

	height: 150px;

	}

	

#homepageheaderinner {

	width: 770px;

	margin: 0 auto;

	padding: 0;

	height: 150px;

	margin-top: 5px;

	margin-bottom: 5px;

	}

	

#homepageintroduction {

	width: 560px;

	float: left;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 15px 0;

	line-height: 16px;

	}



#homepageintroduction h1 {

	font-size: 14px;

	text-align: left;

	padding-bottom: 0;

	}

	

#homepageimages {

	width: 180px;

	float: right;

	margin: 15px 0;

	}



.homepageimage {

	float: right;

	margin-left: 10px;

	}



/*-------------------------------------------------

HOMEPAGE

-------------------------------------------------*/

 

#homepageheaderout {

	height: 150px;

	background-color: #4699ca;

	margin-top: 20px;

	border: 1px solid #4699ca;

	}

 

/*#homepageheaderinner {

	height: 130px;

	background-color: #59A3CF;

	margin-top: 10px;

	border: 1px solid #59A3CF;

	}*/

 

#homepageintrowrapper {

	width: 770px;

	margin: 0 auto;

	}

 

#homepageintro {

	width: 770px;

	float: left;

	background: transparent;

	margin-top: 10px;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	}

 

#homepageintro h1 {

	font-size: 14px;

	text-align: left;

	padding-bottom: 0;

	}

 

#homepagepictures {

	width: 0px;

	float: right;

	background: transparent;

	margin-top: 10px;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	}

 

#homenavigation {

	margin: 0 auto;

	margin-top: 10px;

	border-bottom: 1px solid #80B9DB;

	}

 

#homecontentwrapper {

	width: 770px;

	margin: 0 auto;

	}	

	

#homeupcoming {

	width: 370px;

	float: left;

	background: transparent;

	margin-top: 20px;

	/*border: 1px solid #000;*/

	}

	

#homeupcoming p {

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding: 0;

	margin: 0;

	}

 

#homeupcoming h1 {

	font-size: 14px;

	text-align: left;

	padding-bottom: 0;

	margin-bottom: 0px;
	
	margin-left: 36px;

	color: #fff;

	}

	

#homeupcoming h2 {

	font-size: 12px;

	text-align: left;

	padding-bottom: 0;

	margin-bottom: 0px;

	margin-top: 15px;

	}



#homeupcoming h2 a:link, #homeupcoming h2 a:visited, #homeupcoming h2 a:hover, #homeupcoming h2 a:active {

	font-size: 12px;

	text-align: left;

	margin-bottom: 5px;

	padding: 0px;

	text-decoration: underline;

	color: #FFFFFF;

	margin-top: 15px;

	}	

	

#homeupcoming h2 a:hover {

	color: #333;

	text-decoration: none;

	background-color: #FFFFFF;

	}

	

#homeupcoming h3, #homeupcoming h3 a:link, #homeupcoming h3 a:visited, #homeupcoming h3 a:hover, #homeupcoming h3 a:active {

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 5px;

	padding: 0px;

	text-decoration: underline;

	color: #fff;

	margin-top: 15px;

	}	

	

#homeupcoming h3 a:hover {

	text-decoration: none;

	background-color: #FFFFFF;

	color: #000;

	}

 

#homeprojects {

	width: 370px;

	float: right;

	background: transparent;

	margin-top: 20px;

	/*border: 1px solid #000;*/

	}

	

#homeprojects p {

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding: 0;

	margin: 0;

	}

 

#homeprojects h1 {

	font-size: 14px;

	text-align: left;

	padding-bottom: 0;

	margin-bottom: 0px;
	
	margin-left: 36px;

	color: #fff;

	}

	

#homeprojects h2 {

	font-size: 12px;

	text-align: left;

	padding-bottom: 0;

	margin-bottom: 0px;

	margin-top: 15px;

	}



#homeprojects h2 a:link, #homeprojects h2 a:visited, #homeprojects h2 a:hover, #homeprojects h2 a:active {

	font-size: 12px;

	text-align: left;

	margin-bottom: 5px;

	padding: 0px;

	text-decoration: underline;

	color: #FFFFFF;

	margin-top: 15px;

	}	

	

#homeprojects h2 a:hover {

	text-decoration: none;

	background-color: #FFFFFF;

	color: #000;

	}

	

#homeprojects h3, #homeprojects h3 a:link, #homeprojects h3 a:visited, #homeprojects h3 a:hover, #homeprojects h3 a:active {

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 5px;

	padding: 0px;

	text-decoration: underline;

	color: #fff;

	margin-top: 15px;

	}	

	

#homeprojects h3 a:hover {

	text-decoration: none;

	background-color: #FFFFFF;

	color: #000;

	}

	

.homepagebullet {

	margin: 0;

	padding: 0;

	text-align: left;

	margin-top: 15px;

	}

	

/*-------------------------------------------------

HEADER

-------------------------------------------------*/

#logo {

	margin: 0 auto;

	width: 770px;

	height: 91px;

	margin-top: 30px;

	}
	
#logoleft {
padding-top: 24px;
width: 132px;
float: left;
}

#logoright {
width: 624px;
float: right;
text-align: right;
}



#header {

	height: 93px;

	/*height: 125px;*/	

	background-image: url(images/header-background.jpg);

	margin-top: 20px;

	margin-bottom: 0px;

	/*margin-bottom: 20px;*/

	border: 1px solid #0172B6;

	}

 

/*-------------------------------------------------

NAVIGATION

-------------------------------------------------*/



#navigation {

	width: 770px;

	height: 51px;

	margin: 0 auto;

	padding: 0;

	margin-top: 23px;

	/*margin-top: 26px;*/

	/*border: 1px dashed #f00;*/

	}

#navigation ul {
padding: 0px;
margin: 0;
list-style: none;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #fff;
padding-top: 12px;
}

#navigation ul li {
display: inline;
padding: 0 7px;
margin: 0;
}


#navtable p, h1, h2, h3, h4 {	

	padding: 5px;

	text-align: left;

	}

 

#navtable p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	color: #fff;

	line-height: 14px; 

	}

 #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {

	color: #fff;

	text-decoration: none;

	}

 

#navigation a:hover {

	text-decoration: none;

	background-color: #0072B6;

	} 

#navtable p a:link, #navtable p a:visited, #navtable p a:hover, #navtable p a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #fff;

	line-height: 14px;

	text-decoration: none;

	}

 

#navtable p a:hover {

	text-decoration: none;

	background-color: #0072B6;

	} 

 

/*-------------------------------------------------

CONTENT

-------------------------------------------------*/

#content {

	background-color: #fff;

	margin-top: 0px;

	/*margin-top: 20px;*/

	}

	.contentbg {

	background: #fff;

	}

	

/*-------------------------------------------------

LEFT NAV *NEW*

-------------------------------------------------*/

#leftnavigation ul {

	width: 150px;

	margin: 0;

	margin-top: 25px;


	padding: 0px;

	list-style-type:none;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	/*line-height: 20px;*/

	}

	

/*#leftnavigation ul li{

	background:url(images/leftnav-arrow.gif) no-repeat left 4px;

	padding-left:20px;

	}

/* mac hide \*/

* html #leftnavigation ul li, * html #leftnavigation ul li a{height:1%;}

/*end hide */



#leftnavigation li {
padding-bottom: 10px;
}

#leftnavigation a:link, #leftnavigation a:visited  {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #0072B6; 
	text-decoration: none;

	}

 

#leftnavigation a:hover {

	text-decoration: none;

	background-color: #0072B6;

	color: #fff;

	}

 

/*-------------------------------------------------

LEFT NAV *OLD*

-------------------------------------------------*/

#navcontainer { 

	width: 130px;

	margin-top: 15px;

	}

	

#navcontainer ul {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

	}

	

#navcontainer a {

	display: block;

	padding: 3px;

	width: 130px;

	background-color: #0072B6;

	border-bottom: 1px solid #eee;

	}



#navcontainer a:link, #navlist a:visited {

	color: #eee;

	text-decoration: none;

	}



#navcontainer a:hover {

	background-color: #59A3CF;

	color: #fff;

	}

 

/*-------------------------------------------------

MAIN CONTENT

-------------------------------------------------*/

#maincontent {

	margin-top: 25px;

	margin-bottom: 15px;

	}

	/*#maincontent p, h1, h2, h3, h4 {

	margin: 0 30px 0 0;

	text-align: left;

	}*/

 

#maincontent p {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000;

	line-height: 23px; 

	}

 

#maincontent p a:link, #maincontent p a:visited, #maincontent p a:hover, #maincontent p a:active {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #0072B6;

	line-height: 20px;

	text-decoration: none;

	}

 

#maincontent p a:hover {

	text-decoration: none;

	background-color: #0072B6;

	color: #fff;

	} 

 

#maincontent h1 {

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 22px;

	color: #000;

	margin: 0;

	padding: 0;

	text-align: left;

	line-height: 26px;

	}

 

#maincontent h2 {

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

	font-size: 18px;	

	color: #000;

	margin-bottom: 10px;

	padding-bottom: 0px;

	padding-top: 10px;

	text-align: left;

	line-height: 18px;

	}

#maincontent h2 a{

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

	font-size: 18px;	

	color: #0072B6;

	margin-bottom: 10px;

	padding-bottom: 0px;

	padding-top: 10px;

	text-align: left;

	line-height: 18px;

text-decoration: none;

	}

	


#maincontent ul {

	list-style-type:none;

	margin: 0;

	padding:0 30px;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000;

	line-height: 20px;

	}



#maincontent ul li{
font-style: italic;
list-style: square;
margin: 0;
padding: 10px 0 10px 0;
	}

/* mac hide \*/



/*end hide */		

	

/*-------------------------------------------------

RIGHT NAV

-------------------------------------------------*/



#rightnav {

	margin: 25px 0 15px 10px;

}

	/* #rightnav p {

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000;

text-align: center;

} */

 

#rightnav p, h1, h2, h3, h4 {

	line-height: 16px;

	text-align: left;

	padding: 0;

	margin: 0;

	}

 

#rightnav p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	text-decoration: none;

	}

 

#rightnav p a:link, #rightnav p a:visited, #rightnav p a:hover, #rightnav p a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #0072B6;

	text-decoration: none;

	}

 

#rightnav p a:hover {

	text-decoration: underline;

	background-color: #0072B6;

	color: #fff;

	} 

 

#rightnav h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	font-weight: bold;

	text-decoration: none;

	}



#rightnav h1 a:link, #rightnav h1 a:visited, #rightnav h1 a:hover, #rightnav h1 a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	font-weight: bold;

	text-decoration: underline;

	}

	

#rightnav h1 a:hover {

	text-decoration: underline;

	background-color: #000066;

	color: #fff;

	} 

 

#rightnav img {

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 5px;

	padding: 0;

	border: 0;

	text-align: center;

	}

	

/*-------------------------------------------------

FOOTER

-------------------------------------------------*/



#footer {

	margin: 0 auto;

	background-color: #0072B6;

	padding-top: 40px;

	padding-bottom: 30px;

	font-family: "Century Gothic", Arial, Helvetica, sans-serif;	

	font-size: 12px;

	color: #fff;

	text-align: center;
	
	background-image: url(images/header-background-new.jpg);

	}
	
#footer a {

	color: #fff;

	}

 

#rightnav p a:hover {

	background-color: #ffffff;

	color: #000;

	} 

#maincontent {
font-size: 14px;
}

#maincontent input {
margin-left: 3px;
padding: 5px;
margin-bottom: 5px;
}

font { 
display: none; 
} 

.required {
font-size: 14px;
}


input.enquire {
padding: 5px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
width: 609px;
line-height: 25px;
border: 1px solid #CCCCCC;
}

select.enquire {
padding: 5px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
width: 620px;
line-height: 25px;
border: 1px solid #CCCCCC;
}

option {
padding: 2px 0;
}

textarea.enquire {
padding: 5px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
width: 612px;
line-height: 25px;
border: 1px solid #CCCCCC;
}

.contacttable {
padding: 5px;;
margin: 0;
}

.formtip {
font-size: 11px;
}

.red {
color: #CC0000;
}

.green {
color: #66CC00;
}

.sandwell{
margin-top: 23px;
float: right;
margin-left: 10px;
}
.non_sandwell{
margin-top: 23px;
float: right;
}