/*   
CSS Style: Default
Description: Webtrendz website
Author: Rahim Haji
URL: www.webtrendz.co.uk
Version: 1.0
*/


html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, del, em, img, 
strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent no-repeat 0 0;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	text-align:left;
	vertical-align:baseline
}

:focus {
	outline:1px dotted black;
	font-style:italic;
}

body {
	background:#4995a6 url(../images/site-bg.jpg) repeat-x bottom left;
	color:#5D5D5D;
	font:62.5% verdana, arial, helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	color:#333;
}
p{
	line-height:1.7em;
	clear:both;
	float:left;
	width:100%;
}
h1,h2,h3,h4,h5,h6,strong,legend {
	font-weight:700;
	line-height:130%;
}
.col2  address {
	font-weight:bold;
	line-height:150%;
	color:#4D5E56;
	font-size: 1.3em;
	margin:0 0 20px;
}
address span{
	display:block;}
	
h1{
	color:#4D5E56;
	font-size: 1.3em
}
h2{
	color:#fff;
	font-size: 1em
}
h3, legend{
	color:#236B81;
	font-size:1.3em;
}
h4{
	color:#fff;
	font-size:1.2em;
}
h5, h6{
	color:#6F6F6F;
	font-size:1.2em;
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help
}

em {
	font-style:italic
}

p,fieldset,table {
	margin-bottom:1em
}

sup {
	vertical-align:super;
	font-size:0.8em;
	font-weight:normal;
}

p, td, th, li, dt, dd, .bp input { font-size:1.151em; *font-size: 1.2em; } 
blockquote {
	margin:1em
}

ol,ul {
	list-style:none;
	list-style-position:outside;
}
.list{
	clear:both;
	float:left;
	margin-left:10px;
	color:#454545;
}
.list dt{
	font-weight:bold;
	margin:10px 0 0 0px;
}
.list dd{
	margin:0px 0 0 10px;
	line-height:1.5em;
}
.formbtn{
	margin:4px 0pt 0 -15px;
	background:transparent url(../images/enqfrm-bg.png) no-repeat top left;
	_background:transparent url(../images/enqfrm-bg-ie6.gif) no-repeat top left;
	height:30px;
	width:200px;
	border:0;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;	
	color:#fff;
}
.formbtn2{
	margin:4px 0pt 0 -15px;
	background:transparent url(../images/enqfrm-bg.png) no-repeat bottom left;
	_background:transparent url(../images/enqfrm-bg-ie6.gif) no-repeat bottom left;
	height:30px;
	width:200px;
	border:0;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;
	color:#1C738C;
	border-top:1px solid #1C738C;
	float:right
}
.arrow-big{
	margin:10px 10px 10px 20px;
	padding:10px;
	clear:both;
	float:left;
	
	
}
.arrow-big li{
	background:url(../images/list_arrow.png) no-repeat top left ;
	color:#0F4859;
	font-size:130%;
	font-weight:bold;
	clear:both;
	float:left;
	margin:15px 0px;
	padding:2px 0px 10px 40px;
	*patting-top:4px;
	min-height:70px;
	width:95%;
}
.arrow-big li span{
	display:block;
	font-size:0.9em;
	font-weight:normal;
}
.arrow-big li span ul.bull{
	clear:both;
	list-style-position:outside;
}
.arrow-big li span ul.bull li{
	font-size:0.9em;
	background:none;
	line-height:1em;
	min-height:0.8em;
	display:list-item;
	margin:0 0 10px;
	padding:0;
}
.arrow {
	margin:10px 10px 10px 0px;
	padding:10px;
	clear:both;
}
.arrow li{
	background:transparent url(../images/list_arrow.png) no-repeat scroll 0pt;
	color:#036EA0;
	font-size:120%;
	margin:6px 0px;
	padding:6px 0px 10px 40px;
	clear:both;
	float:left;
	display:block;
	list-style-position:outside;
	width:100%;
	
}
a {
	color:#1C738C;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#accessibility { left: 0; height: auto; width: auto;}
#accessibility a {left: -999em; position: relative;}
#accessibility a:focus { left: 0; }

#wrapper{
	width:100%;
	margin: 0px auto;
	z-index:2;
	background:url(../images/site-head-bg.jpg) repeat-x top left;
	overflow:visible;
	float:left
}

#site{
	/*width:100%;
	margin:30px 0;
	float:left;*/
	z-index:2;
	margin:0px auto;
	/*float:left;
	padding-top:240px;
	overflow:hidden;*/
	width:1005px;
	
	}

#site .header{
	/*background:url(../images/site-top.png) no-repeat top;*/
	width:1038px;
	height:30px;
	z-index:2;
}

