/*   
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;
}

body {
	background: #666666 url(../images/grey-curl-bg.jpg) repeat-x bottom left;
	color:#000;
	font:62.5% verdana, arial, helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	color:#333;
}
p{
	line-height:130%;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:700
}

h1,h2,h3,h4,h5,h6 {
	
	font-size: 1em
}

h1{
color:#fd6702;
}
h2{
color:#fff;
}
h3{
color:#333;
font-size:1.3em;
}
h4, h5, h6{
color:#fd6702;
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; } 

a {
	color:#FD6702;
	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:1038px;
	margin: 0px auto;
	z-index:2;
}

#site{
	width:100%;
	margin:30px 0;
	float:left;
	z-index:2;}

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

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

#site .footer{
	background:url(../images/site-bot.png) no-repeat bottom;
	width:1038px;
	height:30px;
	float:left;
	z-index:2;
	
}
.sitefooter{
	width:1038px;
	margin:40px 0pt 90px;
	min-height:200px;
	*min-height:350px;
	float:left;
	font-size:1.2em;
	line-height:150%;
	z-index:2;
}
.sitefooter div{
	float:left;
	width:470px;
	margin:10px;
	color:#a9a6a4;
	}

.sitefooter .contact{
	margin-left:20px;
	float:right
}

.sitefooter div ul{
	margin:5px 0 11px 15px;
}
.welcomeblock h1,
.col2 .content h1,
.col2 .content h2{
	font-size:1.5em;
	margin-bottom:10px;

}
.col2 .content h2{
	color:#333333;
}
.col2 .content .welcomeblock h2{
	/*margin-top:20px*/
}
.col2 .content h3,
.col2 .content h4{
	font-size:1.3em;
	margin-bottom:10px;

}
.col2 .content .currentProjectsblock h1{
	margin-left:16px;
	margin-top:10px;
}
.col2 .content .Servicesblock h2{
	margin-top:16px;
	clear:both;
	float:left;
	width:100%;
}
.sitefooter div h1{
	color:#fff;
	font-size:1.3em;
	margin-bottom:11px}
	
.sitefooter div h2{
	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 .content p{
	padding:0 20px 0px}
.com100{
	margin:0 30px 0 33px;
	width:978px}

.com100 #mastHead{
	width:100%;
	float:left;}
.com100 #mastHead h1{
	clear:both;
	float:left;
	color:#fd6702;
	margin:-10px 0 0 84px;
	width:200px;
	font-size:0.8em;
	*font-size:0.9em;
}
.com100 .content{}

.com100 .footer{}



.pagecontent{
	width:978px;
	clear:both;
	float:left;
	}
.welcomearea{
	width:100%;
	float:left;
}
.col1{
	width:316px;
	float:left;
	margin-top:0px;
	margin-right:20px;
	}
.col2{
	width:635px;
	display:inline;
	float:left;
	margin-top:0px;}

#mainNavContainer {
	margin:0 0 0 55px;
	float:left;
}
.webtrendz_logo{
	float:left;
}
blockquote {
	margin:1em
}

ol,ul {
	list-style:none
}

.bp .content ol.num {	margin-left: 44px;}
.bp .content ul.bull {	margin-left: 39px;}

ol.num li {
	list-style:decimal outside;
	margin:8px 0 0 0;
	width:430px
}

ul.bull li {
	list-style:disc outside;
	margin:8px 0 0 0;
	width:430px;
	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
}





#site .com317{
	width:316px;
	float:left;
	margin-bottom:10px;
}
#site .contactUsblock {
	margin-right:20px;
	margin-bottom:7px;
}
#site .com317 .header{
	background:url(../images/com317-block-top.png) no-repeat;
	height:20px;
	width:316px;
	}
	
#site .welcomearea .contactUsblock .header{
	background:url(../images/contact-us-block-top.png) no-repeat;
	height:105px;
	width:316px;
	margin-top:8px;
}
#site .welcomearea .contactUsblock .header h1{
	padding:85px 0pt 0pt 30px}

#site .welcomearea .col2{
	margin-top:-20px;
}

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

#site .com317 .content{
	background:#fd6702;
	*background:#FD5B01;
	width:296px;
	padding:10px;}
	
#site .specialOfferblock .content{
	background:#fff;
	width:316px;}
