/*Layout */ 

body {text-align:center; /*center hack*/ font-size:76.1%; font-family: Helvetica, sans-serif; line-height:1.3em; margin:0em 0; background-color:#F2F2F2;background-image: url();background-repeat: repeat-x; color:#035C8F;}

#wrap {width:800px; /*center hack*/ margin:20px auto; /*center hack*/ text-align:left; border:10px solid #fff;background:#eee;} 

#header {background:#ccc; padding:0px; border-bottom:1px solid #ccc;border-left:0px dotted #666;border-top:1px solid #fff;border-right:0px dotted #666;height:100px;background-image: url(header5.jpg);background-repeat: repeat-x;} 

#sidebar-2 {float:right; width:17%; overflow:hidden; margin-left:.3em;margin-top:.3em; background:#eee; text-align:left;} 
#sidebar-3 {float:right; width:21%; overflow:hidden; margin-right:.8em;margin-left:.8em;margin-top:.5em; background:#eee; text-align:left;} 

#footer {background-image: url();background-repeat: repeat-x;background:#333333; clear:both; padding:5px; font:0.8em Arial,Helvetica,sans-serif; color:#ffffcc; border-top:10px solid #999999;} 
 #footer a{color:#ffffcc;}
#main-body {float:left; width:100%; background: #eee;background-image: url(watcher.gif);background-repeat: repeat-x;}
#main-bodytestimonial {float:left; width:100%; background: #eee;}  
#main-body2 {float:left; width:76%; background: #eee;} 
#content {float:right; width:68%; overflow:hidden;background:#ffffff;margin-top:.8em;margin-bottom:.8em;border:1px solid #8AD2FD;} 
#contenthome {float:right; width:580px; margin-top:.8em;margin-right:.45em;margin-bottom:.8em;margin-left:.5em;background:#024575;border:5px solid #ffffff;filter: alpha (opacity=50);} 
#content2 {float:right; width:68.5%; margin-top:.8em;margin-right:.5em;margin-bottom:.8em;margin-left:.5em;background:#024575;border:5px solid #ffffff;} 


#sidebar {float:left; width:183px; overflow:hidden;}#sidebar2 {float:right; width:28.5%; overflow:hidden;}

.inside {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;} 
.inside2 {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;} 
#supp{
	width:100%;
	background:#333333;background-image: url(supp2.jpg);background-repeat: repeat-x;
	
	clear:both;border-bottom: 0px dotted #666;border-top: 10px solid #999;

}

/*Customisation */ 

* {margin:0; padding:0;border:none;} 

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin: 0.0em 0; color:#666;} 

p{text-align: justify;color:#035C8F;}

li,dd {margin-left:1em;}

a{text-decoration:none;color:#0099ff;} a:hover{text-decoration:underline;}

h1{font-size:1.4em; line-height:1.1em; color: #FF6633;text-align: justify;} 

h2{font-size:1.2em; line-height:1.2em; padding-bottom :.3em;}

h3{font-size:1.5em; line-height:1.3em; color: #ff6633;margin-bottom:.2em;}

h4{font-size:1.2em; line-height:1.2em;}

h5{font-size:1.1em; line-height:1.1em;} 

h6{font-size:1em;line-height:1em;} 

ul{margin-left: 0em;}

/*Left Menu */ 

#navcontainer,#sitecontainer{
width: 13em;
padding: .6em;
margin-bottom: 1em;
font-family: Arial, sans-serif;
background-color: #fff;
color: #333;
}
#navcontainerWeb,#navcontainerEcom,#navcontainerSeo,#navcontainerConsult,#navcontainerCMS{

padding: .0em;
margin-bottom: 0em;
font-family: Arial, sans-serif;
background-color: #fff;
color: #333;
}
#navcontainer2{
width: 13em;
padding: .6em;
margin-bottom: 0em;
font-family: Arial, sans-serif;
background-color: #ffffff;
color: #003366;
}
#navcontainer3{

padding: 0em;
margin: 0em;
font-family: Arial, sans-serif;
background-color: #ffffff;
color: #fff;font-size:.9em;border:1px solid #ffffff;
}
#navsupp,#navsupp4{width:100%;padding:0;color:#666;margin: 0 auto;}
#navsupp ul,#navsupp4 ul{ left: 0; top: 0; list-style: none;margin: 0;
padding: 0;
border: none;}
#navcontainer ul,#sitecontainer ul,#navcontainer2 ul,#navcontainer3 ul,#navcontainerWeb ul,#navcontainerEcom ul,#navcontainerSeo ul,#navcontainerConsult ul,#navcontainerCMS ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li,#sitecontainer li,#navcontainerWeb li,#navcontainerWeb,#navcontainerEcom li,#navcontainerEcom,#navcontainerSeo li,navcontainerSeo,#navcontainerConsult li,#navcontainerConsult,#navcontainerCMS li,#navcontainerCMS{
border-bottom: 1px solid #fff;
margin: 0;
}
#navcontainer2 li{
border-bottom: 2px solid #ffffff;
margin: 0;
}#navcontainer3 li{
border-bottom: 0px solid #666;
margin-bottom: .2em;margin-left: .0em;margin-top: .0em;
}
#navsupp li,#navsupp4 li{margin-top: 0em;float: left;padding:0em;}
#navcontainer li a,#sitecontainer li a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #03588C;
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainerWeb li a,#navcontainerWeb a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #03588C;background-image: url(webcolour.jpg);
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainerSeo li a,#navcontainerSeo a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #03588C;background-image: url(seocolour.jpg);
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainerEcom li a,#navcontainerEcom a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #03588C;background-image: url(ecomcolour.jpg);
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainerConsult li a,#navcontainerConsult a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #03588C;background-image: url(concolour.jpg);
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainerCMS li a,#navcontainerCMS a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #03588C;background-image: url(cmscolour.jpg);
color: #fff;
text-decoration: none;
width: 100%;
}
#navcontainer2 li a,#navcontainer2 a{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #024575;
color: #ffffff;
text-decoration: none;
width: 100%;
}
#navcontainer3 li a{
display: block;
padding: 5px 5px 5px 5px;
background-color: #04699E;
color: #fff;
text-decoration: none;

}
#navcontainer3 li a:hover{

