/* ------------------------------------
---- Main stylesheet for all media ----
---- Original Author: Steven Wu ----
----   Creation Date: 28/01/2010   ----
----    Plug and Play Design   ----
-------------------------------------*/

/* ---------------------
-------- Reset --------
--------------------- */
*{
	margin:0;
	padding:0;
}

/* ---------------------
---- Default Styles ----
--------------------- */
body{
	font:normal 62.5% Verdana,Arial,sans-serif;
	text-align:center;
	color:#565656;
	background-color:#fff;
}
h1{
	margin:0 0 22px 0;
	font-size:3em;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	color:#565656;
}
h2{
	margin:0 0 12px 0;
	font-size:2em;
	color:#565656;
}
h3{
	margin:0 0 10px 0;
	font-size:2em;
	color:#565656;
}
h4{
	margin:0 0 10px 0;
	font-size:1.4em;
	color:#565656;
}
p {
	margin:0 0 20px 0;
	font-size:1.4em;
	line-height:1.5em;
}
a{
	outline-style:none;
	outline-width:0px;	
	font-weight:bold;
	text-decoration:underline;
	color:#005da8;
}
a:hover{
	text-decoration:underline;
}
a img {
	border:none;
}
img{
	border:none;
}
.clearfix{
	min-height:1%;			
}
.clearfix:after{
  	content:'.';
 	display:block;
  	clear:both;
 	height:0;
  	visibility:hidden;
}

/* ---------------------
------- Wrapper -------
--------------------- */
.wrapper{
	width:997px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:left;
}

/* ---------------------
------- Header --------
--------------------- */
.header{
	padding:65px 0 0 23px;
}
img.logo{
	float:left;
}
.contact_details{
	float:right;
	width:380px;
}

/*------ Navbar ------*/
.navbar{
	float:right;
	clear:both;
	width:387px;
	height:68px;
}
ul.nav li{
	display:inline;
	list-style:none;
}
ul.nav li a{
	float:left;
	text-indent:-9999px;
	background:url(../_images/navbar-bk.png) no-repeat;
}
ul.nav li.home a{
	width:89px;
	height:68px;
	background-position:0 -68px;
}
ul.nav li.home a:hover,
ul.nav li.home.selected a{
	width:89px;
	height:68px;
	background-position:0 0;
}
ul.nav li.about a{
	width:89px;
	height:68px;
	background-position:-89px 0;
}
ul.nav li.about a:hover,
ul.nav li.about.selected a{
	width:89px;
	height:68px;
	background-position:-89px -68px;
}
ul.nav li.equipment a{
	width:119px;
	height:68px;
	background-position:-178px 0;
}
ul.nav li.equipment a:hover,
ul.nav li.equipment.selected a{
	width:119px;
	height:68px;
	background-position:-178px -136px;
}
ul.nav li.contact a{
	width:90px;
	height:68px;
	background-position:-297px 0;
}
ul.nav li.contact a:hover,
ul.nav li.contact.selected a{
	width:90px;
	height:68px;
	background-position:-297px -204px;
}
 
/* ---------------------
----- MainContent -----
--------------------- */
.maincontent{
	width:940px;
	margin:0 0 45px 0;
	padding:22px 29px 0 28px;
	background:#fff url(../_images/maincontent-bk.gif) no-repeat scroll top center;
}

