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


VIRTUAL DCS

SCREEN - Core Stylesheet

web				: http://www.virtualdcs.co.uk
filename		: global.css
version			: 1.1

author			: Solo & Jones Design
web				: http://www.soloandjonesdesign.com
copyright		: (c) 2009 Solo & Jones Design


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



/*----------------------------------------------------------------------
	P A G E   L A Y O U T   S T R U C T U R E
----------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 35px 0px 25px 0px;
	background-image: url(/images/bluefade.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #4f91cd;
}

body#home a#homeLink,
body#contact a#contactLink {
	background-color: #fff;
	background-image: url(/images/button_curve.gif);
	background-repeat: no-repeat;
	border-bottom: #fff 1px solid;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0px 0px 15px 0px;
	background-color: #fff;
	background-image: url(/images/whiteCurveBottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
}

/*----------------------------------------------------------------------
	C O N T E N T  L A Y O U T   S T R U C T U R E
----------------------------------------------------------------------*/

#content {
	float: left;
	padding: 0px;
	width: 700px;
	background-color: #fff;
	height: auto;
	margin: 0px 0px 16px 0px;
	background-image: url(/images/topboxfade.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.contentheader {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 700px;
}

.contentfooter {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 700px;
}

#contentitems {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
	width: 658px;
	border-left: 1px solid #a7c8e6;
	border-right: 1px solid #a7c8e6;
	height: auto;
}

#intro {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 620px;
}

#bodycopy {
	float: left;
	margin: 0px;
	padding: 0px 0px 70px 0px;
	clear: left;
	width: 300px;
}

#image {
	float: right;
	margin: 0px;
	padding-top: 5px;
}


/*----------------------------------------------------------------------
	 M A S T H E A D
----------------------------------------------------------------------*/

#masthead {
	float: left;
	padding: 0px;
	margin: 0px 15px 0px 15px;
	width: 965px;
	background-color: #fff;
	background-image: url(/images/masthead_clouds.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: inline;
}

#logo {
	float: left;
	margin: 0px;
	padding: 13px 0px 0px 50px;
	width: 215px;
}

#mastright {
	float: right;
	width: 520px;
	margin: 0px;
	padding: 65px 50px 0px 0px;
}

* html #logo {
    padding: 7px 0px 20px 15px;
}

.tel {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 203px;
	height: 21px;
}

.healthy{
	float: right;
	clear: right;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	width: 487px;
}



/*----------------------------------------------------------------------
	 N A V I G A T I O N
----------------------------------------------------------------------*/


#navigation {
	float: left;
	width: 952px;
	height: 44px;
	background-image: url(/images/navbar2.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.home {
	float: left;
	margin: 0px;
	padding: 5px 20px 0px 37px;
	width: 29px;
}

a img {
	border: none;
}


ul.menuItems {
	list-style-type: none;
	font-size: 0.9em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

ul.menuItems li {
	float: left;
}

ul.menuItems a {
	display: block;
	height: 14px;
	width: 71px;
	border-bottom: #038bb8 1px solid;                    
	padding: 5px 0px 5px 0px;
	margin-right: 6px;
	text-align: center;
	text-decoration: none;
	color: #0d546b;
	background-color: #c0e2ed;
	background-image: url(/images/blue_button_curve.gif);
	background-repeat: no-repeat;
}

ul.menuItems a:hover {
	background-color: #fff;
	background-image: url(/images/button_curve.gif);
	background-repeat: no-repeat;
}


/*----------------------------------------------------------------------
	 M A I N   C O N T E N T
----------------------------------------------------------------------*/

#maincontent {
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 980px;
	height: auto;
}

#leftside {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 700px;
	height: auto;
	display: inline;
}

#rightside {
	float: right;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 220px;
	height: auto;
}





/*----------------------------------------------------------------------
	 P A R T N E R S    F L A S H   B A N N E R	
----------------------------------------------------------------------*/

#partners {
	float: left;
	margin: 0px;
	padding: 0px;
	clear: left;
	width: 700px;
}

/*----------------------------------------------------------------------
	 I T   M A N A G E R   M E N U	
----------------------------------------------------------------------*/

.itmanager {
	float: right;
	margin: 17px 0px 0px 0px;
	padding: 0px 0px 100px 0px;
	background: #fff url(/images/itbottomimage.jpg) center bottom no-repeat;
	clear: right;
	height: 100%;
}

.itmanager ul {
	color: #01516b;
	font-size: 0.8em;
	font-weight:bold;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 20px 15px 15px 15px;
	border-left: 1px solid #a7c8e6;
	border-right: 1px solid #a7c8e6;
		width: 188px;
}

.itmanager li {
	background: url(/images/arrow_bullet.gif) no-repeat 0px 2px;
	list-style: none;
	padding-left: 18px;
	margin-bottom: 6px;
}

#itmanagersheader {
	margin: 0px;
	padding: 0px;
}

a.boxlink:link {
	color: #01516b;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	text-decoration: none;
}

