/* CSS Document */

BODY {
	padding:0; margin:0;
	font-family:Arial, Verdana, Tahoma;
	font-size:12px;
	color:#333333;
}

img {border:0;}

h1 {color:#333333; font-weight:normal;
		font-size:24px;}
h1 strong {color:#ffffff; font-weight:normal;}
h2 {color:#333333; font-weight:normal;
		font-size:20px; }
h3 {color:#333333; font-weight:normal;
		font-size:16px; }
		
a:link, a:visited {color:#333333; font-weight:bold; text-decoration:none;}
a:hover {color:#ffffff; background-color:#333333;}
		
p {margin-bottom:10px;}

#oldbrowser {display:none;}

#content p {line-height:18px;}	
.small {font-size:10px;}
.large {font-size:14px;}
.larger {font-size:16px;}
		
.normal {padding:10px 0px 0px 20px;}

#content {width:900px; margin:-34px auto 0 auto;
	background-color:#ffffff;}
#home #content {background:none;}
.pTop {padding-top:30px;}
	
#header {width:100%; height:290px; margin:0px auto 0px auto; position:relative; z-index:99;
	background-image:url('../imgs/bg_top_empty.png'); background-repeat:repeat-x; background-position:top center;
	}
body#contact #header {background-image:url('../imgs/bg_top_contact.png');}
body#portfolio #header {background-image:url('../imgs/bg_top_portfolio.png');}
body#graphic-design #header {background-image:url('../imgs/bg_top_graphic.png');}
body#website-design #header {background-image:url('../imgs/bg_top_website.png');}
body#services #header {background-image:url('../imgs/bg_top_services.png');}
body#home #header {background-image:url('../imgs/bg_top_empty.png');}
body#prices #header {background-image:url('../imgs/bg_top_prices.png');}
body#freelance #header {background-image:url('../imgs/bg_top_freelance.png');}

#introduction {width:64%; position:absolute; margin:140px 0px 0px 30px;}
#introduction h1 {margin:0px 0px 0px 0px;}
#introduction p {margin:0px 0px 0px 0px; font-size:15px; color:#333333;}
	
#top {width:90%; height:120px; margin:10px auto 0 auto;
	border:1px solid #ff0000;}

#right {float:right; width:300px; margin-left:20px;
	}
	
.logo {position:absolute; margin:6px 0px 0px 30px;}
.logoBig {}

#footer {width:100%; clear:both; padding-top:20px;
	background-color:#333333; border-top:4px solid #7a7a7a;}

#footerContent {width:900px; margin:0px auto 0px auto; padding:20px 0px 20px 0px;}

#footerContact {float:left; margin-left:40px; padding:20px 20px 10px 20px; width:560px; border-top:1px solid #c6d92d;}
#footerContact p {font-size:25px; color:#c6d92d;margin:0px;}
#footerContact a:link, #footerContact a:visited {color:#c6d92d; text-decoration:none;}
#footerContact a:hover {color:#ffffff;}
#footerContact span {color:#ffffff;}

#footerContact strong {font-size:20px; font-weight:normal; padding:0px;color:#ffffff;}

/* main navigation */
	
#navigation {position:absolute; margin:230px 0px 0px 3%;}
#navigation a:link, #navigation a:visited {display:block; padding:10px 20px 10px 20px;
	background-color:#333333; color:#c6d92d; font-size:14px; text-decoration:none;}
#navigation a:hover {background-color:#c6d92d; color:#333333;}
#navigation li { float:left;list-style:none; margin:5px;
	}

body#home #navigation .navhome, body#portfolio #navigation .navportfolio, body#services #navigation .navservices, body#contact #navigation .navcontact, body#website-design #navigation .navservices, body#graphic-design #navigation .navservices, body#prices #navigation .navprices {border-bottom:5px solid #c6d92d;}

#navigationBottom {}
#navigationBottom li {list-style:none; float:left; margin:10px;}
#navigationBottom li a:link, #navigationBottom li a:visited {padding:10px;
	color:#c6d92d; font-size:16px; text-decoration:none;}
#navigationBottom li a:hover {color:#ffffff;}

/* in page nav */
#IPNav {width:300px; padding:0px; margin:0px 0px 20px 0px;}
#IPNav li {list-style:none;}
#IPNav li a:link, #IPNav li a:active {margin-bottom:5px; display:block; padding:5px;
	background-color:#c6d92d; color:#333333; font-weight:normal;
	font-size:20px; text-decoration:none;}
#IPNav li a:hover {background-color:#333333; color:#c6d92d;}
 .title {color:#333333;
		font-size:20px; padding:5px;}
		
/* prices */

#prices #pricesBox {width:570px;}
#prices #priceEntry {margin-top:80px;}

#prices #pricesBox .price {font-size:50px; float:right; padding:20px; margin-top:0px;}
#prices #pricesBox .smlPrice {font-size:30px;}

#prices #extra {background-color:#cccccc; padding:0px 14px 0px 14px; margin:5px; width:240px; float:left;  text-align:center;}

/* homepage */

