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


VIRTUAL DCS

SCREEN - Core Stylesheet

web				: http://www.virtualdcs.co.uk
filename		: home.css
version			: 1.0

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


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

/*----------------------------------------------------------------------
	 M A I N   B O X



#mainbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 318px;
	background-image: url(/images/mainbox2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.maintext {
	float: left;
	margin: 0px;
	padding: 5px 0px 15px 20px;
	width: 660px;
}

#mainboxtext {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 650px;
}

.offers {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 220px;
}


#info {
	float: left;
	width: 700px;
	height: 170px;
	padding: 0px 0px 0px 0px;
}

#buttons {
	float: left;
	clear: left;
	margin: 0px;
	padding: 25px 10px 0px 15px;
	height: 140px;
	width: 210px;
}


.button {
	float: left;
	clear: left;
	margin: 0px;
	padding: 7px 0px 0px 5px;
	width: 200px;
}


a.buttonGreen:link {
	float: left;
	clear: left;
	margin: 0px;
	width: 200px;
	padding: 0px;
	height: 35px;
	background: url(images/hostbutton2.gif) left top no-repeat;
}

a.buttonGreen:hover {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(images/hostbutton_over2.gif) left top no-repeat;
}

a.buttonAmber:link {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(images/continuity2.gif) left top no-repeat;
}

a.buttonAmber:hover {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(images/continuity_over2.gif) left top no-repeat;
}

a.buttonRed:link {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(images/consultancy2.gif) left top no-repeat;
}

a.buttonRed:hover {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(images/consultancy_over2.gif) left top no-repeat;
}


#benefits {
	float: left;
	margin: 0px;
	padding: 25px 0px 0px 0px;
	width: 175px;
	height: 140px;
}

#benefits ul {
	color: #01516b;
	font-size: 0.75em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	font-weight: bold;
	line-height: 1em;
	margin: 0px;
	padding: 5px 15px 15px 20px;
}

#benefits li {
	background: none;
	list-style: none;
	padding-left: 0px;
	margin-bottom: 9px;
}

#ticks {
	float:left;
	height: 140px;
	width: 30px;
	padding: 25px 0px 0px 0px;
	}
	
.tickgraphic {
	float:left;
	clear: left;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	width: 30px;
	}
.cloudlogo {
	float:right;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	width: 215px;
	}
	
----------------------------------------------------------------------*/



#mainbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 318px;
	background-image: url(/images/mainbox3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.maintext {
	float: left;
	margin: 0px;
	padding: 5px 0px 15px 20px;
	width: 660px;
}

#mainboxtext {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 650px;
}

.offers {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 220px;
}



#info {
	float: left;
	width: 700px;
	height: 170px;
	padding: 0px 0px 0px 0px;
}


#buttons {
	float: left;
	clear: left;
	margin: 0px;
	padding: 25px 10px 0px 15px;
	height: 140px;
	width: 210px;
}


.button {
	float: left;
	clear: left;
	margin: 0px;
	padding: 7px 0px 0px 5px;
	width: 200px;
}

a.buttonGreen:link {
	float: left;
	clear: left;
	margin: 0px;
	width: 200px;
	padding: 0px;
	height: 35px;
	background: url(/images/hostbutton2.gif) left top no-repeat;
}

a.buttonGreen:hover {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(/images/hostbutton_over2.gif) left top no-repeat;
}

a.buttonAmber:link {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(/images/continuity2.gif) left top no-repeat;
}

a.buttonAmber:hover {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(/images/continuity_over2.gif) left top no-repeat;
}

a.buttonRed:link {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(/images/consultancy2.gif) left top no-repeat;
}

a.buttonRed:hover {
	float: left;
	clear: left;
	margin-top: 5px;
	padding: 0px;
	width: 200px;
	height: 35px;
	background: url(/images/consultancy_over2.gif) left top no-repeat;
}






#benefits {
	float: left;
	margin: 0px;
	padding: 25px 0px 0px 0px;
	width: 175px;
	height: 140px;
}

#benefits ul {
	color: #01516b;
	font-size: 0.75em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	font-weight: bold;
	line-height: 1em;
	margin: 0px;
	padding: 5px 15px 15px 20px;
}

#benefits li {
	background: none;
	list-style: none;
	padding-left: 0px;
	margin-bottom: 9px;
}

#ticks {
	float:left;
	height: 140px;
	width: 30px;
	padding: 25px 0px 0px 0px;
	}
	
.tickgraphic {
	float:left;
	clear: left;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	width: 30px;
	}
	
.cloudlogo {
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;
	}






/*----------------------------------------------------------------------
	 N E W S   S E C T I O N	
----------------------------------------------------------------------*/

#news {
	float: left;
	padding: 0px;
	width: 700px;
	background-color: #fff;
	height: auto;
	margin: 20px 0px 16px 0px;
}

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

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

#newsitems {
	float: left;
	margin: 0px;
	padding: 10px 40px 0px 20px;
	width: 638px;
	border-left: 1px solid #a7c8e6;
	border-right: 1px solid #a7c8e6;
}

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

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

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

/*----------------------------------------------------------------------
	 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 5px 0px;
}

h1 {
	color: #01516b;
	font-size: 1.2em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	line-height: 0.7em;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
h2 {
	color: #01516b;
	font-size: 1.1em;
	font-family: "Myriad Pro", "Arial, Helvetica", sans-serif;
	font-weight: bold;
	line-height: 1em;
	margin: 0px;
	padding: 0px 0px 5px 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;
}