@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	background-image:url(images/background.jpg);
	background-position: center top;
	background-repeat:repeat-y;
	background-color:#dedede;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

body p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

a img {border: none;}

/*
DIV ID'S TO GO HERE
*/

#wrapper {
 	margin-left: auto;
 	margin-right: auto;
 	width: 980px;
}

#head {
	background-image:url(images/background_header.jpg);
	background-repeat:repeat-x;
	width:942px;
	height:225px;
	float:left;
	padding: 0px 20px 0px 20px;
}

#header {
	width: 775px;
	height: 105px;
	float: left;
	padding-top: 25px;
}

#navigation {
	width: 775px;
	height: 27px;
	float:left;
	border-bottom:10px;
	padding-top:12px;
	background-image:url(images/background_navigation.jpg);
	background-repeat:repeat-x;
	background-color:#00CC00;
}

#nav_home {width:40px; height:27px; float:left; border-right: 1px dotted #009900; padding-right:15px;}
#nav_about {width:62px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_web-design {width:82px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_our-work {width: 65px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_web-hosting {width: 48px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_website-prices {width: 43px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_blog {width: 30px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_client-zone {width: 50px; height:27px; float:left; border-right: 1px dotted #009900; padding-left:15px; padding-right:15px;}
#nav_contact-us {width: 76px; height:27px; float:left; padding-left:15px;}

#strapline {
	width: 940px;
	height: 35px;
	float:left;
	padding-top:10px;
}

#crest {
	width:165px;
	height:175px;
	float:right;
	padding-top: 4px;
	border:none
}

#content {
	width: 940px;
	padding:0px 20px 20px 20px;
	float:left;
  	min-height:600px;
  	height:auto !important;
  	height:600px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
}

#footer {
 	width: 942px;
	height: 250px;
	float:left;
	padding:20px;
	background-color:#8ff201;
	background-image:url(images/background_footer.jpg);
	background-repeat:repeat-x;
}

#footer li {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

#footer1 {width: 292px; height:250px; float:left; }
#footer2 {width: 352px; height:250px; float:left; }
#footer3 {width: 272px; height:250px; float:left; padding-left: 20px; text-align:right;}

#footer4 {
	width:942px;
	height:22px;
	background-color:#000;
	padding:10px 20px 10px 20px;
	float:left;
	margin-bottom:-10px;
}

#copyright {
	width:471px;
	text-align:left;
	float:left;
}

#siteuses {
	width:471px;
	text-align:right;
	float:left;
}

#crumbs {height:20px; margin:15px 0px;}

#contact1 {
	width:360px;
	height:420px;
	float:left;
}
#contact2 {
	width:370px;
	height:420px;
	float:left;
}

#contact3 {
	width:195px;
	height:420px;
	float:left;
}

#googlemap {
	width:940px;
	height:380px;
	float:left;

}

#web50b {width:430px; margin-left:20px; float:right; border-left:1px dotted #ccc; padding-left: 20px; min-height:1100px;}
#web50a {width:465px; float:left; min-height:1100px;}

#homeflash {width: 940px; margin-bottom:15px;}
#homecontent {width:620px; min-height:400px; float:left; margin-right:30px; background-image:url(images/background_homepagecontent.jpg);}
#webdesigncontent {width:620px; min-height:400px; float:left; margin-right:30px; text-align:justify;}
#webdesign {width:209px; height: 276px; margin: 10px 10px 0px 0px; float:left;}
/*
HEADER STYLES TO GO HERE
*/

h1, h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; padding-top:0px; color:#09c;}		
h1 {font-size:18px; line-height: 18px; text-align: left;}
h2 {font-size:18px; line-height: 18px;}
h3 {font-size:18px; line-height: 18px;}
h4 {font-size:14px; line-height: 12px;}
h5 {font-size:12px; line-height: 10px;}

/*
CLASS STYLES TO GO HERE
*/

.contentlink {
		font-family:Arial, Helvetica, sans-serif; 
		color:#9c0; 
		font-size:15px; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration: none;
		line-height: 20px;
}

