*{ margin:0 auto; padding:0; }
.clear { clear:both; }

/* ------------------------------ */
/* STANDARD HTML TAG 			  */
/* ------------------------------ */
body { 	
	border: 0;
	margin: 0;
	padding: 0; 
	background-color: #6d809a; 
	}
h1, h2, h3,
p, ul, li, img {
	border: 0;
	margin: 0;
	padding: 0;
	}

li.vid-link { padding: 3px 0; }
li.vid-link a, li.vid-link a:active, li.vid-link a:visited { color: #f48221; font-weight: bold; text-decoration: none; }
li.vid-link a:hover { color: #f48221; font-weight: bold; text-decoration: underline; }


a { color: #263747; text-decoration: none; }
a:link, a:visited, a:active { color: #263747; text-decoration: none; }
a:hover { color: #263747; text-decoration: underline; }

a.link { font-weight: bold; color: #f48221; }
a.link , a.link:visited, a.link:active, { text-decoration: none; color: #f48221; }
a.link:hover { text-decoration: underline ; color: #f48221; }

/* ------------------------------ */
/* STANDARD HTML TAG DEFINITION	  */
/* ------------------------------ */

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #263747;
	}
	
.imgframe { 	
	margin: 0 3px 5px 3px;
	padding: 4px;
	border: 1px solid #fa8221;
	border-bottom-color: #fa8221;
	border-right-color: #fa8221;
	background: #fff; 
	}
	
/* ------------------------------ */
/* TYPOGRAPHY		 			  */
/* ------------------------------ */

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #263747; }
.italic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style:italic; color: #263747; }
.link { color: #B9C961; }

/* ------------------------------ */
/* PAGE ELEMENTS	 			  */
/* ------------------------------ */

div#prkraft-wrapper {
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
	}
	
	div#prkraft-wrapper div#header {
		width: 750px;
		height: 50px;
		background-color: #37465B;
		}
		div#prkraft-wrapper div#header .tagline {
			float: right;
			width: 300px;
			height: 33px;
			text-align: right;
			color:#CCCCCC;
			font-size: 11px;
			font-weight: bold;
			padding: 17px 15px 0 0;			
			}
		
	div#prkraft-wrapper div#picture-holder {
		width: 750px;
		height: 280px;
		}		
		div#prkraft-wrapper div#picture-holder div#logo-holder {
			width: 300px;
			height: 180px;
			float: left;
			margin: 50px 0 0 100px;
			background-color:#CCCCCC;
			}
		
div#prkraft-content {
	width: 750px;
	height: auto;
	padding: 15px 0 20px 0;
	background-color: #FFFFFF;
	}
	div#prkraft-content p {
		line-height: 1.5em;
		}
	
	div#prkraft-content div#col-left { 
		width: 330px; 
		height: auto; 
		float: left; 
		text-align: left;
		padding-left: 10px;
		}
		div#prkraft-content div#col-left-2 { 
			width: 220px; 
			height: auto; 
			float: left; 
			text-align: left;
			padding-left: 10px;
			}
	div#prkraft-content div#col-right { 
		width: 390px; 
		height: auto; 
		float: right; 
		text-align: left;
		padding-right: 10px;
		}
		div#prkraft-content div#col-right-2 { 
			width: 500px; 
			height: auto; 
			float: right; 
			text-align: left; 
			padding-right: 10px;
			}
			div#prkraft-content div#col-right-2 ul {
				padding-left: 20px;
				line-height:1.5em;
				}			
			div#prkraft-content div#col-right-2 li {
				padding: 2px 0;
				}

div#colour-box {
	width: 180px;
	height: 65px;
	float: left;
	background-image: url(../images/arrow.gif);
	background-position: 280px 40px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
	padding: 35px 80px 0 60px;
	color: #FFFFFF;
	margin-bottom: 3px;
	}
	div#colour-box a { text-decoration: none; color:#FFFFFF; display: block; }
	
div#colour-box-2 {
	width: 300px;
	height: 100px;
	float: left;
	background-image: url(../images/arrow-black.gif);
	background-position: 280px 40px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 3px;
	}
	div#colour-box-2 a { text-decoration: none; color:#FFFFFF; display: block; }

div#green-line {
		background-color: #BECF5A;
		height: 4px;
		width: 750px;
		}

.border { height:2px; border-top: 1px solid #263747; }

/* ------------------------------ */
/* NAVIGATION		 			  */
/* ------------------------------ */	

div#navigation {
	width: 750px;
	height: 40px;
	background: url(../images/nav-bar.gif) repeat-x;
	}
	div#navigation .container { width: 670px; height: 40px; text-align: center; margin:0 auto; }
	div#navigation .container ul {
		display: block;
		list-style: none;
		height: 40px;
		/*padding-top: 12px;*/
		}
		div#navigation .container li {
			background: url(../images/nav-bar-divider.gif) right top no-repeat;
			color: #fff;
			display: inline;
			float: left;
			font: bold 11px Verdana, Arial, sans-serif;
			height: 12px; 
			list-style-type: none; 
			margin: 0;
			padding: 14px 20px 14px 13px;
			}
		
		div#navigation .container li.space { background: none; }	
		div#navigation .container li.none { background: none; }
		div#navigation .container li a { color: #fff; text-decoration: none; }
		div#navigation .container li a:link,
		div#navigation .container li a:hover,
		div#navigation .container li a:active { color: #fff; text-decoration: none; }
		
html*.container { 
	[width:660px;/*Affects older Firefox and Netscape browsers only. */
	width:670px;/*Affects Safari for Macintosh only (v1-3).*/
	]width:660px;/*Affects IE 7 only.*/
	}
	
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}
	
* html .container {	width:590px; }/*Finally, be sure to reapply a fix that affects IE 5-6 only here.*/	
		
/* ------------------------------ */
/* FOOTER			 			  */
/* ------------------------------ */	

div#prkraft-footer {
	width: 735px;
	height: 30px;
	border-top: 2px solid #BECF5A;/*#263747*/
	padding: 12px 10px 0 5px;	
	text-align: right;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #37465B;
	}
	div#prkraft-footer a,
	div#prkraft-footer a:link,
	div#prkraft-footer a:visited { color: #fff; text-decoration: none; }		
	div#prkraft-footer a:hover { color: #fff; text-decoration: underline; }
		
/* ------------------------------ */
/* CONTACT FORM					  */
/* ------------------------------ */

.cssform p {
	clear: left;
	margin: 0;
	padding: 5px 0;
	}

.cssform label {
	font-weight: bold;
	float: left;
	width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}