/* Typography */
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #888;
	font-size: 12px;
	}

a {
	color: #E66330;
	text-decoration: none;
	}

a:hover {
	color: #BF4927;
	}

h2 {
	text-transform: uppercase;
	color: #E66330;
	font-size: 35px;
	font-weight: bold;
	padding: 10px 35px;
	margin: 0;
	}

h2.facebook {color: #E66330; text-transform:uppercase; font-weight: bold; font-style:italic; font-size: 30px;}

h3 {
	color: #E66330;
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0;
	}
	
	h3 span {
		color: #828282;	
		font-size: 10px;
		font-weight: normal;
		padding-left: 5px;
		}
	
p {
	margin: 0;
	padding: 0px 35px;
	line-height: 22px;
	}

	p.intro {
		padding-bottom: 20px;
		}
		
	div#footer p, div#sidebar p {
		color: #5e828a;
		}
		
	div.portfolio-right p {
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #646464;
		font-size: 18px;
		}

div.portfolio-right ul {
	margin: 0;
	padding: 5px 0;
	}
	
div.portfolio-right ul li {
	margin: 0;
	padding: 2px 0;
	list-style: none;
	color: #828282;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#contact-links ul li {
	list-style: none;
	color: #5F5F5F;
	}
	
div#contact-links ul li a {
	color: #5F5F5F;
	text-decoration: none;
	}
	
	div#contact-links ul li a:hover {
		color: #E66330;
		}
	
		
/* Main Styles */
body {
	background: #D5E9ED url(../images/body-bg.jpg) repeat;
	margin: 0;
	padding: 0;
	}

div#bg-container {
	background: url(../images/clouds.png) no-repeat center top;
	}

div#container {
	margin: 0px auto;
	padding: 60px 0 0 0;
	width: 1020px;
	}

/* Header */
div#header {
	width: 753px;
	height: 324px;
	background: transparent url(../images/header-bg.png) no-repeat;
	margin: 0;
	padding: 0;
	}
	
	/* Logo Styles */
	h1 {
		background: transparent url(../images/logo.png) no-repeat scroll left top;
		padding: 0;
		margin: 40px 74px; 
		float: left;
		}


	h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
		height: 51px;
		width: 593px;	
		border-bottom: 0 none;
		display: block;
		outline-color: -moz-use-text-color;
		outline-style: none;
		outline-width: 0;
		text-indent: -9999px;
		margin: 0;
		padding: 0;
		}
	
	/* Navigation */
	div#nav {
		margin: 0;
		padding: 160px 0 0 178px;
		}
	
	div#nav ul {
		width: 420px;
		height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		}
		
	div#nav ul li a {
		height: 30px;
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background-position: bottom;
		}
	
	div#nav ul li#web a {
		background-image: url(../images/nav/web.png);
		background-repeat: no-repeat;
		left: 0px;
		width: 96px;
		}
		
		div#nav ul li a:hover {
			background-position: top;					}
	
	div#nav ul li#graphic a {
		background-image: url(../images/nav/graphic.png);
		background-repeat: no-repeat;
		left: 100px;
		width: 96px;
		}
	
	div#nav ul li#illustration a {
		background-image: url(../images/nav/illustration.png);
		background-repeat: no-repeat;
		left: 200px;
		width: 96px;
		}

	div#nav ul li#contact a {
		background-image: url(../images/nav/contact.png);
		background-repeat: no-repeat;
		left: 300px;
		width: 96px;
		}
	
