@charset "utf-8";
/* CSS Document */

* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

body {
	background-image: url('../images/greyBG.png');
}


@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('../fonts/myriad_web_pro-webfont.eot');
    src: url('../fonts/myriad_web_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriad_web_pro-webfont.woff') format('woff'),
         url('../fonts/myriad_web_pro-webfont.ttf') format('truetype'),
         url('../fonts/myriad_web_pro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 { font-family:  MyriadWebProRegular; margin:0 0 10px 0; color:#666;}

h1 { font-size:18px; font-weight: normal;}

h2 { font-size:16px; font-weight: normal;}

h3 { font-size:14px; font-weight: normal;}

h4 { font-size:120%; font-weight: normal;}

h5 { font-size:100%; }


p {
font-size:11px;
line-height:16px;
margin:10px;
}

a {font-style:italic;
	color:#333333;}

a:hover {color:#FF0000;}

#headerTop {
	height:197px;
	background-image:url(../Images/header.jpg);
}

#wrapper {
	text-align: left;
	margin: auto;
	width: 985px;
	/*margin-top:10px;*/
	background-image: url(../images/wrapperbg.jpg);
	background-repeat:repeat-y;
}

#wrapper #headerBottom p,#wrapper #headerBottom h1, #headerBottom h3, #headerBottom h2, #headerBottom a {
	color:#FFFFFF;
	width:800px;
	margin:auto;
	font-size:9px;
	line-height:9px;
}

#headerBottom {
	/*margin-top:50px;*/
	text-indent:50px;
	height:107px;
	background-image:url(../Images/footer.jpg);
	clear:both;
	width: 985px;
	
}

#content {
	margin: auto;
	padding: 20px 80px;
	clear:both;
}

#contentWrapper {
	background-image:url(../images/contentbg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#content.contact_left {
	float:left;
	clear:both;
	width: 280px;
	margin: 0 0 0 80px;
}

/*#left-column {
	float:left;
	width:320px;
	padding-top:100px;
	margin-top:10px;
	margin-left:100px;
	vertical-align:middle;
}*/

#enquiry-form {
	width:480px;
	margin-top:10px;	
	float:left;
}


ul#menu{
	float:right;
	margin-top:154px;
	margin-right:51px;
}

ul#menu li{
	display:inline;
	float:left;
}

ul#menu li a{
	text-decoration:none;
}


li.team {
 list-style:none;
 font-size:11px;
 line-height:14px;
}

li.team img {
padding:0 10px 10px 10px;
}

#news, #portfolio {

padding:15px;
font-size:11px;
}

#portfolio {
/*width:480px;
float:left;*/
}

#news {
/*width:260px;
float:right;*/
/*background-color:#efefef;*/
text-align:left;

}

#news li{
width:240px;
height:200px;
margin:5px;
padding:5px;
float:left;
background-color:#efefef;
list-style-type:none;
}
#news li:hover{
background-color:#eaeaea;
}

#news a {
color:#993333;
text-decoration:none;
}
#news a:hover {
color:red;
}

#news a img{
border: 7px solid #ddd;
float:left;
margin: 0 5px;
}
.education	{
	color:#aaa;
	font-size:9px;
	margin: 0 0 4px 0;
	font-weight:bold;
}

#slider {
	height:350px;	
	overflow: hidden;
	position: relative;
}


#phone {
	margin-top:50px;
	margin-right:50px;
	float:right;
}

#phone h1 {
	color:#FFFFFF;

	font-size:32px;
}
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 20px 0px; width: 900px; float: left; position: relative; }
.slide h1, .slide h2, .slide h3	{ font-family: MyriadWebProRegular; letter-spacing: -1px; color: #666; position:absolute; margin:30px 20px 50px 20px; }
.slide h1 {font-size: 18px; }
.slide h2 {font-size: 14px; }
.slide h3 {font-size: 12px; }
.slide p						{ color: #333333; font-size: 12px; line-height: 22px; width: 290px; position:absolute; margin:60px 30px 30px 30px;}
.slide img						{ top: 20px;  /*left: 400px;*/ border:none;}
#slider-stopper					{ position: absolute; top: 300px; right: 750px; background: #eee; color: #666;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

								  
								  
