/* define html tag styles */

body {
	background: #fff url(../images/BG-main.gif);
	margin: 0px;
}

body, p, td, div {
	font : 12px Verdana, sans-serif; 
	color : #4B6186;	
}

p {
	line-height : 20px;
	margin: 2px 0 6px 0;
	padding: 4px 0;
}

p.first:first-line {
	text-transform: uppercase;
	font-size: 11px;
}

img {
	border: 0px;
}

input, textarea {
	font : 11px Verdana, sans-serif; 
	color : #000;
}

h1 {
	font: bold 16px Georgia, serif;
	color : #c30;
	letter-spacing : 3px;
	border-bottom: 1px solid #ccc;	
	padding: 0 0 8px 0;
}

h2 {
	font: 13px Georgia, serif;
	color : #f60;
	letter-spacing : 2px;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

#banner {
	border-top: 1px solid #ccc;
}


.featured {
	margin: 12px 0 8px 0;
	padding: 12px 0 8px 0;
	border-top: 1px solid #ccc;
	font: 14px Georgia, serif;
	font-weight: bold;
	color : #c30;
	letter-spacing : 1px;
}
	.featured .orange {
		color: #f60;
	}

h3 {
	font-weight: normal;
	font-size : 11px;
	color : #fff000;
	padding: 23px 0px 0px 210px; 
	margin: 0px;
	height: 18px;
}

ul {
	margin: 0px 0px 0px 17px;
}

li {
	list-style-type: none; 
	list-style-image: url(../images/bullet.gif);
	line-height: 18px;
}


/* define layout ids */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #FF7D00 url(../images/BG-header.gif); 
	height: 102px;
}

	#header div {
		position: absolute; 
		top:0px; 
		left: 645px;
	}

#main {
	background: url(../images/BG-content.gif);
	width:100%;
}

#nav {
	position: absolute;
	width:125px; 
	left: 70px; 
	top: 125px;
}
	
	#nav ul {
		margin: 0;
		padding: 5px 0 12px 0;
	}
	
	#nav ul li {
		list-style: none;
		margin: 0 0 14px 0;
	}

		#nav ul li ul {
			font-size: 10px;
			margin: 4px 0 0 0;
			padding: 0;
		}
		
		#nav ul li ul li {
			font-size: 10px;
			margin: 0;
			padding: 0;
		}
		
	
	#nav a, #nav a:visited, #nav a:active {
		font: bold 13px Georgia, serif;
		color : #c30;
		text-decoration : none;
		border-bottom: 1px dashed #f93;
		letter-spacing: 1px;
	}

	#nav a:hover {
		font: bold 13px Georgia, serif;
		color : #f93;
		text-decoration : none;
		border-bottom: 1px dashed #c30;
		letter-spacing: 1px;
	}
	
	#nav a.o, #nav a.o:visited, #nav a.o:active, #nav a.o:hover {
		font: bold 13px Georgia, serif;
		color : #f93;
		text-decoration : none;
		border-bottom: 1px dashed #c30;
		letter-spacing: 1px;
	}
	
	#nav a.subnav, #nav a.subnav:visited, #nav a.subnav:active, #nav a.subnav:hover {
		font: 10px Verdana, sans-serif;
		font-weight: normal;
		padding-left: 10px;
		border-bottom: 0;
		letter-spacing: 0;
	}

#content {	
	width: 500px; 
	margin-left: 210px;
	padding-top: 120px;
}

#footer {
	height: 76px; 
	width:100%; 
	background: url(../images/bottom.gif);
}

	#footer a {
		font : 12px Verdana, sans-serif; 
		color : #fff000;
	}

#address {
	padding: 6px 0px 0px 210px; 
	color: #fff; 
	font-size: 11px;
}

	
/* some form stuff */

form div {
	clear: both;
	padding: 2px 0px;
}

form label {
	float: left;
	width: 90px;
	text-align: right;
	margin-right: 6px;
	font : bold 12px Georgia, 'Times New Roman', Times, serif;
	color : #c30;
}

form div.align {
	margin-left: 98px;
	margin-top: 3px;
}


/* define custom classes */

.subTitle2 {
	font-size : 12px;
	color : #f60;
}

.button {
	font : 11px Verdana, Arial, sans-serif; 
	color : #fff; 
	background-color : #f47721;
	border-top : 1px solid #c30;
	border-left : 1px solid #c30;
	border-bottom : 1px solid #FFCF3C;
	border-right : 1px solid #FFCF3C;
}

.joinbutton {
	font : 11px Verdana, Arial, sans-serif; 
	color : #fff; 
	background-color : #f47721;
	border: 1px solid #993300;
}



.required {
	font-size : 11px;
	color : #f60;
}

.orange {
	color : #f60;
}

.grey {
	color : #4B6186;
}



.portfolio-container {
	border-bottom: 1px solid #c30;
}

.portfolio-buttons {
	text-align: right;
	margin-bottom:10px;
	clear:left;
}

img.portfolio {
	float:left; 
	padding-right:8px;
}

p.portfolio {
	margin-bottom:0px; 
	padding-bottom:0px;
}
	

div.casestudy {
	clear: left;
	line-height: 15px;
	margin-bottom: 4px;
}

div span.casestudy-header {
	font: 14px Georgia, sans-serif; 
	letter-spacing : 1px;
	color: #f60; 
	width:70px; 
	float:left;
}

div span.casestudy-info {
	letter-spacing : 1px;
}

.quote {
	color: #c30; 
	font-family: 'Times New Roman', Times, serif; 
	font-size: 16px; 
	font-weight: bold;
}

.quote2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #f93;
	line-height: 30px;
	margin: 14px 0 14px 0;
}
	
	.quote2 div {
		text-align: right;
		font-style: italic;
		font-weight: bold;
		margin: 8px 0;
		color : #c30;
	}
	
/* define link properties */

a, a:link ,a:visited, a:active {
	font: 13px Georgia, serif;
	color : #c30;
	text-decoration : none;
}

a:hover {
	font: 13px Georgia, serif;
	color : #f93;
}

a.underline:hover {
	border-bottom: 1px dashed #c30;
}


a.img, a.img:visited, a.img:active {
	display: block;
	width: 140px;
	border: 1px solid #ccc;
	margin-right: 6px;
	float: left;
	padding:5px;
}

a.img:hover {
	display: block;
	width: 140px;
	border: 1px solid #c30;
	margin-right: 6px;
	float: left;
	padding:5px;
}