/******** Global Elements ********/

body { 
	background: #e2e9ea;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: none;
	margin: 0 auto;
}

a {
	color: #114f7d;
	text-decoration: none;
}

h1 {
	color:#2D2A25;
	font-family:"Trebuchet MS",sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.5px;
	line-height:1.4em;
	margin:1px 0 10px;
	padding:0 0 0 25px;
}

.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}

img {border: medium none; }

.left {float: left;}
.right {float: right;}

.bullet_circle {
	background: url(../images/bullet_circle.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
}

/******** Main Header ********/

.header {
	background: #2d2a25;
	border-bottom: 2px solid #1e1d1b;
	height: 50px;
	margin: 0 auto;
}

.header_container {
	display: block;
	margin: 0 auto;
	width: 960px;	
}

.main_logo {
	background: url(../images/logo.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	float: left;
	height: 32px;
	margin: 10px 0 0 10px;
	width: 124px;
}

*html .main_logo {
	display:block;
	height: 40px;
}

.main_nav {
	float: left;
	height: 25px;
	margin: 10px 0 10px 30px;
	width: 730px;
}

*html .main_nav {
	display: inline;
	list-style: none;
	margin: 10px 0 10px 60px;
}

*+html .main_nav {
	display: inline;
	list-style: none;
	margin: 10px 0 10px 60px;
}

.main_nav li { 
	display: inline;
}

.main_nav a {
	color: #fff;
	display: block;
	float:left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 8px 25px 0 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}

.main_nav a:hover.home {color: #fff6e4;}
.main_nav a:hover.folio {color: #8bcfd8;}
.main_nav a:hover.thoughts {color: #db3742;}
.main_nav a:hover.about {color: #b5e6a1;}
.main_nav a:hover.contact {color: #e8de6d;}

.main_nav_icon {
	display: block;
	float: left;
	height: 18px;
	margin: 7px 5px 0 0;
	padding: 0;
	width: 20px;
}

.icon_home {background:url(../images/icon_home.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_folio {background:url(../images/icon_folio.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_thoughts {background:url(../images/icon_thoughts.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_about {background:url(../images/icon_about.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_contact {background:url(../images/icon_contact.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}

.icon_freelance {
	background:url(../images/icon_freelance.png) no-repeat top left; 
	behavior: url(iepngfix/iepngfix.htc);
	margin-top: -2px;
}

.freelance {
	color: #fff;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 8px 0 0 0;
	padding: 0;
	text-decoration: none;
}



/******** Body Content ********/

.main_content {
	border-bottom: 1px solid #171513;
	margin: 0 auto;
}

.main_container {
	margin: 20px auto;
	width: 960px;	
}



/******** Home Page ********/

.home_message {
	background: url(../images/home_message.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	height: 145px;
	margin: 20px auto;
	width: 960px;
}

.home_left {
	float:left;
	margin:0 30px 0 0;
	padding:0;
	width:450px;
}

*html .home_left {
	margin: 0 20px 0 0;
}

.home_left h1 {
	display: inline;
	margin: 0 0 0 25px;
	padding: 0;
}

*html .home_left h1 {
	margin: 0;	
}

*+html .home_left h1 {
	margin: 0 0 0 5px;	
}

.home_right h1 {
	display: inline;
	margin: 0;
	padding: 0;
}

.home_right {
	background: url(../images/home_divider.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	float: left;
	height: 400px;
	margin:0 0 0 0;
	padding:0 0 0 30px;
	width: 450px;
}

*html .home_right {
	padding: 0 0 0 20px;	
}

ul.home_things {
	margin: 2px 0 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1.4em;
}

ul.home_things span {
	display: block;
	line-height: 1.4em;
	margin: 10px 0 20px 5px;
}

*html ul.home_things span {
	margin: 10px 0 0 0;	
}

ul.home_things li {
	line-height: 24px;
}

ul.home_latest {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
	width: 440px; /*--Adjust width according to your scenario--*/
}

ul.home_latest li {
	float: left;
	margin: 10px 10px 10px 0; 
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.home_latest li a.thumb {
	width: 440px; /*--Width of image--*/
	height: 325px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

ul.home_latest li span { /*--Used to crop image--*/
	width: 440px;
	height: 325px;
	overflow: hidden;
	display: block;
}

ul.home_latest li h2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}

ul.home_latest li a {
	text-decoration: none;
	color: #777;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
}

.home_ezshield {
	background: url(../images/home_ezshield.jpg) no-repeat top left;
	display: block;
	height: 325px;
	width: 440px;
}


/******** Portfolio ********/

.header_portfolio {
	background: url(../images/header_portfolio.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	height: 70px;
	margin-bottom:30px;
	width: 960px;
}

.folio_nav {
	float: right;
	height: 25px;
	margin: 20px 60px 0 0;
	width: 440px;
}

*html .folio_nav {
	margin: 20px 30px 0 0;	
}

.folio_nav li {display: inline;}

.folio_nav a {
	color: #2d2a25;
	display: block;
	float:left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:1px;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 8px 25px 0 0;
	padding-bottom: 3px;
	text-decoration: none;
}

.folio_nav a:hover {
	color: #325EA5;
	border-bottom: 4px solid #c4c4c4;
}

.folio_nav a.active {
	border-bottom: 4px solid #8bcfd8;
}

/* Gallery */

ul.gallery {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
	width: 678px; /*--Adjust width according to your scenario--*/
}

ul.gallery li {
	float: left;
	margin: 10px 10px 10px 0; 
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}

ul.gallery li a.thumb:hover {
	background: #e3eaea; /*--Hover effect for browser with js turned off--*/
}

ul.gallery li h2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}

ul.gallery li a {
	text-decoration: none;
	color: #777;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
}

.side_section {
	background: url(../images/side_divider.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	float: left;
	height: 500px;
	margin:-20px 0 0 12px;
	padding:30px 0 0 22px;
	width: 248px;
}

*html .side_section {
	display: block;
	margin: -20px 0 0 10px;
	padding: 30px 0 0 40px;
	width: 180px;
}

*+html .side_section {
	display: block;
	margin: -20px 0 0 10px;
	padding: 30px 0 0 40px;
	width: 180px;
}

.tools h1 { 
	background: url(../images/icon_tool.png) no-repeat center left;
	behavior: url(iepngfix/iepngfix.htc);
	color: #2d2a25;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:.5px;
	line-height: 1.4em;
	margin:1px 0 10px;
	padding: 0 0 0 25px;
}

*html .tools h1 {
	margin: 10px 0 0 -20px;	
}

*+html .tools h1 {
	margin: 10px 0 0 -20px;	
}

ul.tools_list {
	margin: 2px 0 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1.4em;
}

ul.tools_list li {line-height: 24px;}
ul.tools_list_interior {margin: 0 0 0 -10px;}

*html ul.tools_list_interior {margin: 0 0 0 15px;}
*+html ul.tools_list_interior {margin: 0 0 0 15px;}

ul.tools_list_interior li {line-height: 18px;}
li.no_bullet {
	font-style: italic;
	list-style: none;
	margin: 0 0 0 -16px;
}

/* Presentation Page */

ul.presentation {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
	width: 678px; /*--Adjust width according to your scenario--*/
}
ul.presentation li {
	float: left;
	margin: 10px 10px 10px 0; 
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.presentation li div.thumb {
	width: 656px; /*--Width of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

ul.presentation li h2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}

.ezshield {
	background: url(../images/folio/presentation_ezshield.jpg) no-repeat top left;
	display: block;
	height: 1023px;
	width: 656px;
}

.growmyband {
	background: url(../images/folio/presentation_growmyband.jpg) no-repeat top left;
	display: block;
	height: 500px;
	width: 656px;
}

.highflya {
	background: url(../images/folio/presentation_highflya.jpg) no-repeat top left;
	display: block;
	height: 413px;
	width: 656px;
}

.inspire{
	background: url(../images/folio/presentation_inspire.jpg) no-repeat top left;
	display: block;
	height: 648px;
	width: 656px;
}

.livingstones {
	background: url(../images/folio/presentation_livingstones.jpg) no-repeat top left;
	display: block;
	height: 360px;
	width: 656px;
}

.mjedesignold {
	background: url(../images/folio/presentation_growmyband.jpg) no-repeat top left;
	display: block;
	height: 510px;
	width: 656px;
}

.musicmanagement {
	background: url(../images/folio/presentation_musicmanagement.jpg) no-repeat top left;
	display: block;
	height: 375px;
	width: 656px;
}

.tomcat {
	background: url(../images/folio/presentation_tomcat.jpg) no-repeat top left;
	display: block;
	height: 400px;
	width: 656px;
}

.wallforward {
	background: url(../images/folio/presentation_wallforward.jpg) no-repeat top left;
	display: block;
	height: 492px;
	width: 656px;
}

.walllovely {
	background: url(../images/folio/presentation_walllovely.jpg) no-repeat top left;
	display: block;
	height: 492px;
	width: 656px;
}

.wallharmony {
	background: url(../images/folio/presentation_wallharmony.jpg) no-repeat top left;
	display: block;
	height: 492px;
	width: 656px;
}

.presentation_copy h1 { 
	color: #2d2a25;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:.5px;
	line-height: 1.4em;
	margin:1px 0 0;
	padding: 0;
}

*html .presentation_copy h1 {
	margin: 1px 0 0 -20px;
}

*+html .presentation_copy h1 {
	margin: 1px 0 0 -20px;
}

.presentation_url {
	display: inline-block;
	margin: 0 0 10px;	
}

*html .presentation_url {
	display: inline;	
	margin: 0 0 10px -20px;
}

*+html .presentation_url {
	display: inline;	
	margin: 0 0 10px -20px;
}

.project_details {
	display: block;
	margin: 2px 0 0 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .5px;
	line-height: 1.4em;
}

*html .project_details {
	margin: 2px 0 0 -20px;
}

*+html .project_details {
	margin: 2px 0 0 -20px;
}

.details_answer {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1.6em;
}

ul.tools_used {
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1.4em;
	list-style:disc;
	margin: 0 0 5px -24px;
}

*html ul.tools_used {
	margin: 0 0 5px -2px;
}

*+html ul.tools_used {
	margin: 0 0 5px -2px;
}

.project_notes {
	display: block;
	margin: 2px 0 0 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1.2em;
}

*html .project_notes {
	margin: 2px 0 0 -20px;	
}

*+html .project_notes {
	margin: 2px 0 0 -20px;	
}



/******** About Page ********/

.header_about {
	background: url(../images/header_about.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	height: 70px;
	margin-bottom:30px;
	width: 250px;
}

.text_section {
	float:left;
	margin:0 28px 0 0;
	padding:0;
	width:650px;
}

ul.myphoto {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px; /*--Adjust width according to your scenario--*/
}

*html ul.myphoto {
	margin: 0 0 0 -10px;	
}

*+html ul.myphoto {
	margin: 0 0 10px -20px;	
}

ul.myphoto li {
	float: left;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.myphoto li div.thumb {
	width: 220px; /*--Width of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

ul.myphoto li h2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}

.me {
	background: url(../images/me.jpg) no-repeat top left;
	display: block;
	height: 320px;
	width: 220px;
}



/******** Contact Page ********/

.header_contact {
	background: url(../images/header_contact.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	height: 70px;
	margin-bottom:30px;
	width: 205px;
}

.side_section_contact {
	background: url(../images/side_divider_contact.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	float: left;
	height: 250px;
	margin:-20px 0 0 12px;
	padding:30px 0 0 22px;
	width: 248px;
}

*html .side_section_contact {
	margin: -20px 0 0 10px;
	padding: 30px 0 0 20px;
	width: 180px;
}

*+html .side_section_contact {
	margin: -20px 0 0 10px;
	padding: 30px 0 0 20px;
	width: 180px;
}

.contact_copy h1 { 
	color: #2d2a25;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:.5px;
	line-height: 1.4em;
	margin:-14px 0 10px;
	padding: 0;
}

.contact_info_container {
	margin: 0 15px 0 20px;
	width: 125px;
}

*html .contact_info_container {
	margin: 10px 0 0 0px;	
}

*+html .contact_info_container {
	margin: 10px 0 0 0px;	
}

.contact_info {
	height: 32px;
	margin: 0 0 0 -60px;
	width: 250px;
}

*html .contact_info {
	margin: 0;
}

*+html .contact_info {
	margin: 0;
}

.contact_info li { 
	display: inline;
	list-style: none;
}

.contact_info a {
	display: block;
	float:left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 10px 25px 0 5px;
	padding: 0;
	text-decoration: none;
}

.contact_icon {
	display: block;
	float: left;
	height: 32px;
	margin: 2px 5px 0 0;
	width: 32px;
}

.icon_email {background:url(../images/icon_email.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_aim {background:url(../images/icon_aim.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_twitter {background:url(../images/icon_twitter.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}
.icon_linkedin {background:url(../images/icon_linkedin.png) no-repeat top left; behavior: url(iepngfix/iepngfix.htc);}


/******** Footer ********/

.footer {
	background: #2d2a25;
	border-top: 1px solid #383530;
	border-bottom: 1px solid #171513;
	color: #fff6e4;
	margin: 0 auto;
	padding: 10px;
}

.footer_container {
	margin: 0 auto;
	width: 960px;
}

.footer h1 {
	color: #fff;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}

.footer_about {
	margin: 0 15px 0 0;
	width: 400px;
}

.footer_divider {
	background: url(../images/footer_divider.png) no-repeat top left;
	behavior: url(iepngfix/iepngfix.htc);
	height: 180px;
	margin: 0 10px;
	width: 4px;
}

.footer_navigation {
	margin: 0 15px 0 20px;
	width: 125px;
}

*html .footer_navigation {
	margin: 0 0 0 10px;	
}

.footer_nav {
	height: 25px;
	margin: 0 0 0 -40px;
	width: 150px;
}

*html .footer_nav {
	margin: 0;	
}

*+html .footer_nav {
	margin: 0;
}

.footer_nav li { 
	display: inline;
}

.footer_nav a {
	color: #fff;
	display: block;
	float:left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 8px 25px 0 0;
	padding: 0;
	text-decoration: none;
}

.footer_nav a:hover.home {color: #fff6e4;}
.footer_nav a:hover.folio {color: #8bcfd8;}
.footer_nav a:hover.thoughts {color: #db3742;}
.footer_nav a:hover.about {color: #b5e6a1;}
.footer_nav a:hover.contact {color: #e8de6d;}

.footer_twitter {
	margin-left: 20px;
	width: 315px;
}

.twtr-timeline {
	height: 80px !important;	
}

.twitter_date {
	color: #b3b7b6;
}

.copyright_bar {
	background: #2d2a25;
	border-top: 1px solid #383530;
	color: #b3b7b6;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.5px;
	line-height: 1.4em;
	text-transform: none;
	height: 29px;
	margin: 0 auto;
	padding: 0 0 10px;
	text-align: center;
}

*html .copyright_bar {
	padding: 10px 0 0;	
}

*+html .copyright_bar {
	padding: 10px 0 0;	
}