#site .welcomearea .contactUsblock  .content{
	background:#fd6702;
	*background:#FD5B01;
	padding:0 10px 0 30px;
	width:276px;}	
	
#site .com317 .footer{
	background:url(../images/com317-block-bot.png) no-repeat;
	height:20px;
	width:316px;}
	
#site .welcomearea .contactUsblock .footer{
	background:url(../images/contact-us-block-bot.png) no-repeat;
	height:41px;
	width:316px;
}

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

.divider1{
	position:relative;
	top:0px;
	left:316px;
	background:url(../images/div-top.png) no-repeat;
	width:20px;
	height:20px;
	float:left
	
}
.divider2{
	background:url(../images/div-bot.png) no-repeat;
	height:20px;
	left:316px;
	position:relative;
	top:-10px;
	width:20px;
	float:left;
}
.col2 .content .welcomeblock{	
	min-height:27.2em;
}
.col2 .content .welcomeblock,
.col2 .content .currentProjectsblock,
.col2 .content .Servicesblock,
.col2 .content .furtherContentblock{
	margin:10px;
	width:600px;
	margin:0 auto 16px;
	*margin-bottom:8px;
}
.col2 .content .currentProjectsblock{
	width:635px;
	margin:0px 0 10px 0px;
	float:left;
}
#site .col2 .content .currentProjectsblock .header{
	background:url(../images/portfolio_top.png);
	height:18px;
}
#site .col2 .content .currentProjectsblock .content{
	background:#333333;
	*background:#292929;
	padding:0 10px;
	width:605px;}
#site .col2 .content .currentProjectsblock .footer{
	background:url(../images/portfolio_bot.png);
	height:18px;}	

.welcomearea .contactUsblock h1,
#site .com317 .content h2{
	color:#fff;
	font-size:1.5em;
	margin-bottom:10px;;
	}
#site .specialOfferblock .content h2{
	color:#FD6702;
	margin-left:20px}
.welcomearea .contactUsblock dl{
	margin-top:10px;
	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:#fff;}

.welcomearea .contactUsblock dl dd{
	width:200px}
	
.welcomearea .contactUsblock dl dd address{
	width:110px}
	
.welcomearea .contactUsblock dl dd address span{
	display:block;}
.toparea{
	/*width:217px;*/
	float:left;
	/*margin:15px 25px 5px;*/
	z-index:2001;
}
#enqfrm{
	padding:8px 5px 0;
	width:200px;
	position:absolute;
	background:url(../images/enqfrm-bg.png) no-repeat  100% 0;
	z-index:1;
	*display:inline;
	*margin-left:8px;

	}
#enqfrm a {
	color:#FF9900;
	display:block;
	text-align:center;
	padding-left:10px;
	font-weight:bold;
	}

#enqfrm dt{
	height:20px;}

#enqfrm dd{
	text-align:left;
	margin-left:20px;
	width:180px;}

#enqfrm dd ol li{
	margin:2px 0 2px 2px;
}
#enqfrm dd p{
	color:#fff;
	font-size:0.8em;
	width:174px}
#enqfrm dd ol li label{
	color:#FFFFFF;
	font-variant:small-caps;
	margin-bottom:3px;
}
#enqfrm dd ol li input{
	background-color:#666666;
	color:#CCCCCC;
	display:block;
	margin-bottom:5px;
	border:1px solid #000;}
#enqfrm dd ol li.actionbtn input{
	margin:10px 0 0;
}
#enqfrm dd ol li.actionbtn{
	*margin:20px; 0}
#openPortfolio{
	font-size:1.5em;
	/*margin:18px 0;*/
	font-weight:bold;
	cursor:pointer;
	}
#currentProjectsblock #closePortfolio{
	cursor:pointer;
	color:#CCCCCC;
	text-align:center;
	float:right;
	width:120px;
	margin:-30px -2px 0 0;
	width:200px;
	height:23px;
	padding-top:7px;
	background:url(../images/enqfrm-bg.png) no-repeat  100% 0;}
.footerlinks{
	float:left;;
	margin-left:10px;}
.footerlinks li{
	float:left;
	border-right:1px solid #ccc;
	margin:0 2px 0 0;
	padding:0 3px; 0 4px}
.footerlinks li.last{
	border-right:0}