#site .content{
	/*background:#000;*/
	width:1005px;
	float:left;
	z-index:2;
	}

#site .footer{
	background:url(../images/nav_l_bg.png) no-repeat;
	_background:url(../images/nav_l_bg-ie6.gif) no-repeat;
	width:984px;
	height:30px;
	float:left;
	z-index:2;
	
}

#site .end{
	background:url(../images/nav_r_bg.png) no-repeat;
	_background:url(../images/nav_r_bg-ie6.gif) no-repeat;
	width:16px;
	height:30px;
	float:left;

}
#site .storybottom .end,
#site .blulink .end{
	float:right;

}
#site .storybottom p{
	margin-left:0;
}
.sitefooter{
	clear:both;	
	width:100%;
	margin:0 0 6px;
	*margin-top:10px;
	display:inline;
	float:left;
	font-size:1.2em;
	z-index:2;
}
.footercontainer{
	width:1000px;
	margin:0 auto;
	padding-top:40px;
	*padding-top:30px;
	overflow:hidden;}
	
.sitefooter .about{
	float:left;
	width:60%;
	margin:0px 10px 0px 30px;

	color:#236B81;
	}
.sitefooter div p{
	color:#236B81;
	}
.sitefooter .contact{
	width:30%;
	float:right;	
	line-height:150%;
}

.sitefooter div ul{
	margin:5px 0 11px 35px;
	color:#103D4B;
}
.sitefooter div ul li{	
	line-height:1.7em;
}
.stylecontainer{
	/*width:410px;
	float:left;
	margin-left:294px;
	margin-top:20px;*/
	
	float:left;
	margin-left:67px;
	_margin-left:20px;
	margin-top:35px;
}
.styleSwitch{
	width:620px;
	_width:660px;
	float:left;
	text-align:center;
	background:transparent url(../images/nav_l_bg.png) no-repeat scroll 0%;
	_background:transparent url(../images/nav_l_bg-ie6.gif) no-repeat scroll 0%;
	height:25px;
	padding-top:5px;
}
.styleSwitch h1{
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	padding-top:2px;
	display:block;
	text-align:center;
}
.styleSwitch label{
	/*color:#053660;
	font-weight:bold;
	margin-left:10px*/
	float:left;
	height:25px;
	padding-top:5px;
	padding-left::10px;
	text-align:center;
	width:219px;
}
.styleSwitch select{
	border:1px solid #073861;
	background-color:#CBE5E7;
	font-size:9px;
	color:#053660;

}
.welcomeblock h1,
.col2 .content h1,
.col2 .content h2{
	font-size:1.5em;
	margin-bottom:10px;

}
.col2 .content h2,.col2 .content legend{
	color:#236B81;
	font-size:1.5em;
	border-bottom:1px solid #4995A5;
	padding-bottom:3px;
}
.col2 .content .com300 h2{
	padding:10px 0 10px 30px;
	margin:10px 0 0;
}
.col2 .content .welcomeblock h2{
	/*margin-top:20px*/
}
.col2 .content h3,
.col2 .content h4{
	font-size:1.3em;
	margin-bottom:10px;
	border-bottom:1px solid #236B81;
	padding-bottom:3px;

}

#site .col2 .content .nobdr{
	border:0;
	margin-bottom:0;
}
.col2 .content .currentProjectsblock h2{
	margin-left:-56px;
	margin-top:-3px;
	width:600px
}
.col2 .content .Servicesblock h2{
	margin-top:16px;
	clear:both;
	float:left;
	width:100%;
}
.sitefooter div h2{
	color:#236B81;
	font-size:1.3em;
	margin-bottom:11px}
	
.sitefooter div h3{
	color:#fff;
	font-size:1.2em;
	margin:0 0 5px 15px;}

#site .specialOfferblock .content h2,
#site .specialOfferblock .content h3{
	color:#FD6702;
	text-align:center;
	margin-bottom:10px;
	font-size:1.5em;
}
#site .specialOfferblock .content h2{
	text-align:left;}
#site .specialOfferblock .content h3{
	margin:15px 0;
	color:#000000;
}
#site .specialOfferblock ul{
	margin:10px 0 10px 40px;
	_margin:10px 0 10px 30px;
	list-style-type:disc;
	color:#fff;
	_color:#2A8099;
}
#site .specialOfferblock ul li{
	margin-bottom:10px;
}
#site .specialOfferblock .content p{
	padding:0 20px 0px;
	margin-bottom:0;}
.com100{
	margin:0 30px 0 33px;
	width:978px}
#sitetop{
	width:100%;
	float:left;	
	}
