@charset "utf-8";

/* ======================================
										=
CSS FILE WRITTEN BY: CHRIS TAKAKURA		=
DOUG LEVY V3.0 CSS FILE	=
										=
========================================= */

/* CSS RESET
==================================== */

	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
	pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  
	
		/* HTML5 ELEMENT
	================================= */
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
	
	/* == */
	
	/* TYPOGRAPHY PROPERTIES
=================================== */

a {

	color:#FFF;
	text-decoration:none;
	-moz-transition: color 0.5s ease-out 0s; /* TRANSITION CSS */
 	-o-transition: : color 0.5s ease-out 0s; /* TRANSITION CSS */
	-webkit-transition: color 0.5s ease-out 0s; /* TRANSITION CSS */
	-ms-transition: color 0.5s ease-out 0s; /* TRANSITION CSS */
	transition: color 0.5s ease-out 0s; /* TRANSITION CSS */
	
	}
	
	a:hover {
	
	color: #009246;
	text-decoration:none;
	
	}

p {

	color: #FFF;
	font-family: 'Open Sans',Verdana,Arial,Sans-serif;
	font-size: 0.72em;
	letter-spacing: 0.015em;
	line-height: 1.555em;
	padding-bottom: 5px;
	padding-top: 13px;
	text-align: justify;

}

section h1 {

    color: #5C5C5C;
    font-family: 'Open Sans',Verdana,Arial,Sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0455em;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: left;

}

h2 {

    color: #5C5C5C;
    font-family: 'Open Sans',Verdana,Arial,Sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0455em;
    margin-top: 35px;
    text-align: center;

}

h3 {

	color: #5C5C5C;
    font-family: Lucida Grande,Tahoma,Verdana,Arial,Sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.0455em;
    line-height: 1.3855em;
    text-align: left;

}

h4 {

    color: #5C5C5C;
    font-family: Lucida Grande,Tahoma,Verdana,Arial,Sans-serif;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.0255em;
    text-align: center;

}

h6 {

	color: #5C5C5C;
	font-family: georgia,Times New Roman,Serif;
	font-size: 14px;
	font-style: italic;
	font-weight:normal;
	letter-spacing: 0.055em;
	line-height: 1.395em;
	padding-bottom: 15px;
	text-align: justify;

}

.droidsans {

	color: #FFFFFF;
	font-family: 'Droid Sans',Verdana,Arial,Sans-serif;
	font-size: 22px;
	letter-spacing: 0.04em;
	line-height: 1em;
	margin-bottom: 12px;
	padding: 0;
	text-align: left;

}

	.droidsanssmall {

		color: #FFFFFF;
		font-family: 'Droid Sans',Verdana,Arial,Sans-serif;
		font-size: 12px;
		padding-top: 0;

	}

.concepttitle {

	color: #FFFFFF;
	font-family: 'Droid Sans',Verdana,Arial,Sans-serif;
	font-size: 18px;
	letter-spacing: 0.04em;
	line-height: 1em;
	margin-top: 12px;
	padding: 0;
	text-align: left;

}

.conceptdesc {

	color: #FFF;
	font-family: 'Open Sans',Verdana,Arial,Sans-serif;
	font-size: 0.69em;
	letter-spacing: 0.015em;
	line-height: 1.555em;
	padding-bottom: 5px;
	padding-top: 6px;
	text-align: justify;

}


/* CORE CSS PROPERTIES
=================================== */

body {

	background:url("images/background.png") repeat scroll 0 0 transparent;
	font-family: arial,'lucida Grande',verdana,san-serif;
	margin: 0;

}

aside {

    display: block;
    float: left;
    overflow: hidden;
    position: fixed;
    width: 220px;

}

header {

	display: block;
	height: 280px;
	margin-top: 55px;
	overflow: hidden;

}

section {

	background-color:#fff;
	border:1px solid blue;
	display:block;	
	overflow: hidden;

}

	.projectname{

		border: 1px solid red;
		float: left;
		margin-bottom: 20px;
		width: 560px;
	
	}
	
	.projectbuttons {
	
		float:right;
		margin-bottom:20px;
	
	}

header h1 {

    color: #5C5C5C;
    font-family: georgia,Times New Roman,Serif;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.0455em;
    margin: 36px auto 0;
    padding-bottom: 20px;
    text-align: center;

}


	
#logo {
	
	background: url("images/logo.png") no-repeat scroll 20px 23px #282828;
	border-bottom: 3px solid #282828;
	display: block;
	float:left;
	height: 76px;
	margin-right: 1px;
	width: 445px;
	
}