a.contentlink:link {color: #09c; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color:#09c;}
a.contentlink:active {color: #09c; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color:#09c;}
a.contentlink:visited {color: #09c; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color:#09c;}
a.contentlink:hover {color:#9c0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color:#9c0;}

.navmain {
		font-family:Arial, Helvetica, sans-serif; 
		color:#fefefe; 
		font-size:1em; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration: none;
		line-height: 1.6em;
		letter-spacing:normal;	
}

a.navmain:link {color: #fefefe;}
a.navmain:active {color: #fefefe;}
a.navmain:visited {color: #fefefe;}
a.navmain:hover {color:#030303;}

.navfooter {
		font-family:Arial, Helvetica, sans-serif; 
		color:#003300; 
		font-size:1em; 
		font-weight:normal; 
		font-style:normal; 
		text-decoration: none;
		line-height: 1.6em;
		letter-spacing:normal;	
}

a.navfooter:link {color: #003300;}
a.navfooter:active {color: #003300;}
a.navfooter:visited {color: #003300;}
a.navfooter:hover {color:#fefefe;}

.navmini {
		font-family:Arial, Helvetica, sans-serif; 
		color:#fefefe; 
		font-size:13px;  
		font-style:normal; 
		text-decoration: none;
		line-height: 20px;
}

a.navmini:link {color: #fefefe;}
a.navmini:active {color: #fefefe;}
a.navmini:visited {color: #fefefe;}
a.navmini:hover {color:#9c0;}

.crumb {
		font-family:Arial, Helvetica, sans-serif; 
		color:#333; 
		font-size:12px;  
		font-style:normal; 
		text-decoration: none;
		line-height: 20px;
}

a.crumb:link {color: #09c;}
a.crumb:active {color: #09c;}
a.crumb:visited {color: #09c;}
a.crumb:hover {color:#9c0;}

.strapline {font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:32px; color:#80a3d3;}
.white28 {font-size:28px; color:#fefefe; padding-bottom:15px; line-height:40px;}

.enquiryform {
	width:348px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	border: 1px solid #CCCCCC;
	height: 15px;
	padding: 3px;
	margin-bottom:10px;
}

.contenteditor {
	width:348px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	border: 1px solid #CCCCCC;
	height: 18px;
	padding: 3px;
	text-align:center;
}

.enquirycomments {
	width:348px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-bottom:10px;
}

.snapshot {width:150px; height:120px; float:left; margin-right:20px; border:1px dotted #ccc;}

a.smalltext:link {color:#9c0;}
a.smalltext:active {color: #9c0;}
a.smalltext:visited {color: #9c0;}
a.smalltext:hover {color:#09c;}

.recentwork {width:430px; float:left; padding-bottom:20px; margin: 20px 0px 0px 0px; border-bottom: 1px dotted #CCCCCC;}
.recentwork2 {width:465px; float:left; padding-top:20px; margin: 0px 0px 20px 0px; border-top: 1px dotted #CCCCCC;}
.recentwork3 {font-size:16px; color:#09c; line-height:22px; font-weight:bold;}
.recentwork4 {width:430px; float:left; padding-bottom:20px; margin: 20px 0px 0px 0px;}

.right300 {width:300px; float:right; margin-left:20px; margin-bottom:20px;}
.package {width:300px; float:left; margin-right:18px; padding-bottom:20px; height:400px;}
.package2 {width:300px; float:left; padding-bottom:20px; height:400px;}
.package3 {width:300px; float:left; margin-right:12px; padding-bottom:20px; height:600px;}
.package4 {width:300px; float:left; padding-bottom:20px; height:600px;}

.button {width:290px; height:101px; float:right;}

.header1 { font-family:Arial, Helvetica, sans-serif; padding-top:0px; color:#09c; font-size:30px; line-height: 36px; text-align: left;}	

.support {width:220px; height:350px; float:left; margin-right:20px; text-align:center;}
.supportend {width:220px; height:350px; float:left; text-align:center;}
.image200 {width:200px; float:right; margin-left:20px;}
.left300 {width:300px; float:left;}

#fcf2 {
font-family:arial;
font-size:15px;
background-color:#FFF;
width:360px;
}
#fcf2 h3 {
font-size:22px;
color:#0099CC;
font-weight:bold;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 245px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
height:10px;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border: 1px solid #CCCCCC;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}

.answer {width:30px;}
.answerfield {width:300px; text-align:right;}