#sitetop #mastHead{
	width:971px;
	min-height:15.7em;
	margin:0 auto;}
	
.breadcrumb{
	color:#fff;
	margin-left:33.5em;
	font-weight:bold;}
	
.breadcrumb a{
	color:#BBE5FD;
}

.com100 .content{}

.com100 .footer{}



.pagecontent{
	width:971px;
	clear:both;
	float:left;
	padding-bottom:20px;
	display:inline;
	}

.welcomearea{
	width:100%;
	float:left;
	display:inline;
	/*background:url(../images/maintop_people.gif) 99% 90% no-repeat;*/
}
/*.welcomeblock p{
	float:left;
	width:200px;
}*/
.col1{
	width:316px;
	float:left;
	margin-top:0px;
	margin-right:20px;
	display:inline;
	}
.pagearea .col1{
	/*margin-top:42px;
	*margin-top:45px;*/
}
.col2{
	width:635px;
	display:inline;
	float:left;
	margin-top:-22px;
	*margin-top:-27px;
	_margin-left:-20px;}

#mainNavContainer {
	margin:30px 0 0 67px;
	_margin-left:20px;
	float:left;
	display:inline;
	position:relative;
}
.webtrendz_logo{
	float:left;
	height:157px;
	margin-left:40px;
	width:226px;
	z-index:1;
}
.webtrendz_logo a{
	height:137px;
	background:url(../images/webtrendz-web-logo.png) no-repeat left bottom;
	_background:url(../images/webtrendz-web-logo-ie6.gif) no-repeat left bottom;
	width:226px;
	z-index:1;
	float:left;	
}
.webtrendz_logo a:hover{
	height:167px;
}


.col2 .contentarea li{	
	line-height:1.7em;
}

.content ol.num{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left: 44px;
	float:left;
	}
.content ol.numlst{	margin-left: 44px;}
.content ul.bull {	margin: 10px 40px; list-style-type:circle;}

#site ol.num li,
.col2 ol.numlst li {
	clear:both;
	float:left;
	margin:8px 0 0 0;
	width:430px;
	
	padding-left:20px;
}

ul.bull li {
	list-style:disc outside;
	margin:8px 0 0 0;
	width:100%;
	padding-left: 5px;
}

.inlineList {
	height:100%;
	overflow:hidden
}

.inlineList li {
	float:left
}

.clearboth {
	clear:both
}



/* Utilities */
.hide {
	height:1px;
	left:-999em;
	overflow:hidden;
	position:absolute;
	top:0;
	width:1px
}

/* End of utilities */
blockquote,q {
	quotes:none
}
.testimonialsblock {
	margin-top:-12px;
}
.newsblock ,
.blogsblock{
	margin-top:8px;
}

.portfolioblock .content p,
.testimonialsblock .content p,
.blogsblock .content p{
	margin:10px 0 0 20px;
}
.newsblock .content ol{
	margin:10px 0 15px 20px;
}
.newsblock .content ol li{
	margin:0px 0 8px;
	line-height:1.7em;
	list-style-position:outside;
	list-style-image:url(../images/arrw.gif);	
}
.newsblock .content ol li a{
	color:#666666;
}
#site .com317{
	width:316px;
	float:left;
	margin-bottom:10px;
}
#site .com300{
	width:290px;
	float:left;
	margin:0 10px 10px 0;
}
#site .norightmrg{
	margin:0 0 10px 10px;
}
#site .contactUsblock {
	margin-right:20px;
	margin-bottom:0px;
}
#site .pagearea .contactUsblock{
	margin-bottom:0px;
}
#site .offerscontainer .com300 .header{
	background:url(../images/com300-block-top.png) no-repeat;
	_background:url(../images/com300-block-top-ie6.gif) no-repeat;
	height:40px;
	width:290px;
	}
#site .com317 .header{
	background:url(../images/com317-block-top.png) no-repeat;
	_background:url(../images/com317-block-top-ie6.gif) no-repeat;
	height:40px;
	width:316px;
	}	
#site .welcomearea .contactUsblock .header{
	background:url(../images/contact-us-block-top.png) no-repeat;
	_background:url(../images/contact-us-block-top-ie6.gif) no-repeat;
	height:90px;
	width:316px;
	/*margin-top:8px;*/
}
#site .welcomearea .contactUsblock .header h2{
	padding:60px 0pt 0pt 30px;
	color:#236B81;
	font-size:1.5em;
	width:280px;}

#site .welcomearea .col2{
	margin-top:40px;
	float:right;
}
#site .welcomearea .col2 .breadcrumb{
	margin-bottom:13px;
}
#site .welcomearea .contentpage{

	float:right;
}
#site .col1 .specialOfferblock .header{
	background: url(../images/special-offer-block-top.png) no-repeat;
	_background: url(../images/special-offer-block-top-ie6.gif) no-repeat;
	height:20px;
	width:336px;
}