nav {
	
	clear: both;
	font-family: 'Open Sans',Verdana,Arial,Sans-serif;
	font-size: 0.9em;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: right;
	width: 990px;

}

	nav a {

		color: #FFFFFF;
		font-size: 11px;
		letter-spacing: 0.05em;
		text-decoration: none;

	}

	nav a:hover {

		color:#009246;
		text-decoration:none;

	}

	.home {

		background-color: #282828;
		border-bottom: 3px solid #282828;
		display:block;
		float: left;
		height: 28px;
		margin-right: 1px;
		padding-right: 15px;
		padding-top: 48px;
		width: 101px;
		-moz-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-o-transition: : background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-webkit-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-ms-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */

	}

	.home:hover {

		background-color: #474747;
		border-bottom: 3px solid #009246;

	}

	.aboutus {

		background-color:#282828;
		border-bottom: 3px solid #282828;
		display:block;
		float:left;
		height:28px;
		margin-right: 1px;
		padding-right: 15px;
		padding-top: 48px;
		width: 101px;
		-moz-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-o-transition: : background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-webkit-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-ms-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */

	}

		.aboutus:hover {

		background-color: #474747;
		border-bottom: 3px solid #009246;

	}

	.gallery {

		background-color:#282828;
		border-bottom: 3px solid #282828;
		display:block;
		float:left;
		height:28px;
		margin-right: 1px;
		padding-right: 15px;
		padding-top: 48px;
		width: 101px;
		-moz-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-o-transition: : background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-webkit-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-ms-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */

	}

		.gallery:hover {

		background-color: #474747;
		border-bottom: 3px solid #009246;

	}

	.designconcepts {

		background-color: #282828;
		border-bottom: 3px solid #282828;
		display:block;
		float: left;
		height: 28px;
		padding-right: 15px;
		padding-top: 48px;
		width: 178px;
		-moz-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-o-transition: : background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-webkit-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		-ms-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
		transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */

	}

		.designconcepts:hover {

		background-color: #474747;
		border-bottom: 3px solid #009246;

	}

	#conceptsidebar {

		float: left;
		min-height: 540px;
		width: 204px;

	}

		.conceptbtn {

			background-color: #090909;
			display: block;
			font-size: 0.6em;
			height: 21px;
			margin-bottom: 1px;
			padding: 13px 11px 5px 15px;
			text-align: left;
			-moz-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
			-o-transition: : background-color 0.5s ease-out 0s; /* TRANSITION CSS */
			-webkit-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
			-ms-transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */
			transition: background-color 0.5s ease-out 0s; /* TRANSITION CSS */

		}

		.conceptbtn:hover {

			background-color: #282828;

		}

		#conceptbarempty {

			background-color: #090909;
			display: block;
			min-height: 340px;
			width: 204px;

		}

		#conceptbarempty2 {

			background-color: #090909;
			display: block;
			min-height: 528px;
			width: 204px;

		}

		/* ### Navigation "Current" CSS Code
	=================================== */
	
	body#home a.home, 		
	body#about a.aboutus,		
	body#gallery a.gallery,
	body#concepts a.designconcepts
	
	{		

		border-bottom: 3px solid #009246;

		}

footer {
	
	clear: both;
	color: #A3A3A3;
	font-family: 'Open Sans',Verdana,Arial,Sans-serif;
	font-size: 0.7em;
	letter-spacing: 0.045em;
	line-height: 16px;
	overflow: hidden;
		
	}
	
	footer .leftcolumn {
	
		float:left;
		text-align:left;
		width:300px;
	
	}
	
	footer .rightcolumn {
	
		float: right;
		font-size: 1.4em;
		line-height: 1.4em;
		margin-bottom: 35px;
		text-align: right;
		width: 385px;
	
	}
	
	#wrapper {

		margin: 100px auto 0;
		width: 990px;

	}
		
	#content {
	
		position: relative;
		width: 990px;
	
	}
	
	#nonanimcontent {

		position: relative;
		width: 990px;

	}

	.messageboxleft {

		background: url("images/messageboxbg.png") repeat scroll 0 0 transparent;
		color: #FFFFFF;
		margin-top: 155px;
		padding: 30px;
		position: absolute;
		width: 1px;
		z-index: 100;

	}

	.messageboxrightfull {

		background: url("images/messageboxbg.png") repeat scroll 0 0 transparent;
		color: #FFFFFF;
		height: 483px;
		padding: 20px 30px 30px;
		position: absolute;
		right: 0;
		width: 1px;
		z-index: 100;

	}

	.messageboxconcept {

		background: url("images/messageboxbg.png") repeat scroll 0 0 transparent;
		bottom: 0;
		color: #FFFFFF;
		height: 1px;
		padding: 5px 30px 15px;
		position: absolute;
		width: 720px;
		z-index: 999;

	}

	.msgboxleft {

		float:left;
		 width: 250px;

	}

	.msgboxright {

		float: right;
		width: 380px;

	}

	
	.sepbar1 {
	
		clear: both;
		height: 12px;
		margin-top: 7px;
	
	}
	
	.sepbar2 {
	
		border-bottom: 1px solid #CFCFCF;
		border-top: 1px solid #CFCFCF;
		height: 3px;
		margin: 10px auto 75px;
		width: 250px;
		
	}
	
/*PAGE PROPERTIES
=================================== */

	#homeimage {

		background: url("images/images/homeimage.jpg") repeat scroll 0 0 transparent;
		display:block;
		margin-bottom: 10px;
		height:540px;
		position: relative;

	}

	#aboutimage {

		background: url("images/images/aboutimage.jpg") repeat scroll 0 0 transparent;
		display:block;
		margin-bottom: 10px;
		height:540px;
		position: relative;

	}

	#conceptimage {

		display: block;
		float: right;
		height: 540px;
		margin-bottom: 10px;
		position: relative;
		width: 780px;

	}

	#galleryimage {

		display:block;
		margin-bottom: 10px;
		height:540px;
		position: relative;

	}
	

/*JQUERY PROPERTIES
=================================== */

.tip {

    color: #fff;
    background:#000;
    display:none; /*--Hides by default--*/
	font-family:Lucida Grande,Tahoma,Verdana,Arial;
	font-size:10px;
    padding:10px;
    position:absolute;    
	text-decoration: none;
	z-index:1000;
	margin-bottom: 25px;
	
}


#toTop {

	background: url("../images/uparrow.png") no-repeat scroll center top transparent;
    bottom: 25px;
    color: #4D4D4D;
    cursor: pointer;
    display: none;
    font-family: tahoma,Arial,Sans-serif;
    font-size: 11px;
    height: 15px;
    left: 40px;
    padding-top: 63px;
    position: fixed;
    text-align: center;
    width: 66px;
    z-index: 999;
	
}