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

/*
First we do the top nav bar
*/

#topbar {
	position:absolute;
	top:0px;
	left:0px;
	height:50px;
	width:100%;
	background-image:url(images/topbar.gif);
	background-repeat:repeat-x;
	}

#logo {
	position:absolute;
	top:10px;
	left:50px;
	height:40px;
	width:300px;
	border:0px;
	margin:0px;
	padding:0px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	}
	
#navBar {
	position:absolute;
	top:20px;
	left:350px;
	height:24px;
	width:auto;
	}

#navBar table {
	position:absolute;
	left:40px;
	color:#FFFFFF;
	}	

#navBar td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	border-bottom: 1px solid transparent;
	}
	
#navBar td:hover {
	color:#CCCCCC;
	border-bottom: 1px solid #CC0000
	}

#navBar a {
	text-decoration:none;
	color:#FFFFFF;
	}

/*
Now lets get a nice footer
*/
#footer {
	position:relative;
	top:40px;
	left:0px;
	height:20px;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}



/*
Now we do the big bold frontpage text
*/

#wedoyourcap {
	position:absolute;
	left:50px;
	top:100px;
	width:510px;
	height:110px;
	}
	
/*
Now let's put some text underneath to round off the front page
*/

#maintext {
	position:relative;
	top:240px;
	left:50px;
	height:auto;
	width:510px;
	}
	
#maintext p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}

#maintext a {
	text-decoration:none;
	color:#333;
	}
	
#maintext a:hover {
	border-bottom:1px solid #CC0000;
	}
	
#maintext ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}

.highlight {
	font-size:20px;
	color:#CC0000;
	}
	
.additional {
	color:#000;
	font-style:italic;
	background-color:#F7F7F7;
	padding-left:10px;
	padding-right:10px;
	}

	
/*
Now the sample bar
*/
#samplebar {
	position:absolute;
	left:630px;
	top:100px;
	width:300px;
	height:auto;
	background-color:#DADADA;
	}

#samplebar p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.samplepadding {
	padding-left:96px;
	padding-top:5px;
	padding-bottom:5px;
	}

.sampletextpadding {
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:20px;
	}

/*
We'll amend it a little for tutorials
*/
#tutbar {
	position:absolute;
	left:630px;
	top:100px;
	width:300px;
	height:auto;
	background-color:#DADADA;
	}

#tutbar p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#tutbar a {
	text-decoration:none;
	color:#000000;
	}
	
#tutbar a:hover {
	border-bottom:#CC0000 solid 1px;
	}

/*
This is styling for any samples that are used
*/

#lpsample {
	position:absolute;
	top:80px;
	left:100px;
	height:auto;
	width:auto;
	}

#lpsampleBack {
	position:relative;
	top:40px;
	left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
	padding-bottom:10px;
	}
	
#lpsampleBack a {
	text-decoration:none;
	color:#000000;
	}
	
#lpsampleBack a:hover {
	border-bottom:#CC0000 solid 1px;
	}
	
/*
This is for everything that isn't on the main page (apart from prices page - see below)
*/

#secondtext {
	position:relative;
	top:100px;
	left:50px;
	height:auto;
	width:510px;
	}
	
#secondtext p, form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	padding-left:10px;
	}

#secondtext a {
	text-decoration:none;
	color:#333;
	}
	
#secondtext a:hover {
	border-bottom:1px solid #CC0000;
	}
	
#secondtext ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}

/*
This is a seperate section for the prices part.
*/	

#pricetext {
	position:relative;
	top:100px;
	left:50px;
	height:auto;
	width:510px;
	}
	
#pricetext p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}

#pricetext a {
	text-decoration:none;
	color:#333;
	}
	
#pricetext a:hover {
	border-bottom:1px solid #CC0000;
	}
	
#pricetext ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}
	
.boldprice {
	position:relative;
	left:50px;
	top:100px;
	width:510px;
	height:110px;
	}
	
/*
This is for the tutorials pages.
*/

#tutorial {
	position:relative;
	top:100px;
	left:50px;
	height:auto;
	width:510px;
	}
	
#tutorial p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}

#tutorial a {
	text-decoration:none;
	font-size:20px;
	color:#CC0000;
	}