#site .com317 .content{
	background:url(../images/com317-block-mid.png);
	_background:url(../images/com317-block-mid-ie6.gif);
	width:296px;
	padding:0 10px;
	_margin-top:-10px;}
	
#site .offerscontainer .com300  .content{
	background:url(../images/com300-block-mid.png);
	_background:url(../images/com300-block-mid-ie6.gif);
	width:280px;
	padding:2px 5px;
	_margin-top:-10px;}
#site .specialOfferblock .content{
	background: url(../images/special-offer-block-mid.png);
	_background: url(../images/special-offer-block-mid-ie6.gif);
	width:316px;
	_width:276px;
	padding-top:0;
	
	}
#site .welcomearea .contactUsblock  .content{
	background:url(../images/contact-us-block-mid.png);
	_background:url(../images/contact-us-block-mid-ie6.gif);
	padding:0 10px 0 30px;
	width:276px;}	
	
#site .com317 .footer{
	background:url(../images/com317-block-bot.png) no-repeat;
	_background:url(../images/com317-block-bot-ie6.gif) no-repeat;
	height:20px;
	width:316px;}
#site .offerscontainer .com300 .footer{
	background:url(../images/com300-block-bot.png) no-repeat;
	_background:url(../images/com300-block-bot-ie6.gif) no-repeat;
	height:20px;
	width:290px;}
#site .welcomearea .contactUsblock .footer{
	background:url(../images/contact-us-block-bot.png) no-repeat;
	_background:url(../images/contact-us-block-bot-ie6.gif) no-repeat;
	height:41px;
	width:316px;
}

#site .specialOfferblock .footer{
	background: url(../images/special-offer-block-bot.png) no-repeat;
	_background: url(../images/special-offer-block-bot-ie6.gif) no-repeat;
	height:20px;
	width:336px;
}
#site .col2 .header{
	width:100%;
	background:url(../images/col2-block-top.png) no-repeat;
	_background:url(../images/col2-block-top-ie6.gif) no-repeat;
	height:20px;
	}
#site .col2 .content{
	width:100%;
	background:url(../images/col2-block-mid.png);
	_background:url(../images/col2-block-mid-ie6.gif);
	}
#site .col2 .footer{
	width:100%;
	background:url(../images/col2-block-bot.png) no-repeat;
	_background:url(../images/col2-block-bot-ie6.gif) no-repeat;
	height:20px;}

#site .col2 .content .contentarea{
	margin:0 auto;
	width:600px;
	min-height:700px;
}

.divider1{
	position:relative;
	top:0px;
	left:316px;
	background:url(../images/div-top.png) no-repeat;
	*background:url(../images/div-top.png) no-repeat;
	_background:url(../images/div-top-ie6.gif) no-repeat;
	width:20px;
	height:20px;
	float:left
	
}
.divider2{
	background:url(../images/div-bot.png) no-repeat;
	*background:url(../images/div-bot.png) no-repeat;
	_background:url(../images/div-bot-ie6.gif) no-repeat;
	height:20px;
	left:316px;
	position:relative;
	top:-10px;
	width:20px;
	float:left;
}
.col2 .content .welcomeblock{	
	xmin-height:26.2em;
}
.col2 .content .Servicesblock{
	clear:left;
	}
	
.smallcomtainer{
	width:33%;
	float:left;}
.col2 .content .welcomeblock,
.col2 .content .currentProjectsblock,
.col2 .content .Servicesblock,
.col2 .content .furtherContentblock{
	margin:10px;
	width:600px;		
	margin:0 auto 0px;
}
.col2 .content .currentProjectsblock{
	background:url(../images/portfolio_bg.png) repeat-y;
	_background:url(../images/portfolio_bg-ie6.gif) repeat-y;
	width:565px;
	margin:0px;
	float:left;
	min-height:265px;
	padding-left:70px;
	display:inline;
	
	
}
#site .col2 .content .currentProjectsblock .header{
	background:url(../images/portfolio_top.png);
	_background:url(../images/portfolio_top-ie6.gif);
	height:18px;
}
#site .col2 .content .currentProjectsblock .content{
	background:none;
	display:inline;
	width:430px;
	
}
#site .col2 .content .currentProjectsblock .footer{
	background:url(../images/portfolio_bot.png);
	_background:url(../images/portfolio_bot-ie6.gif);
	height:18px;
	font-size:1.151em;}	