color: #003366;background-color: #8AD2FD;

}
#navsupp li a,#navsupp4 li a {

padding:0em;
clear:both;
text-align:center;



color: #0099ff;font-weight:normal;

text-decoration: none;
}
#navsupp li a:hover,#navsupp4 li a:hover {text-decoration: underline;}
html>body #navcontainer li a,html>body #navcontainer2 li a { width: auto; }


#navcontainer li a:hover,#sitecontainer li a:hover{
background-color: #8AD2FD;
color: #fff;

}
#navcontainerWeb a:hover,#navcontainerSeo a:hover,#navcontainerConsult a:hover,#navcontainerEcom a:hover,#navcontainerCMS a:hover{background-color: #8AD2FD;background-image: url(colourover.jpg);
color: #fff;
text-decoration: none;}
#navcontainer li a:active,#sitecontainer li a:active{
background-color: #67D55C;
color: #fff;

}#navcontainer2 li a:hover{
background-color: #8AD2FD;
color: #003366;text-decoration: none;
}

/*Left Menu END*/ 

.form{
font-weight: bold;
color: #333;
font-size:100%;
padding: 2px;
}

.sampleTable{
font-size:100%;
}

.span{
font-size:76.1%;
}


.border{
padding: 2px;
border: 1px solid #ccc;
}

.img{border:none;}
.img a{border:none;}
.hr{
height: 1px;
color: #ccc;
}
table.one
{
padding: 1em;

border:1px solid #999;background-color:#fff;font-size:1em;
}table.two
{
padding: 1em;

border:1px solid #ccc;background-color:#fff;font-size:1em;margin-right:1em;
}


/* example_6 css */
#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 640px; /* important */
	height: 540px; /* important */
	margin: 0;
	background: #fff;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 13440px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 485px 131px 0 131px;
}
#container_bd #example_6_frame ul li {
	margin: 0 2px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
	#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}
	
	
.clearBoth {
	clear: both;
	}
			
			
/* rounded box\*/
* html #tlc, * html #trc {height: 1%;}
/* */

bodybox
	{
	margin: 0;
	padding: 0;
	
	font-size: 100.01%;
	text-align: center; 
	}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0em;
	padding: 0;
	text-align: left;
	width:50%;				/* <-- use this to tie width to viewport size */
	width: 15em;				/* <-- use this for a set width */
	
	}
 #boxcontentman
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0em;
	padding: 0;
	text-align: left;
	width:50%;				/* <-- use this to tie width to viewport size */
	width: 13em;				/* <-- use this for a set width */
	
	}	
#contentbox
	{
	padding:1.3em;
	}

#contentbox h1
	{
	color:#FF6633;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#contentbox p
	{
	color:#003366;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;padding:.5em;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
#portfolio_home {
	height:300px;
	margin-top:22px;
	margin-bottom:22px;
}
#portfolio_home_gallery {
	width:550px;
	height:300px;
	float:right;
}
#portfolio_home_gallery li {
	background:top center no-repeat;
}
#portfolio_home_text {
	width:300px;
	float:left;
}
#portfolio_home_text h1 {
	color:#ffffff;
	font-size:40px;
	text-align:left;
	line-height:37px;
	margin-bottom:10px;
	margin-top:42px;
	font-weight:bold;
	text-transform:uppercase;
}
#portfolio_home_text h2 {
	color:#ffffff;
	font-size:22px;
	text-align:left;
	line-height:22px;
	padding:0px;
	margin-bottom:4px;
	margin-top:0px;
	font-weight:bold;
	text-transform:uppercase;
}