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

/* Site Wide Colours     
	Grey		:	#666666
	Dark Grey	:	#333333
	Dark Blue	:	#3D6E90 
	Light Blue	:	#70A6D0  
    Gold        :   #FFCC00      		
*/

/* PAGE HOLDER */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
}
.container{
	width:980px;
	margin:12px auto 0 auto;
	background:url(../../images/content-management-bg.jpg) no-repeat center top;
}
img{
	border:none;
}

/* STYLES FOR MAIN */
.main{
	margin:0 auto 0 auto;
	padding:0;	
}
.main-contain{
	margin:6px auto 0 auto;
	padding:144px 0 0 0;
	width:940px;
}
	/* INTRO STYLES */
	.intro{
		clear:both;
		margin:0 0 0 226px;
	}
	.intro h1{
		display:none;
	}
	.intro h2{
	    display:none;
	}
	.intro h3{
	    display:none;
	}
	/* LEFT COL */
	.left-col{
	    float:left;
		position:relative;
		margin:0;
		padding:0;
		width:174px;
	    }
	/* SIDE NAV STYLES */ 
	.side-nav{
		background:#3D6E91 url(../../images/side-nav-bg.jpg) no-repeat top center;
		padding:26px 8px 16px 8px;
	}
	.side-nav-top{
		margin:0;
		padding:0;
		border-bottom:1px solid #FFFFFF;
	}
	.side-nav-top ul{
		margin:0 auto 0 auto;
		padding:0;
	}
	.side-nav-top li{
		list-style:none;
		margin:0;
		padding:6px 0 6px 0;
		border-top:1px solid #FFFFFF;
	}
	.side-nav-top .sub-nav ul{
		margin:0;
		padding:0; 
	}
	.side-nav-top .sub-nav li{
		list-style:none;
		display:block;
		margin:0 0 4px 6px;
		padding:0;
		font-size:0.9em;
		border:none;
	}
	.side-nav-top .sub-nav a{
	    background:none;
	}
	.side-nav a{
		color:#FFFFFF;
		text-decoration:none;
		margin:0 1px 0 0;
		padding:0 4px 0 4px;
		display:block;
	}
	.side-nav a:hover{
		color:#FFCC00;
		text-decoration:none;
	}
	.side-nav .selected
	{
		font-weight:bold;
		display:block;
	}
	.side-nav .sub-nav .selected{
		background:none;
		font-weight:bold;
	}
	.side-nav-bottom{
		font-size:8px;
		padding:0;
		margin:0 0 18px 0;
		background:url(../../images/side-nav-bot.jpg) no-repeat top center;
	}
	
/* PAGE CONTENT STYLES */	
.content-area{
	float:left;
	position:relative;
	margin:0 0 0 22px;
	padding:0 0 0 0;
	width:540px;
}
.content-area-list{
	float:left;
	position:relative;
	margin:0 0 0 22px;
	padding:0 0 0 0;
	width:740px;
}
/* RIGHT COLUMN STYLES */
.right-col{
	float:right;
	position:relative;
	width:174px;
	margin:0 0 0 10px;
	padding:0 0 0 0;
}
.caption
{
    font-size:0.8em;
    text-align:center;
    color:#3D6E90;
    border-bottom:1px solid #70A6D0;
    margin-bottom:22px;
}
/* BOX OUT STYLES */
.box-out{
	background:url(../../images/fact-box-bg.jpg) repeat-y center;
	width:174px;
	margin:0 auto 0 auto;
}
.box-out-top{
	background:url(../../images/fact-box-top.jpg) no-repeat center top;
	text-align:center;
}
.box-out-bottom{
	font-size:4px;
	padding:0;
	margin:0;
	background:url(../../images/fact-box-bot.jpg) no-repeat center bottom;
	}
.box-out-content{
	padding:12px;
}
.button{
	margin:0 auto 18px auto;
	padding:0;
	text-align:center;
}
/* STYLES FOR FOOT */
.foot{
	background:url(../../images/socms-foot-bg.jpg) no-repeat center top;
	height:62px;
	clear:both;
	margin:4px auto 0 auto;
	padding:0;
	width:960px;
}
.copy{
	float:left;
	position:relative;
	font-size:0.7em;
	color:#0E5CA7;
	padding:0;
	margin:16px 0 0 18px;
}
.copy a{
	color:#0E5CA7;
	text-decoration:none;	
}
.copy a:hover{
	color:#0E5CA7;
	text-decoration:underline;	
}
.w3c{
	float:right;
	position:relative;
	padding:0;
	margin:12px 18px 0 0;
}
.w3c img{
	margin-left:12px;
}
.foot-links{
	clear:both;
	padding:12px 0 0 0;
	margin:4px 0 0 0;
	font-size:0.75em;
	width:940px;
	text-align:center;
}
.foot-links a{
	color:#FFFFFF;
	text-decoration:none;
	margin:0 0.5em 0 0.5em;
}
.foot-links a:hover{
	color:#222222;
	text-decoration:underline;
}
/* TEXT FORMATING */
h1{
	color:#3D6E90;
	font-family:Georgia, Times, Serif;
	font-weight:normal;
	margin:0 0 0.8em 0;
	padding:0 0 0.2em 0;
	border-bottom:1px solid #70A6D0;
	font-size:180%;
}
h2{
	color:#3D6E90;
	font-family:Georgia, Times, Serif;
	font-weight:normal;
	margin:0 0 0.4em 0;
	padding:0;
	font-size:160%;
}
h3{
	color:#3D6E90;
	margin:0 0 1.2em 0;
	padding:0;
	font-size:140%;
}
h4{
	color:#3D6E90;
	margin:0 0 1.2em 0;
	padding:0;
	font-size:120%;
}
h5{
	color:#333333;
	margin:0 0 1.2em 0;
	padding:0;
	font-size:110%;
}
h6{
	color:#333333;
	font-weight:normal;
	font-style:italic;
	margin:0 0 1.2em 0;
	padding:0;
	font-size:100%;
}
p{
	color:#333333;
	margin:0.2em 0 0.5em 0;
	padding:0;
	line-height:100%;
}
a{
	color:#058AFF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
strong{
    color:#3D6E90;
}
hr{
	color:#70A6D0;
	background-color:#70A6D1;
	border:0;
	height:1px;
}