.col2 .content .Servicesblock{
	min-height:250px;
}
.welcomearea .contactUsblock h1,
#site .com317 .header h2,
#site .com317 .content h2{
	color:#fff;
	_color:#257690;
	font-size:1.5em;
	margin-bottom:10px;;
	}
#site .com317 .header h2{
	padding:20px 0 0 30px;
	_color:#257690;
}
#site .com317 .header h2 a{
	color:#FFF}
#site .specialOfferblock .content h2{
	margin-left:20px}
.welcomearea .contactUsblock dl{
	float:left}

.welcomearea .contactUsblock dl dt,
.welcomearea .contactUsblock dl dd{
	font-weight:bold;
	float:left;
	margin-bottom:5px;}

.welcomearea .contactUsblock dl dt{
	width:75px;
	clear:left;	
	color:#236B81;}

.welcomearea .contactUsblock dl dd{
	width:200px}
	
.welcomearea .contactUsblock dl dd address{
	width:110px;
	margin-bottom:16px;
	font-style:italic;
	*line-height:1.5em;}
	
.welcomearea .contactUsblock dl dd address span{
	display:block;}
.toparea{
	float:left;
	z-index:2001;
	margin:25px 0 0 3px;
}
#site .toparea .enqfrm-json{
	padding:7px 0px 0px;
	width:198px;
	overflow:hidden;
	float:left;
	background:url(../images/enqfrm-bg.png) no-repeat;
	_background:url(../images/enqfrm-bg-ie6.gif) no-repeat;
	z-index:1000;
	position:absolute;
}
#enqfrm{
	width:965px;
	padding-top:10px;
	clear:both;
	float:left;
	background:url(../images/full-in-bg.png) no-repeat;
	_background:url(../images/full-in-bg.gif) no-repeat;
	}
#enqfrm a {
	color:#fff;
	font-size:1.2em;
	display:block;
	padding-left:0px;
	font-weight:bold;
	line-height:1.2em;
	text-align:left;
	padding-left:10px;
	}
#site .toparea .enqfrm-json a{	
	text-align:center;
	padding-left:0;
}
#enqfrm dt{
	height:23px;}

#enqfrm dd{
	text-align:left;
	margin:10px 0 20px 13px;
	width:800px;
	}

#site .toparea .enqfrm-json dd{
	width:170px;}
	
#enqfrm dd form ol{
	min-height:433px;
	clear:both;
	float:left;
	margin:0pt 0pt 0pt -9px;
	}
#enqfrm dd ol li{
	
	margin:2px 0pt 4px 2px;
	width:90%;
	padding-left:10px;
	
}
#enqfrm dd ol li h4{
	font-size:1.2em;
	*font-size:1.0em;
}
#enqfrm dd p{
	color:#fff;
	font-size:0.8em;
	width:90%;}
	
#site .toparea .enqfrm-json dd p{
	width:174px
}

#site .toparea .enqfrm-json dd p span{
	display:block;
}

#enqfrm dd ol li label{
	color:#FFFFFF;
	font-variant:small-caps;
	margin-bottom:5px;
	font-size:0.9em;
}
#enqfrm dd ol li input,
#enqfrm dd ol li textarea,
#enqfrm dd ol li select{
	background-color:#b4e5ff;
	color:#0c3e66;
	display:block;
	margin-bottom:5px;
	border:1px solid #000;
	font-size:0.8em;}

#site .toparea .enqfrm-json dd ol li input,
#site .toparea .enqfrm-json dd ol li textarea,
#site .toparea .enqfrm-json dd ol li select{
	width:90%;
}
	
#enqfrm dd ol li.actionbtn input,
.submit{
	margin:4px 0pt 0pt 10px;
	background:transparent url(../images/enqfrm-bg.png) no-repeat top left;
	_background:transparent url(../images/enqfrm-bg-ie6.gif) no-repeat top left;
	height:30px;
	width:200px !important;
	border:0;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;
	color:#fff;
	float:left
}


#site .toparea .enqfrm-json dd ol li.actionbtn input{
	float:left;
	margin:10px 0 0 -6px;
}

#enqfrm dd ol li.actionbtn{
	*margin:-10px 0 0px;
	text-align:left;
	padding:0;
	margin-bottom:10px;}
	
#commentForm li{
	clear:both;
	float:left;
	padding:11px 0 0 15px;
	width:250px;
}	
	
#openPortfolio{
	font-size:1.5em;
	display:none;
	margin:0;
	/*margin:18px 0;*/
	font-weight:bold;
	cursor:pointer;	
	width:597px;
	float:left;
	background:transparent url(../images/nav_l_bg.png) no-repeat scroll 0%;
	_background:transparent url(../images/nav_l_bg-ie6.gif) no-repeat scroll 0%;
	height:25px;
	padding:5px 0 0 20px;
	border:0;
	
	}