/* Content */
div#content {
	float: left;
	width: 753px;
	background: transparent url(../images/content-bg.png) repeat-y left;
	margin: 0;
	padding: 0px;
	}
		
	div.portfolio-item {
	border-top: 1px solid #D9D9D8;
	height: 167px;
	background: url(../images/portfolio-bg.png) repeat-x center;
	margin: 0 21px;
	padding: 0 15px;
	}
	
	.subpages-1, .subpages-2, .subpages-3, .subpages-4, .subpages-5, .subpages-6, .subpages-7 {
	margin: 0 21px;
	padding: 0 15px 10px 15px;
	display: none;
	}
	
	.last {
	border-bottom: 1px solid #D9D9D8;
	margin-bottom: 20px !important;
	}
	
		div.portfolio-left {
			float: left;
			width: 170px;
			margin: 0;
			padding: 0;
			}
		
			div.portfolio-left a.thumb img {
				margin-top: 18px;
				border: 3px solid #828282;
				}
			
			div.portfolio-left a.subpage-btn img {
				padding-top: 5px;
				}
		
		div.portfolio-right {
			float: left;
			}
		
		ul.thumb-list {
			display: block;
			list-style: none;
			width: 600px;
			margin: 0;
			padding: 0;
			}
			
			ul.thumb-list li {
			float: left;
			margin: 0;
			padding: 10px 15px 0px 0;
			}
			
			ul.thumb-list li a.thumb img {
				border: 5px solid #D5E9ED;
				}
 	
 	/* Index Page Styles */
 	div#index-wrapper {
		padding: 0px 20px 0 22px;
		background-color: EEEFEF;
		}
	
 	div.index-column {
		width: 236px;
		height: 235px;
		background: url(../images/index-box.png) repeat-x;
		float: left;
		border-top: 1px solid #D9D9D8;
		border-bottom:  1px solid #D9D9D8;
		}
	
	div.index-column h3 {
		font-size: 20px;
		color: #646565;
		padding-left: 57px;
		margin: 15px;
		}
	div.index-column p {
		margin: 0;
		padding: 0 20px;
		}
		
	div#index-graphic {
		border-left: 1px solid #D9D9D8;
		border-right: 1px solid #D9D9D8;
		}
	
	div.index-column img {
		padding-left: 15px;
		padding-top: 30px;
		}
		
			div#index-web h3 {
				background: url(../images/web-icon.png) no-repeat;
				}
			
			div#index-graphic h3 {
				background: url(../images/graphic-icon.png) no-repeat;
				}
				
			div#index-illustration h3 {
				background: url(../images/illustration-icon.png) no-repeat;
				}
	
 	
	/* Contact Page Styles */
	div#contact-wrapper {
		padding: 0 20px;
		}
		
	div.contact-column {
		width: 355px;
		float: left;
		}
		
		.blue-border {
			border-left: 1px solid #91C0CA;
			}
			
			div.contact-column ul {
				list-style: none;
				}
			
			div.contact-column ul li {
				font-size: 20px;
				color: #646565;
				margin: 25px 15px;
				padding-left: 45px;;
				}
			
			div.contact-column ul li span {
				font-size: 11px;
				color: #828282;
				margin: 0;
				padding: 0;
				}
			
			div.contact-column ul li span p {
				margin: 0;
				padding: 0;
				line-height: 15px;
				}
			
			div.contact-column ul li#contact-email {
				background: url(../images/email-icon.png) no-repeat;
				}
				
			div.contact-column ul li#contact-phone {
				background: url(../images/phone-icon.png) no-repeat;
				}
				
			div.contact-column ul li#contact-address {
				background: url(../images/address-icon.png) no-repeat;
				}
				
			div.contact-column ul li#contact-twitter {
				background: url(../images/twitter-icon.png) no-repeat;
				}

			div.contact-column ul li#contact-linkedin {
				background: url(../images/linkedin-icon.png) no-repeat;
				}

			div.contact-column ul li#contact-flickr {
				background: url(../images/flickr-icon.png) no-repeat;
				}
/* Sidebar */
div#sidebar {
	float: left;
	padding-top: 10px;
	}

	div#sidebar p {
		padding: 0;
		}
	
	div#sidebar-btns {
		border-bottom: 1px solid #91C0CA;
		margin: 0;
		padding: 0 20px 0px 0;
		}
	
	div#sidebar-btns ul {
		margin: 0;
		padding: 0;
		}
	
	div#sidebar-btns ul li {
		list-style: none;
		margin: 0;
		padding: 0 0 8px 0;
		}
	
	div#contact-links {
	margin: 0;
	padding: 15px 5px;
	}
	
	div#contact-links ul li {
		margin: 10px 0;
		padding-left: 25px;
		}
	
	div#contact-links ul li#twitter {
		background: url(../images/twitter.png) no-repeat;
		}
		
	div#contact-links ul li#email {
		background: url(../images/email.png) no-repeat;
		}
		
	div#contact-links ul li#phone {
		background: url(../images/phone.png) no-repeat;
		}

/* Footer */

div#foot {
	width: 753px;
	height: 47px;
	background: transparent url(../images/footer-bg.png) no-repeat left;
	}

div#footer {
	margin: 0;
	padding: 0 0 10px 0;
	}