/*

- Switch Creative Group
- http://www.groupswitch.com
- designed by Switch Creative Group
- http://www.groupswitch.com

*/

/* ! ---- COLORS ---- */
/* ---------------------------------------------------- */
	/* ! -- #666 - dk brown -- */
	/* ! -- #EC9322 - orange -- */


/* ! ---- STRUCTURE ---- */
/* ---------------------------------------------------- */
	
	body {
		background: #E0dfdb url(../_img/background.jpg);
		color: #666;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		}
	
	/* ! ---- HEADER ---- */
	/* ---------------------------------------------------- */
		
		#header_alt {
			position: fixed;
				right: 25px;
				bottom: -5px;
			}
		
		#header_alt h1 {
			background: url(../_img/header_alt.png) no-repeat;
			height: 40px;
			text-indent: -9999px;
			width: 89px;
			}

	
	/* ! ---- MAIN_NAV ---- */
	/* ---------------------------------------------------- */
	
		#main_nav_hldr {
			position: fixed;
				top: 50px;
				left: 0;
			z-index: 10;
			}
		
		ul#main_nav {
			margin-left: -2px;
			}
		
		ul#main_nav li {
			font-size: 28px;
			font-weight: bold;
			height: 28px;
			margin-bottom: 3px;
			position: relative;
			overflow: hidden;
			}
		
		ul#main_nav li.small {
			font-size: 14px;
			font-weight: normal;
			height: auto;
			margin-bottom: 3px;
			}
		
		ul#main_nav li.small a {
			color: #999;
			}
		
		ul#main_nav li a {
			color: #666;
			display: block;
			position: relative;
				top: 0;
				left: 0;
			}
		
		ul#main_nav li a span.dupe {
			color: #ec9332;
			}
		
		ul#main_nav li a.active span.dupe {
			color: #666;
			}
		
		ul#main_nav li a:hover {
			color: #EC9322;
			}
		
		ul#main_nav li a.active {
			color: #EC9322;
			}
		
	
	
	/* ! ---- CONTENT ---- */
	/* ---------------------------------------------------- */
		
		#content_hldr {
			position: relative;
			z-index: 1;
			}
		
		#content {
			margin: 67px 0 80px 260px;
			width: 750px;
			}
		
		.page_header {
			height: 90px;
			margin-bottom: 10px;
			text-indent: -9999px;
			}
		
			#home {
				background: transparent url(../_img/pageheaders_Hello.png) no-repeat;
				}
			
			#philosophy {
				background: transparent url(../_img/pageheaders_Phil.png) no-repeat;
				height: 110px;
				margin-bottom: -10px;
				}
			
			#process {
				background: transparent url(../_img/pageheaders_Process.png) no-repeat;
				}
			
			#work {
				background: transparent url(../_img/pageheaders_Work.png) no-repeat;
				margin-left: -15px;
				}
			
			#partners {
				background: transparent url(../_img/pageheaders_Partners.png) no-repeat;
				}
			
			#design-ed {
				background: transparent url(../_img/pageheaders_Ded.png) no-repeat;
				height: 120px;
				margin-bottom: -10px;
				}
			
			#endeavors {
				background: transparent url(../_img/pageheaders_Endeavors.png) no-repeat;
				height: 100px;
				margin-left: -7px;
				}
			
			#contact {
				background: transparent url(../_img/pageheaders_Contact.png) no-repeat;
				}
			
			#error {
				background: transparent url(../_img/pageheaders_404Error.png) no-repeat;
				height: 170px;
				}
		
		#content p {
			font-size: 14px;
			line-height: 1.3em;
			margin-bottom: 18px;
			}
			
		#content p.big_orange {
			color: #EC9322;
			font-size: 24px;
			line-height: 1.1em;
			}
		
		#content p.big_orange a {
			color: #666;
			}
		
		#content p.big_orange a:hover {
			color: #EC9322;
			}
		
		#content a {
			color: #EC9322;
			}
		
		#content a:hover {
			color: #666;
			}
		
		#content ol {
			list-style: decimal;
			list-style-position: inside;
			}
		
		#content ol li {
			line-height: 1.3;
			margin-bottom: 10px;
			}

		/* 2 columns */
		#columnizer {
			margin-top: 20px;
			width: 630px;
			}
		
		#columnizer .first {
			padding-right: 10px;
			}
		
		#columnizer .last {
			padding-left: 10px;
			}
		
		
		/* ! ENDEAVORS TABLES */
		table.endeavors {
			border: none;
			margin-top: 15px;
			}
		
		table.endeavors td {
			border: none;
			margin-bottom: 1em;
			padding: 0 35px 35px 0;
			vertical-align: top;
			}
		
		table.endeavors td.descr {
			width: 365px;
			}


		/* ! ---- HOME LIST ---- */
		/* ---------------------------------------------------- */
		
			#home_list_hldr {
				height: 30px;
				margin: -1.1em 0 0 9.7em;
				position: relative;
				overflow: hidden;
				}
				
			ul#home_list {
				position: relative;
				}
			
			ul#home_list li {
				color: #666;
				font-size: 24px;
				height: 30px;
				}
			
			ul#home_list li.copyright {
				/* margin-top: -.5em; */
				}
			
			ul#home_list li span.copyright {
				display: none;
				}
			
			.orange {
				color: #EC9322;
				}
		
		
		/* ! ---- CONTACT PAGE ---- */
		/* ---------------------------------------------------- */

			.contact_left, .contact_right {
				float:left;
				margin-top: 10px;
				}
			
			.contact_left {
				margin-right: 20px;
				}
			
			#content .contact_left p {
				margin-bottom: 10px;
				}
				
			#content .contact_right p {
				font-size: 13px;
				}
			
			.contact_right p strong {
				color: #ec9322;
				}
			
			.contact_left input[type=text],
			.contact_left textarea {
				background: #969696;
				border: 1px solid #969696;
				color: #efefef;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: 12px;
				padding: 5px;
				width: 250px;
				}
			
			.contact_left input[type=submit] {
				background: transparent;
				border: none;
				color: #666;
				font-size: 14px;
				font-weight: bold;
				margin-left: -4px;
				padding: 0;
				text-align: left;
				}
			
			.contact_left input[type=submit]:hover {
				color: #ec9322;
				cursor: pointer;
				}
			


		/* ! ---- DESIGN ED PAGE ---- */
		/* ---------------------------------------------------- */
			
			#designEd {
				position: absolute;
					top: 160px;
					left: 0;
				width: 100%;
				}
			

	/* ! ---- POSTS ---- */
	/* ---------------------------------------------------- */
		
		.post {
			margin-bottom: 50px;
			padding-bottom: 2px;
			}
		
		.post .post_rule {
			padding-bottom: 15px;
			}
		
		#content .post h3 {
			color: #666;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 48px;
			letter-spacing: -1px;
			margin: 0;
			}
		
		#content .post h3 a {
			color: #666;
			}
		
		#content .post h3 a:hover {
			color: #EC9322;
			}
		
		#content .post_header_left,
		#content .post_header_right {
			float: left;
			}
		
		#content .post_header_right {
			padding-top: 8px;
			}
			
		#content .post .post_header {
			border-bottom: 1px solid #999;
			margin-bottom: 15px;
			padding-bottom: 8px;
			}
		
		#content .post .post_header p {
			line-height: 1.2em;
			margin: 0;
			padding: 0;
			}
		
		#content .post_header_left {
			margin-right: 15px;
			}
		
		#content .post_header_left p {
			color: #EC9322;
			}
		
		#content .post_header_right p.link {
			font-style: italic;
			}
		
		#content .post_header_right p.link a {
			color: #666;
			}
		
		#content .post_header_right p.link a:hover {
			color: #EC9322; 
			}
		
		.post img {
			margin: 5px 0 10px;
			}
	


	/* ! ---- PORTFOLIO ---- */
	/* ---------------------------------------------------- */		
		
		#categories {
			font-size: 14px;
			font-weight: bold;
			margin: 20px 0 20px;
			}
		
		#categories ul {
			border-bottom: 1px solid #999;
			margin-bottom: 10px;
			padding-bottom: 10px;
			}
		
		#categories ul li {
			display: inline;
			margin-right: 10px;
			}
		
		#categories ul li a {
			padding: 4px 5px 2px;
			}
		
		#categories ul li a.active,
		#categories ul li a:hover {
			background: #EC9322;
			/* CSS3 Border Radius Only works in Firefox and Safari (progressive enhancement) */
			-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
			color: #fff;
			}
		
		#categories ul li a.active:hover {
			color: #fff;
			}
			
		
		#projects {
			font-size: 14px;
			line-height: 1.3em;
			margin-bottom: 20px;
			}
		
		#projects ul {}
		
		#projects ul li {
			margin-bottom: 8px;
			}
		
		#projects ul li ul {
			padding-right: 45px;
			}
		
		#projects ul li a {
			color: #666;
			padding: 4px 5px 2px;
			}
		
		#projects ul li a.active,
		#projects ul li a:hover {
			background: #EC9322;
			/* CSS3 Border Radius Only works in Firefox and Safari (progressive enhancement) */
			-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
			color: #fff;
			}
		
		#projects ul li a.active:hover {
			color: #333;
			}

	
	/* ! ---- FOOTER ---- */
	/* ---------------------------------------------------- */
		
		#footer {
			display: none;
			}
		
	
	
	
	
	/* ! ---- SAFARI HACKS ---- */
	/* ---------------------------------------------------- */	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		
		
		/* main nav	*/
		ul#main_nav li a {
			margin-top: -3px;
			}
		
		
		/* post headings  */
		#content .post_header_right {
			padding-top: 10px;
			}
		
		#content .post .post_header p  {
			line-height: 1.3em;
			}
  
  }