#closePortfolio{
	display:none;
	font-size:1.2em;
	cursor:pointer;
	color:#fff;
	text-align:center;
	float:right;
	margin:-40px 6px 0 0;
	width:200px;
	height:23px;
	padding-top:7px;
	background:url(../images/enqfrm-bg.png) no-repeat  100% 0;
	_background:url(../images/enqfrm-bg-ie6.gif) no-repeat  100% 0;
	_position:relative;
	_top:-1px;
	_right:-5px}

#site .footerlnkscont{
	
	float:left;
	z-index:2;
	margin-left:30px;
	display:inline;
}

ul.footerlinks{
	background:url(../images/nav_l_bg.png) no-repeat;
	_background:url(../images/nav_l_bg-ie6.gif) no-repeat;
	height:30px;
	float:left;
	padding:8px 8px 8px 35px;	
	width:916px;
	_width:913px;
}
.footerlinks li{
	float:right;
	border-right:1px dotted #fff;
	margin:0 4px 0 4px;
	padding:0 10px 0 4px}
.footerlinks li.first{
	border-right:0}
.footerlinks li a{
	color:#1C738C;
	font-weight:bold;
}
.footerlinks li a:hover{
	color:#fff;
}
.right{
	float:right;
	margin-bottom:10px;
}
.left{
	float:left;
	clear:both;
	margin-top:19px;
	width:100%;
}
.margin5r{
	margin-right:5px;
}
.left .content div{
	margin:0pt auto 0px;
	width:600px;
}
.com317 .storybottom,
.com317 .blulink{
	margin-top:0px;
	float:right}

.storybottom,
.blulink{
	clear:both;
}
.storybottom a,
.blulink a{
	cursor:pointer;
	float:right;
	background:url(../images/nav_l_bg.png) no-repeat;
	_background:url(../images/nav_l_bg-ie6.gif) no-repeat;
	height:30px;
	padding:7px 0px 0 16px;
	*padding-top:5px;}
.storybottom a.closediv,
.blulink a.closediv{
	background:url(../images/enqfrm-bg.png) no-repeat;
	_background:url(../images/enqfrm-bg-ie6.gif) no-repeat;
	height:23px;
	*height:25px;
	color:#fff;
	width:183px;
	text-align:center;
}
.arrow-big li .blulink a{
	font-size:0.8em;
	*font-size:1.2em;
	padding-top:2px;
}
.finalcontent{
	clear:both;
	display:block;
	float:left;
	margin-top:20px;
	width:100%;
}
.newsWrap{
	float:left;
	padding-left:20px;
	margin:10px 0;
	font-style:italic;
	background:url(../images/quotes-left.png) no-repeat top left;
	_background:url(../images/quotes-left-ie6.gif) no-repeat top left;
}
.newsWrap span.quoteright{
	background:url(../images/quotes-right.png) no-repeat bottom right;
	_background:url(../images/quotes-right-ie6.gif) no-repeat bottom right;
	height:20px;
	width:20px;
	float:right;
	margin-top:-20px;
}
.newsWrap blockquote{
	margin:0 5px 0 0;
	font-size:1.1em;
	line-height:130%;
	color:#5D5D5D;
	
}
.newsblock p{
	margin:0pt 12px 10px 24px;
	_margin-left:12px;
	float:left;
	width:90%;
	_width:80%;
}
.newsWrap blockquote em{
	font-weight:bold;}
