@charset "utf-8";
* { margin: 0; padding: 0; }

/* Elements */
	body{ background: url(img/bg.png) top left repeat-x #0e72ba; margin:0; padding:0; font-family: Arial, Helvetica; font-size:12px; }
	#contentwrapper ul { margin:10px 30px }
	table { width:100%; border-spacing: 0; }
	table tr td { vertical-align: top;  }
	img { border:none; max-width:100%}
	p { margin-bottom:10px; line-height:1.6em }
	table tr th { text-align:left } 

	h1 {  }
	h2 { color:#15b4df; font-weight:normal; font-family:Arial Narrow, Helvetica, sans-serif; font-size:2em; text-transform:uppercase; letter-spacing:0.1em }
	h3 {  }

	a {  }
	a:hover { }
	img { max-width:100% }
	
/* Layout */
	#maincontainer{	width: 940px; margin: 0 auto; }
	#topsection{  height:510px}
	#contentwrapper{ float: left; width: 100%; }
	#footer{  }

		/* One Column */
		body.one-col #contentcolumn{ }
		
		/* Two Column - Main */
		body.main-two-col #contentcolumn{ margin-left: 300px }
		body.main-two-col #leftcolumn{ float: left; width: 290px; margin-left: -940px }
		
		/* Two Column - Header */
		body.header-two-col .whitebox .right { margin-left: 290px; position:relative; top:-175px }
		body.header-two-col .whitebox .left { float: left; width: 270px; margin-left:-928px; position:relative; top:-140px; border-right:solid 1px #ccc; padding-left:10px }
		
		/* Three Column */
		body.three-col #contentcolumn{ margin-left: 219px padding-left:20px; margin-right:128px; }
		body.three-col #leftcolumn{ float: left; width: 230px; margin-left: -940px; min-height:500px }
		body.three-col #rightcolumn {  float:right; width:50px; margin-left:-940px; width:120px } 	 			

		
/* Functional Items */
	/* cta-hover and Hover Menus */
		.cta-hover { color:#ff0000; float:right; visibility: hidden; position:relative; height:0; top:5px;right:5px; background-color:#fff  }
		.cta-hover a { background-color:#fff; color:#333; padding:3px }
		.hoverable.hover .cta-hover { color:#090; visibility:visible;  }

	/* Rotating elements*/
	.rotating-container .rotate { position:absolute; }

/* Sitewide */
	/* Header */
	
		/* Primary Menu */
		.primary-menu ul { list-style:none; float:right; position:relative; top:115px }
		.primary-menu li { float:left; margin-right:10px }
		.primary-menu a { color: #0e76bc; text-decoration:none; font-weight:Bold; display:block; padding: 0 0 0 0; }
		.primary-menu span { display:block; padding:11px 15px }
		
			/* Link Highlight */
			.primary-menu a:hover, .primary-menu li.selected a { color:#fff; background:url(img/primary-menu/left.png) top left no-repeat; }
			.primary-menu a:hover span, .primary-menu li.selected a span { background:url(img/primary-menu/right.png) top right no-repeat; }
				
		/* White box container */
		.whitebox { background:url(img/topsection/header.png) top left repeat-y; position:relative; top:125px; }
		.whitebox .innertube { background:url(img/topsection/footer.png) bottom left no-repeat; padding-bottom:4px ; min-height:268px; padding:6px }		
		
			/* Logo */
			.whitebox .logo { position:relative; top:-145px; left:-34px; display:inline}
			
			/* Text */
			.whitebox .text { padding: 50px 480px 0px 30px; top:6px; right:6px; position:absolute; height:230px }
			.whitebox .text h2 { }
			.whitebox .text p { }
		
				/* Backgrounds */
				.rotating-container .text { background:url(img/header/orig.jpg) top right no-repeat; }
				.whitebox #rotating-1 { background:url(img/header/agri.jpg) top right no-repeat; }
				.whitebox #rotating-2 { background:url(img/header/com.jpg) top right no-repeat }
				.whitebox #rotating-3 { background:url(img/header/domestic.jpg) top right no-repeat }
				.whitebox #rotating-4 { background:url(img/header/marine.jpg) top right no-repeat}
				.whitebox #rotating-5 { background:url(img/header/misc.jpg) top right no-repeat  }
				
		/* Newsletter */
		.newsletter { position:relative; top:135px; background:url(img/newsletter/bg.png) top left no-repeat; height:50px }
		.newsletter input[type=text] { position:relative; padding:3px; border:none; left:687px; top:-18px; width:180px }
		.newsletter input[type=image] { position:relative; left:705px;  }
	
	/* Left Column */
	#leftcolumn h2 { padding:0 15px; margin-bottom:5px}
	
	/* Content Column */
	#contentcolumn { background:url(img/contentcolumn/header.png) top left no-repeat;  }
	#contentcolumn .innertube { background:url(img/contentcolumn/footer.png) bottom left no-repeat; min-height:414px; padding:20px }
	
	/* Footer */
	#footer { background:url(img/footer/header.png) top left no-repeat; width:940px; margin: 0 auto; margin-top:10px }
	#footer .innertube { background:url(img/footer/footer.png) bottom left no-repeat; padding:15px 15px 5px 15px; color:#fff }
	
	/* Validation */
	.validation-advice { display:none}
	.validation-failed { border: solid 2px #FF6600 !important}

	/* Breadcrumbs */
		.breadcrumbs { }
		.breadcrumbs li { }
		.breadcrumbs li.last { }
		.breadcrumbs a { }
		
/* Blocks */
	/* Left Column */
		#leftcolumn .block { background:url(img/leftcolumn/block/header.png) top left no-repeat; padding-top:8px; margin-bottom:10px }
		#leftcolumn .block .innertube { background:url(img/leftcolumn/block/footer.png) bottom left no-repeat; padding-bottom:4px }
		
		/* Image List */
		.image-list dl { margin: 0 15px 15px 15px; background-color:#0e72ba }
		.image-list dl.hover { background-color:#4A9DD1 }
		.image-list dt { padding:5px 5px 0 5px }
		.image-list a { color:#fff; text-transform:uppercase; font-size:1.5em; text-decoration:none;  }
		.image-list a span { padding:0 5px 5px 5px; display:block}

	/* Gallery Grid */
	.gallery-grid img { border:solid 1px #000;	filter:alpha(opacity=80); -moz-opacity:0.8;	-khtml-opacity: 0.8;opacity: 0.8; max-width:148px  }
	.gallery-grid a:hover img { border:solid 1px #000;	filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1; }
	.gallery-grid td { padding:5px }
	
	/* Left Nav of .whitebox */
	.left-nav ul { list-style:none }
	
	.left-nav h2 a { display:block; margin-top:10px; color:##0066CC; text-decoration:none; font-size:0.8em; letter-spacing:0px; margin-top:10px; }
	.left-nav li a { background:url(img/left-nav/bullet.png) top left no-repeat; display:block; padding-left:25px; text-decoration:none; color:#333333; font-size:1.3em; letter-spacing: 0.05em; padding-bottom:5px }
	
	.left-nav li a:hover, .left-nav li.selected a { background:url(img/left-nav/bullet-hover.png) top left no-repeat; color:#0066cc }
	
	/* Forms */
	.cta-form h3 { margin: 10px 0; color:#15B4DF; text-transform:uppercase; font-size: 1.5em; font-weight:normal }
	.cta-form td { padding-bottom:5px}
	.cta-form td.label { width:150px; text-align:right; padding-right:8px;  }
	.cta-form input[type=text],
	.cta-form input[type=textarea],
	.cta-form input[type=password] { width:150px; border: solid 1px #999; padding:2px}
	.cta-form select { max-width:150px; }
	
	/* Form in left column */
	#leftcolumn .cta-form { color:#fff; margin:0 15px }
	#leftcolumn .cta-form td.label { width:100px }
	#leftcolumn .cta-form td.field input[type=text] {width:150px }
	#leftcolumn .cta-form input[type=submit] { background-color: #F7730A; border: none; padding:3px; color: #fff;  }

	.styled-list a { font-size:1.2em; text-decoration:none; color:#0F7BBF }
	.styled-list a:hover { text-decoration:underline }
	.styled-list li { padding:3px; list-style:none }
	
/* Page Specific */


/* Useful classes */

	/* Clearfix */
		.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
		.clearfix {	display: inline-block; }
		html[xmlns] .clearfix { display: block; }
		* html .clearfix { height: 1%; }
	
	.styled-list dl { float:left; display:inline; border:solid 1px #525051; background-color:#dedede; padding:10px 10px 5px 10px; margin-right:15px;margin-bottom:10px }
	.styled-list a { font-size:1.2em; text-transform:uppercase; color:#525051 }
	.styled-list a:hover { color:#1077BD }
	/* Positional */
		.la { text-align:left; }
		.ra { text-align:right; }
		.ca { text-align:center; }
		.fl { float:left; }
		.fr { float:right; }
		.vt { vertical-align:top; }
		.vm { vertical-align:middle; }
		.vb { vertical-align:bottom; }
		.nb { border:0 none !important; }
		.justify { text-align:justify; }
		.move { cursor:move }
		.superscript { font-size:0.7em; position:relative; bottom:0.5em}