/*******************     CSS design by   :   holly@site-designers.co.uk   :   http://www.site-designers.co.uk     *******************/

/*************************************************************** Main Layout ************************************************/

html {
	height: 100%;
	background-image:url(images/ios-linen.jpg);
	background-repeat:repeat;
}

body {
	padding:0;
	margin:0;	
}

.container2{
	position:absolute;
	width:100%;
	background:url(images/grey.png) repeat;
}

.container{
	margin-left:auto;
	margin-right:auto;
	width:970px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	background-color:#FFFFFF;
}

.content{
	margin:0 0 0 0;
}

.video-js{background-color:#FFF;}

.overview{
	color:#555;
	font-size:12px;
	padding:35px 5px 20px 5px;
}


.overview li{ margin:3px 0 3px 0; color:#555;}

.shade{
	width:100%;
	margin:auto;
	height:8px;
	background-image:url(images/bg-shade.png);
	background-repeat:repeat-x;
}

.left_outer{
	float:left;
	width:49%;
}

.left{
	border:1px solid #E4E4E4;
	background-color:#FCFCFC;
	margin:10px 0 20px 20px;
}

.left_inner{
	padding:0px 20px 0px 20px;
}

.right_outer{
	float:right;
	width:49%;
}
.right{
	border:1px solid #E4E4E4;
	background-color:#FCFCFC;
	margin:10px 20px 20px 0;
}

.right_inner{
	padding:0px 20px 0px 20px;
}

.left2{
	float:left;
	width:356px;
	margin:10px 0 10px 20px;
	border:1px solid #E4E4E4;
	background-color:#FCFCFC;
}

.right2{
	float:right;
	width:538px;
	margin:10px 20px 10px 0;
	border:1px solid #E4E4E4;
	background-color:#FFF;
}

.centrediv{
	height:116px;
}

.laptop{
	width:443px;
	height:321px;
	background-image:url(images/iStock_000003952301Small.png);
	background-repeat:no-repeat;
}


.laptop-inner{
	position:absolute;
	margin:50px 0 0 70px;
	width:298px;
	height:167px;
}


/***************************************************************** Tables ******************************************************/

.grid2{}

.grid2 th{ 
	font-weight:bold;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:0 0 0 5px;
	height:25px;
}
.grid2 td{ 
	border:1px solid #DDD;
	padding:0 30px 0 30px;
	background-color:#FFF;
	text-align:left;
	height:25px;
}

.grid3{}

.grid3 th{ 
	font-weight:bold;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:0 0 0 5px;
	height:25px;
}
.grid3 td{ 
	border:1px solid #ccc;
	padding:0 0 0 5px;
	background-color:#f3f3f3;
	text-align:center;
	height:25px;
}
.grid h4{
	font-size:14px;
	text-decoration:none;
	margin:10px 0 3px 3px;
}

/***************************************************************** Masthead ******************************************************/

.titlebar-container{
	width:100%;
	background-image:url(images/titlebar.png);
	background-repeat:repeat-x;
	height:100px;
	border-bottom:1px solid #FFF;
}

.titlebar{
	background-image:url(images/titlebar.png);
	background-repeat:repeat-x;
	height:100px;
	width:960px;
	margin:auto;
}

.pagetitle h1{
	position:absolute;
	top:25px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#DDD;
	margin:0 0 0 340px;
	padding-top:5px;
	letter-spacing:0.3px;		
}

.pagetitle h2{
	position:absolute;
	top:48px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#DDD;
	margin:0 0 0 340px;
	height:28px;
	padding-top:5px;
	text-transform:uppercase;
}

.masthead{
	margin-left:5px;
}

.masthead img{
	border:none;
}

/**************************************************************** Navigation bar *************************************/

.nlinks3{
	position:inherit;
	top:555px;
	width:970px;
	height:30px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.nlinks3 li{
	list-style-type:none;
	display: inline;
}

.nlinks3 ul{
	padding:0;
	margin:0;
}

.nlinks3 li a:visited, .nlinks3 li a:link{
	text-align:center;
	display:block;
	height:24px;
	color:#999;
	text-decoration:none;
	padding:4px 17px 4px 17px;
	float:left;
}

.nlinks3 li a:hover{
	color:#555;
	
}

.nlinks4-container{
	position:absolute;
	width:100%;
	background-color:#87BCCD;
	height:26px;
	border-bottom:1px solid #67AAC0;
	z-index:2;
}

.nlinks4{
	width:972px;
	margin:auto;
	font-weight:bold;
}

/************************************************************** Footer ******************************************************/

.footer-container{
	position:absolute;
	width:100%;
	height:170px;
	z-index:0;
}

.footer-skin{
	width:100%;
	height:60px;
	background-color:#333333;
	border-bottom:1px solid #666;
}

.footer{
	width:960px;
	height:60px;
	padding-top:10px;
	margin:auto;
	font-size:11px;
	color:#999;
}

/************************************************************** Images ******************************************************/

.rightpic{
	float:right;
	margin:0 0 10px 20px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.leftpic{
	float:left;
	margin:0 20px 10px 0;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.slideshow{
	width:448px;
	margin:auto;
	border:1px solid #E6E6E6;
	padding:8px;

}

/******************************************************* Text formating *********************************************/

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/h3.png);
	padding:5px 0 5px 20px;
	margin-top:0;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
}

h4{
	font-size:12px; font-weight:bold; text-transform:uppercase; color:#DA6B07; margin-bottom:0;
}

h5{
	font-size:12px; font-weight:bold; margin-bottom:0; text-decoration:underline;
}

li{ list-style:square; margin:0 0 8px 0; color:#FF9900;}
li span{ color:#555;}

hr{
    border: 1px solid #DEDEDE;
    margin: 10px 0;
}

a:link { 
	text-decoration:underline;
	color:#DA6B07;
	}
	
a:visited {
	text-decoration:underline; 
	color:#DA6B07;
	}
	
a:hover, a:active { 
	text-decoration:none; 
	color:#555;
}	

/*******************     CSS design by   :   holly@site-designers.co.uk   :   http://www.site-designers.co.uk     *******************/