.tbinfo{
	background:#fff;
}	
.tbinfo td, .tbinfo th{
	border:1px solid #A3C8D2;
	padding:4px;
}
.offerscontainer{
	float:left;
	clear:both;
	width:100%;
}
.half{

	float:left;
}
.com50{
	width:48%;
}
.com35{
	width:35%;
}
.smlmr{
	margin-right:10px;
}
.smlmrtop{
	margin-top:20px;
}
.toplink{
	display:block;
	clear:both;
	text-align:right;
}
.note{
	display:block
}
.note h3{
	clear:both;
}
div.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_tip.png) 3px 3px no-repeat;
	text-align:justify;
	width:92%;
	clear:both;
	float:left;
}
div.alert {
	margin: 20px 0px 10px 0px;
	padding: 0px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_alert.png) 5px 0px no-repeat;
	text-align:justify;
	width:92%;
	clear:both;
	float:left;
}
.imglft{
	float:left;
	margin:6px 3px 0 0;
}
.actions{
	float:left;
	clear:both;
	width:490px;
	min-height:30px;
	background:url(../images/nav_l_bg.png) repeat-x;
}
.useraction{
	float:left;
	clear:both;
}
.contentarea .actions li{
	background:none;
	font-size:1em;
	margin:0 0 0 10px;
	padding:0;
	line-height:2.5em;
	clear:none;
	float:right;
	min-height:2.5em;
	width:140px;
	text-align:right;
}
.actions .end{
	display:inline;
}
.checkbox{
	clear:both;
	float:left;
	width:95%;
}
.checkbox li {
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 5px 30px;
	background: url(../images/list_check.png) 0 0 no-repeat;
	font-size: 125%;
	float:left;
	width:100%;
	clear:both;
	color: #646464;
}
.useraction{
	margin:0 0 0 50px;
}
.useraction li {
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 5px 30px;
	background: url(../images/list_star.png) 0 0 no-repeat;
	font-size: 125%;
	color: #646464;
}
.checkbox li.unlimited{
	background: url(../images/list_plus.png) 0 0 no-repeat;
}
.useraction li.unlimited{
	background: url(../images/list_check_blue.png) 0 0 no-repeat;
}
.checkboxtick li {
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 5px 25px;
	background: url(../images/list_checkbox.png) 0 0 no-repeat;
	font-size: 100%;
	color: #646464;
	clear:both;
	float:left;
	width:100%;
}

.highlighblu{
	color:#4995A6;
}
.opendiv01,
.opendiv02,
.opendiv03{
	bottom:-15px;
	display:none;
	position:relative;
	right:-9px;
	cursor:pointer
}
.closediv01,
.closediv02,
.closediv03{
	bottom:-10px;
	*bottom:-20px;
	display:none;
	position:relative;
	right:-9px;
}
.casestudy{
	clear:both;
	float:left;
	width:100%;
}
.casestudy img{
	margin:0;
	float:left;
}
.casestudy p{
	clear:both;
	float:left;
	width:100%;
	margin-top:10px;
}
.casestudy blockquote{
	background:transparent url(../images/quotes-left.png) no-repeat scroll left top;
	clear:both;
	width:580px;
	float:left;
	font-size:1.5em;
	font-style:italic;
	line-height:1.7em;
	margin:10px 0pt;
	padding-left:20px;
	overflow:hidden
}
.casestudy .quoteright{
	background:transparent url(../images/quotes-right.png) no-repeat scroll right bottom;
	float:right;
	height:20px;
	margin-top:-20px;
	width:20px;
}
.casestudy .textcontent{
	float:left;
	width:470px;
	padding-left:10px;
}
.casestudy .textcontent h3{
	border:0pt none;
	display:inline;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:3px;
	color:#333333;
}
.casestudy .textcontent p{
	clear:left;
	color:#50615A;
	line-height:1.5em;
	margin:5px 0pt 2px;	
}
.casestudy .textcontent p.winstrap{
	font-size:1.1em;
	width:98%;
	margin-top:0px;
}
.casestudy .textcontent a{
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
}
.casestudy .textcontent a:hover{
	text-decoration:none;
}
.casestudy .textcontent h3 a{
	text-decoration:none;
	font-weight:bold;
}
.casestudy .textcontent h3 a:hover{
	text-decoration:underline;
}
.reqstar{
	color:#fff;
	font-size:1.5em;
}
#site li.required{
	background:url(../images/required.png) no-repeat -1px 18px;
	_background:url(../images/required.gif) no-repeat -1px 18px;
}
#site li.requirederror{
	background:url(../images/required-error.png) no-repeat -1px 18px;
	_background:url(../images/required-error.gif) no-repeat -1px 18px;
}
#site #prices li.requirederror{
	background:url(../images/required-error2.png) no-repeat -1px 18px;
	_background:url(../images/required-error2.gif) no-repeat -1px 18px;
}
#site span.error{
	color:#FF6600;
	display:block
}
#site #webpackages span.error{
	color:#A4CAD2;
	}
#site input.error,
#site select.error,
#site textarea.error{
	border:1px solid #FF6600;
	background-color:#fff;
	color:#FF6600;
	margin:0;
}

#site #prices .requirederror label{
	color:#A4CAD2;
} 
.contactform li input,
.contactform li textarea{
	display:block;
	border:1px solid #000;
	background-color:#fff;
}
.contactform li .submit{
	border:0;
	background-color:transparent;
}
.bdrlft{
	padding-left:20px;
	border-left:1px solid #4893A6;
}
.sitemaplist{
	margin:10px 0 10px 20px;
}
.sitemaplist dt{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	float:left;
	width:100%;
	margin:20px 0 5px 0px;
	
}
.sitemaplist dd{
	clear:both;
	float:left;
	margin:5px 0 0px 35px;
	width:80%;
}

