/**** © 2008 soVision Ltd ****/
/** CSS Styles for soVision IT Services  **/

/* Site Wide Colours     
	Grey		:	#666666
	Dark Grey	:	#333333
	Dark Blue	:	#0E5CA7 
	Light Blue	:	#058AFF 
	
	background page		: #70A6D0
	background dk blue	: #3D6E8F     		
*/

/* PAGE HOLDER */
html{
	background:#70A6D0 url(http://www.sovision.com/App_Themes/Default/images/page-bg.jpg) top repeat-x;	
}
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	background:url(http://www.sovision.com/App_Themes/Default/images/container.png) center repeat-y;
}

.container{
	width:970px;
	margin:0 auto 0 auto;
	background:#fff;
}

#content_area{
	float:left;
	width:662px;
	margin:0 24px 0 24px;
		^margin:0 24px 0 24px;/* this targets all IE, including 7. It must go first, or it overrides the following hack */
		_margin:0 12px 0 12px;/* this targets >= IE6 */
	background:url(../images/main-bg.gif) top left no-repeat;
}


.vhcs_login{
}

img{
	border:none;
}

/* STYLES FOR MAIN */
#main{
	margin:0 0 0 11px;
	padding:24px 0 0 0;
	background:url(http://www.sovision.com/App_Themes/Default/images/head-bg.jpg) top center no-repeat;
	float:left;
	width:948px;
}
.main-contain{
	margin:0;
	padding:0 0 0 0;
	float:left;
}
/* Banners */
.banners{
	height:64px;
	float:left;
	padding:6px 0 0 48px;
	margin:0;
	position:relative;
}
	/* INTRO STYLES */
	.intro{
		clear:both;
		margin:12px 0 0 0;
		height:140px;
	}
	.logo{
		float:left;
		width:305px;
		margin:0 15px 0 0;
		text-align:center;
	}
	.logo h1{
		visibility:hidden;
		display:none;
		margin:0;
		padding:0;
	}
	.logo h2{
		visibility:hidden;
		display:none;
		margin:0;
		padding:0;
	}
	
	/* SIDE NAV STYLES */ 
	.side-nav{
		float:left;
		position:relative;
		margin:0 0 8px 11px;
		padding:0;
		width:176px;
		font-size:0.9em;
	}
	.side-nav-top{
		padding:12px 8px 0 8px;
		margin:0;
		background:url(http://www.sovision.com/App_Themes/Default/images/left-nav-top-bg.png) top center no-repeat;
	}
	.side-nav-top ul{
		margin:0;
		padding:0;
	}
	.side-nav-top li{
		list-style:none;
		display:block;
		margin:0 1px 0 0;
		padding:6px 4px 0 4px;
		height:23px;
		border-top:1px solid #ccc;
	}
	.side-nav-top .sub-nav li{
		list-style:none;
		display:block;
		margin:0 0 0 12px;
		padding:0;
		line-height:20px;
		font-size:0.9em;
		border-top:1px dotted #ccc;
	}
	.side-nav a{
		color:#fff;
		text-decoration:none;
	}
	.side-nav a:hover{
		color:gold;
	}
	.side-nav .selected{
		background:#3D6E8F;
	}
	.side-nav .selected a{
		color:gold;
		font-weight:bold;
	}
	.side-nav .sub-nav .selected{
		background:none;
		font-weight:bold;
		color:gold;	
	}	
	.side-nav-bottom{
		font-size:1px;
		height:12px;
		padding:0;
		margin:0;
		background:url(http://www.sovision.com/App_Themes/Default/images/left-nav-bot-bg.png) bottom center no-repeat;
	}
	/* cert */
	.cert{
		margin:12px 0 0 0;
		text-align:center;
	}
	
/* PAGE CONTENT STYLES */	
.content-area{
	float:left;
	position:relative;
	margin:0 0 0 12px;
	padding:0;
	width:530px;
	height:154px;
	background:url(http://www.sovision.com/App_Themes/Default/images/content-area-bg.png) top left no-repeat;
}
.inner{
	padding:12px;
}
.content-boxes{
	padding:0;
	margin:0;	
}
.content-boxes img{
	margin:14px 4px 0 0;
}

/* RIGHT COLUMN STYLES */
.right-col{
	float:left;
	position:relative;
	width:210px;
	margin:0 0 0 2px;
	padding:0;
	background:url(../images/right-bg.gif) top left no-repeat;
}

/* STYLES FOR FOOT */
.foot{
	background:url(http://www.sovision.com/App_Themes/Default/images/foot-bg.jpg) bottom center no-repeat;
	height:44px;
	clear:both;
	margin:4px 0 0 0;
	padding:0;
}
.foot-links{
	clear:both;
	padding:22px 0 0 0;
	font-size:0.75em;
	width:auto;
	margin:0 auto 0 auto;
	text-align:center;
	color:#fff;
}
.foot-links a{
	color:#fff;
	text-decoration:none;
	margin:0 0.5em 0 0.5em;
}
.foot-links a:hover{
	color:gold;
	text-decoration:underline;
}
.credits{
	background:#70A6D0 url(http://www.sovision.com/App_Themes/Default/images/container-bot.png) top center no-repeat;
	padding:8px 0 0 0;
	height:30px;
}
.credits-content{
	width:970px;
	margin:0 auto 0 auto;
}
.copy{
	float:left;
	position:relative;
	font-size:0.7em;
	color:#0E5CA7;
	width:50%;
	padding:0;
	margin:10px 12px 0 12px;
}
.copy a{
	color:#0E5CA7;
	text-decoration:none;	
}
.copy a:hover{
	color:#0E5CA7;
	text-decoration:underline;	
}
.w3c{
	float:right;
	position:relative;
	padding:0;
	margin:8px 12px 0 12px;
}
.w3c img{
	margin-left:12px;
}
/* MISC */
.clear{ clear:both;}
/* TEXT STYLING */
h1{
	color:#0E5CA7;
	font-size:1.7em;
	font-weight:normal;
	margin:0 0 0.8em 0;
	padding:0;
}
h1 em{
	font-style:normal;
	color:#666;
}
h2{
	color:#0E5CA7;
	font-size:1em;
	margin:0 0 1.6em 0;
	padding:0;
}
h3{
	color:#0E5CA7;
	font-size:0.9em;
	margin:0 0 1.6em 0;
	padding:0;
}
p{
	color:#666;
	font-size:0.8em;
	margin:0.2em 0 1.6em 0;
	padding:0;
}
ol{
	list-style:decimal;
}
a{
	color:#0E5CA7;
	text-decoration:none;
}
a:hover{
	color:#gold;
	text-decoration:underline;
}