/* css for basic items ------------------------------------------------------------------------------------------ */
html,body	{
 	width: 100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 1250px;
	font-family: helvetica, arial, verdana;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background: #fff;
 	}
img {
	margin: 0;
    padding: 0;
	}
a,  a:visited, a:active {
	color: #000;
    outline: none;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
a:hover { 
	color: #fe010f;
    outline: none;
	border-bottom: 1px dotted #fe010f;
	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    float: left;
    }
p {
	padding: 0 0 12px 0;
	margin: 0;
	clear: both;
	}
form {
	padding: 0;
	margin: 0;
	}
h1 {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	font-weight: bold;
	}
h2 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 11px;
	line-height: 15px;
	color: #fe010f;
	font-weight: normal;
	}
h3 {
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	}
h3 span {
	color: #fe010f;
	}	
h4 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
	}
hr {
	padding: 0;
	margin: 0 0 14px 0;
	color: #8dcbdc;
	background: #8dcbdc;
	border: none;
	border-top: 1px solid #33616f;
	clear: both;
	font-size: 0;
	line-height: 0;
	}


/* css for site structure --------------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#inner {
	position: relative;
	margin: 0px 0 0 0;
	width: 1250px;
	background: #fff;
    }


/* css for header ----------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	padding: 0 0 0 19px;
	width: 1231px;
	height: 47px;
	color: #a7a7a7;
	font-weight: bold;
	}
	#header ul li#topnav {
		padding: 15px 0 0 0;
		}
		#header a, #header a:visited, #header a:active {
			color: #a7a7a7;
			text-decoration: none;
			border: none;
			}
		#header a:hover, #header a.on, #header a.on:visited, #header a.on:active {
			color: #fe010f;
			text-decoration: none;
			border: none;
			}


/* css for main navigation -------------------------------------------------------------------------------------- */
#main-nav {
	position: relative;
	padding: 0 0 0 20px;
	width: 1230px;
	height: 162px;
	clear: both;
	font-weight: bold;
	}
	#main-nav ul li {
		width: 180px;
		}
		#main-nav  a, #main-nav a:active {
			color: #000;
			text-decoration: none;
			border: none;
			}
		#main-nav ul li ul li a:visited {
			color: #000;
			text-decoration: none;
			border: none;
			}
		#main-nav a:hover, #main-nav ul li ul li a:hover, #main-nav a.on, #main-nav a.on:visited, #main-nav a.on:active {
			color: #fe010f;
			text-decoration: none;
			border: none;
			}
	.sub-nav {
		font-size: 11px;
		line-height: 12px;
		font-weight: normal;
		}
	.sub-nav li {
		padding: 4px 0 0 0;
		}
		#subnav01,
		#subnav02,
		#subnav03,
		#subnav04,
		#subnav05,
		#subnav06 {
			display: none;
			height: 129px;
			}


/* css for hello ------------------------------------------------------------------------------------------------ */
#hello {
	position: relative;
	margin: 0 0 0 20px;
	padding: 130px 525px 0 19px;
	width: 536px;
	height: 81px;
	background: url(../images/hello.gif) no-repeat;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	}
a#clickable {
	position: absolute;
	top: 212px;
	left: 20px;
	display: block;
	width: 1080px;
	height: 211px;
	text-decoration: none;
	border: none;
	}

/* css for home page photo -------------------------------------------------------------------------------------- */
#photos {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 0;
	line-height: 0;
	}


/* css for landing ---------------------------------------------------------------------------------------------- */
#landing {
	position: relative;
	padding: 0 0 0 20px;
	width: 1230px;
	height: 350px;
	clear: both;
	font-size: 0;
	line-height: 0;
	}
	#landing ul {
		height: 141px;
		font-size: 0;
		line-height: 0;
		}
	#landing-text {
		padding: 0 0 50px 740px;
		width: 360px;
		}
	#landing a {
		border: none;
		}	

/* css for portfolio -------------------------------------------------------------------------------------------- */
#port-full {
	position: relative;
	padding: 0 0 50px 20px;
	float: left;
	font-size: 0;
	line-height: 0;
	}

#port-thumbs {
	position: relative;
	padding: 0 150px 50px 20px;
	float: right;
	width: 180px;
	}
	#port-thumbs ul {
		height: 70px;
		font-size: 0;
		line-height: 0;
		}
	#port-thumbs ul li.prev  {
		padding: 10px 0 0 0;
		}
	#port-thumbs ul li.next {
		padding: 10px 0 0 0;
		float: right;
		}
	#port-thumbs ul li a {
		border: none;
		}
	#port-thumbs #port-text {
		clear: both;
		font-size: 11px;
		line-height: 15px;
		}
	#port-thumbs #port-text a.view {
		color: #fe010f;
		text-decoration: none;
		border: none;
		}
	#port-thumbs h1 {
		padding: 70px 0 5px 0;
		font-size: 16px;
		line-height: 20px;
		color: #fe010f;
		font-weight: bold;
		}
	#port-thumbs p {
		padding: 0 0 30px 0;
		}


/* css for content text ----------------------------------------------------------------------------------------- */
#content {
	position: relative;
	padding: 0 0 50px 199px;
	width: 540px;
	font-size: 14px;
	line-height: 24px;
	}

#sidebar {
	position: relative;
	padding: 0 0 50px 20px;
	width: 179px;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	float: left;
	}
#content-news {
	position: relative;
	padding: 0 0 50px 0;
	width: 540px;
	font-size: 12px;
	line-height: 20px;
	float: left;
	}
	
	
/* css for sustainability --------------------------------------------------------------------------------------- */
#sustainability-text {
	position: relative;
	padding: 0 150px 50px 20px;
	float: right;
	width: 180px;
	font-size: 12px;
	line-height: 16px;
	}
	#sustainability-text h1 {
		padding: 20px 0 5px 0;
		font-size: 16px;
		line-height: 20px;
		color: #fe010f;
		font-weight: bold;
		}
	#sustainability-text h1 a {
		color: #fe010f;
		text-decoration: none;
		border: none;
		}
	#sustainability-text a.view {
		color: #fe010f;
		text-decoration: none;
		border: none;
		}
	
/* css for footer ----------------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	padding: 10px 140px 0 135px;
	width: 877px;
	height: 50px;
	clear: both;
	font-size: 11px;
	color: #c6ebf6;
	}

		
/* css for misc ------------------------------------------------------------------------------------------------- */
/* divs */
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}
.red {
	color: #fe010f;
	}
a.no-line {
	text-decoration: none;
	border: none;
	}