/* prices table start */

#prices a img {border:0;vertical-align:text-bottom;}
#prices table {border-collapse:collapse; margin-bottom:0}
#prices th.side {
	background: transparent url(../images/bg_th_side.gif) no-repeat bottom left;
}

#prices td.side {
	text-align:left;
	background: transparent url(../images/bg_td_side.gif) no-repeat bottom left;
	width:180px;
	font:bold 12px/15px verdana;
	color:#000;
	height:15px;
	padding-left:8px;
}
#prices td.sidehead {
	color:#1C738C;
}
#prices th {
	height:64px;
	border-right:1px solid #A4CAD2;
	vertical-align:bottom;
	color:#fff;
	font:normal 21px/27px arial;
	letter-spacing:2px;
	background:transparent url(../images/bg_th.gif) no-repeat bottom left;
	text-align:center;
	}
#prices td {
	text-align:center;
	background:transparent url(../images/bg_td.gif) no-repeat bottom left;
	border-right:1px solid #A4CAD2;
	color:#fff;
	width:108px;
	height:40px;
	font:bold 12px/18px verdana;
	padding-top:0px;
	vertical-align:middle;
}
#prices td a{
	color:#fff
}
#prices td.on {
	background:transparent url(../images//bg_td_on.gif) no-repeat bottom left; 
	text-align:center;
	*padding-left:10px;}
#prices th.on {
	background:transparent url(../images/bg_th_on.gif) no-repeat bottom left;
	padding-bottom:9px;
	width:148px; 
	text-align:center;
	
}

#prices tfoot td {
	background:transparent url(../images/bg_foot_td.gif) no-repeat top left;
	height:64px;
	vertical-align:top;
	padding-top:8px;
}
#prices tfoot td.on {
	background:transparent url(../images/bg_foot_td_on.gif) no-repeat top left;
	padding-top:16px;
}
#prices tfoot td.side {background: transparent url(../images/bg_foot_td_side.gif) no-repeat top left;}

#prices #formcontainer {
	width:285px;
	height:270px;
	background:transparent url(../images/bg_form.gif) no-repeat bottom right;
	position:absolute;
	top:24px;
	left:320px;
	*top:34px;
}
#prices #formcontainer form {
	padding:8px 10px;
	margin:0;
}
#prices #formcontainer h2 {
	margin:0;
	padding:0 0 14px 0;
	font:bold 21px/27px arial;
	color:#fff;
	border-bottom:0
}
#prices #formcontainer fieldset {
	border:none;
	padding:0;
	margin:0pt;
	clear:both;
}
#prices #formcontainer fieldset ul{
	clear:both;
	float:left;
	width:100%;}
#prices #formcontainer fieldset ul li{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:3px;
	padding-left:15px;}
	
#prices #formcontainer fieldset ul li.required{
	background-position:0% 13%
}
#prices #formcontainer fieldset ul li.requirederror{
	background-position:0% 13%
}
#prices #formcontainer label {
	display:block;
	float:left;
	width:100%;
	font:bold 12px/18px verdana;
	color:#fff;
}
#prices #formcontainer li.requirederror label {
	color:#A4CAD2;}
#prices #formcontainer label.email {
	width:260px;
}
#prices #formcontainer label.email input {
	width:260px;
}
#prices #formcontainer label.password {
	clear:left;
	padding-right:40px;
}
#prices #formcontainer label.password input,
#prices #formcontainer label.retype input {
	width:150px;
}
#prices #formcontainer fieldset.buttons {
	padding-top:10px;
	clear:left;
	margin-left:15px;
}
#prices {
	position:relative;
	clear:both;
	background:#A4CAD2;
}

/* prices table end */


.menu2 {
	margin: 100px 0 0;
	padding: 0;
	list-style: none;
}
.menu2 span {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu2 a {
	padding: 14px 10px;
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.menu2 span em {
	font-weight: normal;
	background: url(../images/txt-hover.png) no-repeat;
	width: 180px;
	color: #000000;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 10px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	min-height:75px
}

/* Easy Slider */
	#container img{border:none;}


	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:540px;		
		margin-bottom:1em;
		padding-top:1em;
		clear:both;
		}	
				
	#content{
		position:relative;
		}	
	ul.imgLst{
		width: 3480px; 
		margin-left: -1664.09px;
	}
	ul.imgLst li{
		float:left
	}
	.imgLstContainer{
		overflow: hidden; 
		width: 540px; 
		height: 241px;
	}		
	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:540px;
		height:241px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:100px;
		}	
	#nextBtn, #nextBtn2{ 
		left:540px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/back.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/forward.png) no-repeat 0 0;	
		}												

/* // Easy Slider */