/* ---------------------
------- Content -------
--------------------- */
.content{
	float:left;
	width:662px;
	margin:0 40px 0 0;
}
.banner{
	margin:0 0 24px 0;
}
.about h2{
	font-size:1.6em;
	color:#005da8;
}
.about ul{
	float:left;
	width:200px;
	margin:0 65px 18px 0;
}
.about ul li{
	padding:0 0 4px 0;
	font-size:1.4em;
	font-weight:bold;
	list-style:none;
}
.bottom-logos{
	margin:20px 0;
}
.enquiry_box{
	position:relative;
	width:621px;
	margin:0 0 12px 0;
	padding:24px 20px 22px 19px;
	border:1px solid #bfbfbf;
	background-color:#fff;
}
.enquiry_box h4{
	position:absolute;
	bottom:23px;
	right:21px;
}
/* ---- -Contact ---- */
.contact_form{
	float:left;
	width:282px;
	margin:0 30px 0 0;
	padding:23px 22px 18px 19px;
	border:1px solid #bfbfbf;
	background:#fbfbfb url(../_images/contact-form-bk.gif) repeat-x scroll top left;
}
.contact_form label{
	display:block;
	margin:0 0 6px 0;
	font-size:1.2em;
	font-weight:normal;
	color:#0055a1;
}
.contact_form input{
	width:274px;
	margin:0 0 13px 0;
	padding:4px;
	border:1px solid #bfbfbf;
}
.contact_form textarea{
	width:274px;
	height:170px;
	margin:0 0 13px 0;
	padding:3px;
	border:1px solid #bfbfbf;
}
.contact_form input#submit{
	float:right;
	width:106px;
}
.contact_address{
	float:left;
	color:#0055a1;
}
.contact_address h3{
	color:#0055a1;
}
.success{
	color:green;
}
.error{
	color:red;
}


/* ---------------------
------- Sidebar -------
--------------------- */
.sidebar{
	float:left;
	width:238px;
}
.box{
	margin:0 0 20px 0;
}
.box h3{
	width:221px;
	height:39px;
	margin:0;
	text-indent:-9999px;
	background:transparent url(../_images/twitter-h3.png) no-repeat scroll top center;
}
.twitter {
	border:1px solid black;
	width:237px;
	overflow:hidden;
}
.twitter #scroller {
	float:left;
	margin-top:2px;
	width:234px;
	height:191px;
}
.twitter p {
	padding:0 3px 0 7px;
	margin:0;
	color:#666666;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
}
.twitter p.timeAndDate {
	padding:0 3px 3px 7px;
	font-size:0.7em;
}
.twitter a {
	color:#0081B4;
}

/* ------ Twitter Feed ------ */
div.twtr-hd,
.twtr-ft div{
	display:none;
}
.twtr-tweet-text p{
	font:normal 1.2em Verdana,Arial,sans-serif;
}
#twtr-widget-1 .twtr-tweet p a{
	color:#0055A1 !important;
}
/* ------ End of Twitter Feed ------ */

.newsItem {
	float:left;
}
#pscroller1 {
	margin:5px 0 0 6px;
	height:180px;
	width:224px;
}
.testimonial{
	width:214px;
	margin:0 0 10px 0;
	padding:25px 0 11px 7px;
	background:transparent url(../_images/testimonial-bk.gif) no-repeat scroll top center;
}
blockquote{
	margin:0 0 20px 0;
	padding:27px 0 5px 0;
	font:italic 1.6em Arial,Verdana,sans-serif;
	color:#5e42a6;
	background:transparent url(../_images/blockquote-bk.gif) no-repeat scroll top left;
}
cite{
	display:block;
	padding:0 0 26px 0;
	font-size:1.2em;
	font-weight:bold;
	font-style:normal;
	text-align:right;
	color:#737373;
	background:transparent url(../_images/cite-bk.gif) no-repeat scroll bottom right;
}
.download{
	width:198px;
	height:61px;
	padding:22px 0 0 18px;
	background:transparent url(../_images/pdf-download.png) no-repeat scroll top center;
}
.download h3 a{
	font-size:0.7em;
	font-weight:normal;
	text-decoration:none;
}

/* ---------------------
-------- Footer --------
--------------------- */
.footer{
	clear:both;
	padding:19px 36px 34px 33px;
	color:#fff;
	background-color:#818285;
}
.links{
	float:right;
	margin:0 0 56px 0;
}
.footer ul li{
	display:inline;
	padding:0 29px 0 0;
	list-style:none;
}
.footer ul li a{
	font-size:1.2em;
	font-weight:normal;
	color:#fff;
}
.footer ul li.selected a{
	font-weight:bold;
	text-decoration:underline;
}
.bottom_links{
	clear:both;
	margin:0 0 10px 0;
}
ul.additional_links{
	float:left;
}
ul.additional_links li{
	padding:0;
}
.address{
	float:right;
	font-size:1.1em;
}