a.boxlink:hover {
	color: #666;
	text-decoration: none;
}

a.boxlink:visited {
	color: #01516b;
		text-decoration: none;
}


/*----------------------------------------------------------------------
	 B U S I N E S S   M A N A G E R   M E N U	
----------------------------------------------------------------------*/

.busmanager {
	float: right;
	margin: 17px 0px 0px 0px;
	padding: 0px 0px 100px 0px;
	background: #fff url(/images/busbottomimage.jpg) center bottom no-repeat;
	clear: right;
	height: 100%;
}

.busmanager ul {
	color: #01516b;
	font-size: 0.8em;
	font-weight:bold;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 20px 15px 15px 15px;
	border-left: 1px solid #a7c8e6;
	border-right: 1px solid #a7c8e6;
		width: 188px;
}

.busmanager li {
	background: url(/images/arrow_bullet.gif) no-repeat 0px 2px;
	list-style: none;
	padding-left: 18px;
	margin-bottom: 6px;
}

#busmanagersheader {
	margin: 0px;
	padding: 0px;
}



#bottominfo {
	padding: 15px 0px 10px 15px;
	clear: none;
	float: left;
	height: 155px;
	width: 100%;
	margin: 0px;
}

.address {
	float: right;
	padding: 30px 10px 20px 15px;
	margin: 80px 15px 0px 0px;
	width: 199px;
	border: #c2c2c2 solid 1px;
}

.address p {
	color: #0d546b;
	font-size: 0.8em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

.address h2 {
	color: #01516b;
	font-size: 1.2em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 0em;
	margin: 0px;
	padding: 0;
}

a.mainemail:link {
	color: #01516b;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	text-decoration: underline;
}

a.mainemail:hover {
	color: #666;
	text-decoration: underline;
}

a.mainemail:visited {
	color: #01516b;
	text-decoration: underline;
}


/*----------------------------------------------------------------------
	 T Y P E
----------------------------------------------------------------------*/

p {
	color: #4f91cd;
	font-size: 0.9em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

h1 {
	color: #01516b;
	font-size: 1.4em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 0.7em;
	font-weight: bold;
	margin: 1px 0px 20px 0px;
	padding: 0px;
}

h2 {
	color: #4f91cd;
	font-size: 1.0em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

h3 {
	color: #01516b;
	font-size: 1.05em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
}

h4 {
	color: #01516b;
	font-size: 0.6em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
}


/*----------------------------------------------------------------------
	 F O O T E R
----------------------------------------------------------------------*/

#footer {
	width: 940px;
	height: 27px;
	background-color: #CCCCCC;
	margin: 20px 20px 5px 20px;
	padding: 0px;
	float: left;
}

.copyright {
	float:right;
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 0.7em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	width: 1000px;
}

.copyright ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}

.copyright li {
	float: right;
	display: inline;
	padding: 7px 20px 0px 0px;
	margin: 0px;
}


.extras {
	float: left;
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 0.7em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	width: 1000px;
}

.extras ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}

.extras li {
	float: left;
	display: inline;
	padding: 7px 0px 0px 14px;
	
	margin: 0px;
}

.extras li a:link {
	color: #666;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	
}

.extras li a:hover {
	color: #333;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	
}

.extras li a:visited {
	color: #333;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	
}
.searchit {
	margin-top:9px;
	margin-left:17px;
	width:180px;
	height:15px;
	border-style:none;
    border-color:White;
    background-color:#e5eff8;
}

.searchbutton
{
  padding-left:15px;
  text-decoration:none;   
  	color: white;
	font-size: 0.9em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
}

.searchit input {
	border:0;
	
	margin-left:13px;	
}

.searcghit a {
	color:#FFFFFF;
	text-decoration:none;
}

.text {
	padding-left:0px;
	position:relative;
	z-index:50;
}

/*----------------------------------------------------------------------
	 FORM
----------------------------------------------------------------------*/

.singlefield {
	padding-bottom: 10px;
	color: #4f91cd;
	font-size: 0.9em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	background-image: url(/images/singlefield.gif);
	background-position:top right;
    width:400px;
	height:24px;
	margin-bottom:4px;
	background-repeat: no-repeat;
}

.singlefield input 
{top:5px;
       left:5px;
       position:relative;
       border-style:none;
       border-color:White;
       width:280px;
       color:#4f91cd;
}

.multifield {
	padding-bottom: 10px;
	color: #4f91cd;
	font-size: 0.9em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	background-image: url(/images/largefield.gif);
	background-position:top right;
    width:400px;
	height:152px;
	margin-bottom:5px;
	background-repeat: no-repeat;
}

.multifield textarea 
{
       margin-top:5px;
       left:5px;
       position:relative;
       border-style:none;
       border-color:White;
       width:288px;
       overflow:auto;
       
}

.btnSubmit
{ margin-left:230px;
}

.disclaimer
{  margin-top:40px;
    width:600px;

}

.message
{
    position:relative;
    top:-290px;
    left:100px;
     background-color:White;
     width:450px;
 }