/*  CSS document for RaweWebDesign.co.uk								*/
/*  Version 1.0															*/
/*  Created by Richard Edwards - Richard.Edwards@RaweWebDesign.co.uk	*/		

* {	
	padding: 0;
	margin: 0;
}

body {
	background:#D7EBF5 url(images/body-cross.jpg) repeat-x;
	color:#666;
	font-family:Arial, Verdana, Helvetica;
	font-size: small;
	text-align:center;
}

a img{
	border: none;
}

#wrapper{
	width:974px;
	margin:0 auto;
	text-align:left;
}

#header {
	width:974px;
	height:144px;
	background:url(images/header.gif) no-repeat right;
	}
	#header h1, #header #skip{
	position:absolute;
	z-index:-1;
	font-size: xx-small;
	}
	#header img{ float:left; }
	
h2{
	padding:20px 5px 5px 30px;
	font-size: large;
	font-weight: normal;
	color: #000;
}

#nav{
	float:left;
	width:781px;
	height:44px;
	margin-top:32px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#nav li{
	display:inline;
	float:left;
	text-align:center;
}

#nav li span{
	color:#666;
	font-size:x-small;
	display:block;
	text-transform:none;
	font-weight:normal;
	text-indent:-9000em;
}

#nav li a{
	background:url(images/navPlain.jpg);
	display:block;
	width:190px;
	height:44px;
	color:#9f3;
	text-decoration:none;
	text-transform:lowercase;
	font-size:1.2em;
	font-weight:bold;
}
li.company a, #nav li.company a {color:#006699;}
li.portfolio a, #nav li.portfolio a{color:#6633CC;}
li.packages a, #nav li.packages a{color:#66CC00;}
li.hints a, #nav li.hints a{color:#0099CC;}

#nav li a:hover, #nav li a.active{
	background-position:0px -44px;
}
#nav li a:hover span{text-indent:0;}
	
#secNav{
	height:55px;
	font-size:1.2em;
	list-style:none;
	width:562px;
}

#secNav li{
	float:left;
	line-height:2em;
}

#secNav a{
	float:left;
	background:url(images/secNav.gif) repeat-x;
	color:#666;
	height:55px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#secNav a:hover{
	color:#036;
}
	
#secNav a.active{
	background: url(images/secNavActive.jpg) repeat-x;
	border-left:1px solid #618EA3;
	border-right:1px solid #618EA3;
	color:#036;
}


/*----------------------------------------------------------------------------*/
#contentWrap{
	float:left;
	width:974px;
	background:url(images/content.gif) repeat-y;
	margin-bottom:25px;
}	
	
#content{
	width:657px;
	min-height:600px;
	margin-left:40px;
	float:left;
	display: inline; /*prevents IE6 from doubling the margin*/
}

#portfolio #content{
	width: 974px;
}

#home #content{
	width:876px;
	background:#D7EBF5 url(images/rawefield_bgr.jpg) no-repeat;
}
#home #contentWrap{
	background:none;
} 

#sidebar{
	float:left;
	width:237px;
	padding:0px;
	margin-right:40px;
}

#sidebar img{
	border:1px dashed #999;
	padding:2px;
	margin-left:40px;
	margin-bottom:8px;
	}
#sidebar .box{
	width:237px;
	background:url(images/boxSides.jpg) repeat-y top left;
	margin-bottom:10px;
}

#sidebar .box h3{
	font-size: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 25px;
	color: #036;
	background: url(images/boxTop2.jpg) no-repeat top;
}

#sidebar .box h4{
	color: #000;
	padding-left:25px;
	padding-bottom: 1em;
}

#sidebar .box .top{
	background:url(images/boxTop.jpg) no-repeat top;
}
	
#sidebar .box p{
	padding-left:25px;
}

#sidebar .box p.base{
	background:url(images/boxBase.jpg) bottom left;
	padding-bottom:20px;
}

/*-------------------------------*/

.column{
	float:left;
	display:inline;
	width:272px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	background: url(images/collumn.gif) repeat-x;
	
}

.column h2{color:#036;height:35px;}
.column h3{color:#036; padding-bottom:0;}
.column li{padding-left:25px}

/*-------------------------------*/	

#footer{
	clear:both;
	margin-top:10px;
	padding-top:5px;
	background-color: #F3F9FC;
	font-size:small;
	border:1px solid #999;
	border-bottom:none;
	
}

#footer p{
	padding-left:10px;
	padding-right:0;
}

#footNav{
	display: inline;
}

#footNav li{
	display:inline;
	padding:5px;
}

#footer p.copy{
	font-size:x-small;
	color:#999;
	padding-left:10px;
	padding-top:0.4em;
}
 p.copy a{
	color:#666;
}

p{
	font-size: small;
	padding: 0px 1em 1.2em 30px;
}
a {
	color:#036;
	text-decoration:none;
}

a:hover{
	background:#D2EEFF;
}


h3{
	color:#000;
	padding:5px 5px 0.6em 30px;
	font-size:medium;
	font-weight:normal;
}

#content ul{
	margin-left:30px;
	list-style:none;
	padding-bottom: 1.2em;
}

ul.tick li{
	list-style: none;
	background: url(images/tick.gif) no-repeat left top;
	padding-right:10px;
}

#content li{
	padding-bottom:0.4em;
}

dl{
	margin-left:30px;
	padding-left:15px;
}

dt{
	font-weight:bold;
}

ol{
	margin-left:30px;
	padding-left: 20px;
}

/*--- BASIC CLASSES ---*/

.right{
	float:right;
}

.left{
	float:left;
}

.center{
	text-align:center;
}

.blue{
	color:#006699;
}

.inline{
	display: inline;
}


.clear{
	clear:both;
	padding-top:5px;
}

.dotted{
	border:1px dashed #999;
	padding:2px;
}

.ptop{
	padding-top:2.4em;
}

h4{
	padding-left: 30px;
}

a[href^="http:"]{
	background: url(images/externalLink.gif) no-repeat right top;
	padding-right:12px;	
}
 a[href^="http:"].noExtLinkIcon{
	background:none;
}

/*---- VCARD ----*/

.vcard{
	padding-top:0px;
	padding-bottom:40px;
}
.vcard p{
	padding: 0.6em 0em 0.6em 1.2em;
}

.vcard img{
	float:left;
	padding: 5px;
	padding-left:30px;
}

.vcard .info{
	float:left;
	border-left:1px solid #999;
	margin-left:20px;
}

.vcard span.fn{
	font-size: large;
}

.vcard .email, #vcard .tel{
	font-size: medium;
}

.vcard span.locality{
	padding-top:0.5em;
}

#vcf{
	float:left;
	padding-left:30px;
	padding-top:45px;
}
#vcf img{
	padding-right:10px;
}

#sidebar img.bnone{
	border:none;
}

/*--*/

#sitemap #content ul{
	padding-top:20px;
	padding-bottom:10px;
	font-size: medium;
}

#sitemap #content ul ul{
	padding:0;
	margin-right:30px;
	font-size: small;
	list-style: circle;
}

#sitemap #content li{
	padding-top:0.6em;
	padding-bottom:0.6em;
}