#homepageLinks {float:right; padding-top:20px; text-align:right; height:320px;}
#homepageLinks li {list-style:none;}
#homepageLinks li a:link, #homepageLinks li a:visited {margin-bottom:5px; padding:5px;
	background-color:#c6d92d; color:#333333; float:right; clear:right; font-weight:normal;
	font-size:16px; text-decoration:none;}
#homepageLinks li a:hover {background-color:#333333; color:#c6d92d;}
#homepageLinks .title {color:#333333; background-color:#ffffff;
		font-size:16px; padding:5px; clear:right; width:150px;}
		
#home {background-image:url('../imgs/bg_home.jpg'); background-repeat:no-repeat; background-position:top center;}
		
#icon_port a:link, #icon_port a:visited {background-image:url('../imgs/icon_port.jpg'); background-repeat:no-repeat;
	width:300px; height:200px; display:block; float:left;}
#icon_port a:hover {background-image:url('../imgs/icon_port_hover.jpg'); background-repeat:no-repeat;}

#recentProject {background-image:url('../imgs/bg_recentproject_sw.jpg'); background-repeat:no-repeat;
	float:left; width:600px; height:200px;}
	
#bottomRight {width:238px; height:200px; float:right;}

#home #introduction {width:46%; position:absolute; right:2%; margin-top:100px;}
#home #introduction h1 {padding:0px 0px 0px 0px;}
#home #introduction p {font-size:16px; color:#333333;}

#home #logoWrap {position:absolute; margin:20px 0px 0px 5%;}

/* services */

.desk_graphic {position:absolute; margin-top:20px; margin-left:440px;}
.desk_website {position:absolute; margin-top:150px; margin-left:100px;}

/* website design */

#siteTypes {padding:0px; margin:10px 0px 0px 0px;}
#siteTypes li {list-style:none; display:block; float:left; width:240px; padding:10px; margin:0 10px 20px 10px;
	background-color:#c6d92d;}
#siteTypes .doublew {width:500px;}
#siteTypes li img {margin:0px 0px -10px 0px;}
	
#siteTypes h2 {display:inline;}
	
	/* web design process */
	#webprocess {
		background-image:url('../imgs/process.jpg');
		background-repeat:no-repeat;
		height:478px; margin:10px 0px 0px 35px;
	}
	#webprocess .step {
		width:236px; margin-left:10px; margin-top:10px; margin-bottom:50px; float:left; height:170px;
	}
	#webprocess .margin {margin-right:25px;}
	
	/* how websites work */
	#howwebworks {margin:10px;
	}
	#howwebworks .step {
		width:190px; margin:0px 10px 0px 10px; float:left; height:200px;
	}
	#howwebworks .margin {}
	
	/* what you need */
	
	#whatyouneed {margin:auto; width:800px;}
	
	#whatyouneed .step {width:240px; float:left; margin:10px; height:270px;
		text-align:center;}
	
	#whatyouneed h2 {padding:10px 0px 0px 0px;}
		
	#whatyouneed .stepLong {width:500px; float:left; margin:10px; height:180px;}
	
	#whatyouneed #wyn_us {background-image:url('../imgs/bg_arrow_240.jpg'); background-repeat:no-repeat; background-color:#c6d92d; padding:80px 10px 10px 10px; width:220px; height:100px; text-align:left;}
	
	#whatyouneed #wyn_1and1 {background-image:url('../imgs/bg_arrow_500.jpg'); background-repeat:no-repeat; background-color:#c6d92d; padding:80px 10px 10px 10px; width:480px; height:100px;}

ul#pretty {height:80px; padding:0px; margin:0px;}
ul#pretty li {list-style:none; float:left; margin:0px 10px 0px 0px; color:#c6d92d; height:30px;}
ul#pretty .one {font-size:20px;}
ul#pretty .two {font-size:26px;}
ul#pretty .three {font-size:24px;}
	
/* contact page */
	
#contact #contactBox {
	background-image:url('../imgs/bg_lines.jpg'); float:right; width:400px; padding:10px; height:560px; margin-left:20px; position:relative;
}
#contact #contactBox ul {
	list-style:none; padding:0px; margin:0px;
}
#contact #contactBox li {
	padding:0px; margin:0px;
}
#contact #contactBox li label {
	display:block; padding:4px;
}
#contact #contactBox input, #contact #contactBox textarea {
	clear:both; border:2px solid #333333; width:384px; padding:5px; font-size:14px;
}
#contact #contactBox textarea {
	height:150px;
}
#contact #contactBox .error {
	width:340px; height:20px; background-image:url('../imgs/error_bubble.png'); background-repeat:no-repeat; display:block; padding:15px 0px 5px 10px; position:absolute; left:-350px;
}

	
/* reusables */
.cB {clear:both;}
.cL {clear:left;}
.cR {clear:right;}
.fR {float:right;}
.fL {float:left;}
.greenBox {background-color:#c6d92d;}
.boxPadding {padding:10px;}
.copyright {color:#ffffff; font-size:10px; padding:10px; float:left; clear:left; width:400px;}