/* CSS Document */

body {
	background-color:#000000;
	padding:0;
	margin:0;
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
	letter-spacing:0.025em;
	color:#A9A9A9;
}

body.home {
	background-image:url(../images/i-main.jpg);
	background-position: 200px 240px;
	background-repeat: no-repeat;
}

body.profile {
	background-image:url(../images/i-profile.jpg);
	background-position: 600px 220px;
	background-repeat: no-repeat;
}

body.thinking {
	background-image:url(../images/i-think.jpg);
	background-position: 670px 210px;
	background-repeat: no-repeat;
}

body.work {
	background-image:url(../images/tv.jpg);
	background-position: 375px -30px;
	background-repeat: no-repeat;
}



body.contact {
	background-image:url(../images/i-contact.jpg);
	background-position: 500px 30px;
	background-repeat: no-repeat;
}

body.green{
	background-image:url(../images/i-green.jpg);
	background-position: 350px -30px;
	background-repeat: no-repeat;
}


/* Wrappers---------------------------------------*/


#page-wrap{
	width:950px;
	background-color:transparent;
	margin:0px 0px 0px 30px;
}

.header-wrap {
	padding: 25px 0px 0px 0px;
	height:100px;
}



/* logo---------------------------------------*/

#logo {
	float:left;
	width:235px;
	height:125px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}





/* Navagation---------------------------------------*/

.nav {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	font-size:10px;
}

.nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.nav li {
	display:inline;
}

.nav li.current a {
	color:#FFFFFF;
}

.nav a {
	float:left;
	text-align:center;
	text-decoration:none;
	line-height: 2.5;
	border-left: 1px solid #2E5F42;
	color:#74A18E;
	padding: 0px 11px 0px 11px;
	
}
.nav a:hover {
	color:#CBD24C;
}



/*Content Elements------------------------------------------*/

.content-wrap {
	padding:0px; 
	margin:0px;
	clear:both;
}

.content {
	margin:0px 0px 0px 0px;
	padding:75px 105px 20px 65px;
}

.content p {
	padding:0px 0px 0px 6px;
	line-height:1.4em;
}

.content a	{
	color:#74A18E;
	text-decoration:none;
}

.content a:hover	{
	color:#CBD24C;
	text-decoration:none;
}

.end-line {
	color:#6B6B6B;
	line-height:1.4em;
	font-weight:bold;
	letter-spacing:0.04em;
	font-size:20px;
	
}


.values {
	color:#25372C;
	line-height:1.4em;
	font-weight:bold;
	letter-spacing:0.05em;
	font-size:30px;
	margin:-10px 0px 0px 0px;
	
}



/*work Elements------------------------------------------*/


#content-work-wrap {
	clear:both;
}

#content-work-left {
	width:450px;
}

#content-work-right {
	position:absolute;
	left:470px;
	top:176px;
}

#work-nav-left {
	padding: 0px 10px 0px 0px;
	float:left;
	height: 200px;
	width:115px;
	text-align:right;
}

#work-nav-left p {
	margin:0px;
}

#work-nav-right p {
	margin:0px 0px 10px 0px;
}

#work-nav-right {
	float:left;
	padding: 0px 0px 0px 8px;
	border-left: 1px solid #545B54;
	height:100%;
	width:145px;
}


#work-nav-right ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#work-nav-right li {
	display:inline;
	padding-top:10px;
}


#highlight {
	margin-top:5px;
}




/*Headers------------------------------------------*/

.white {
	color: #FFFFFF;
}

h2	{
	padding:0px 0px 0px 6px;
	font-size:14px;
	color:#FFFFFF;
	
}

h1#home {
	height:67px;
	background:url(../images/main-head_01.gif) no-repeat;
	text-indent:-9999px;
}

h2#home {
	height:43px;
	background:url(../images/main-head_02.gif) no-repeat;
	text-indent:-9999px;
}

h1#profile {
	height:67px;
	background:url(../images/t-profile.gif) no-repeat;
	text-indent:-9999px;
}


h1#doing {
	height:67px;
	background:url(../images/t-doing.gif) no-repeat;
	text-indent:-9999px;
}


h1#work {
	height:67px;
	background:url(../images/t-work.gif) no-repeat;
	text-indent:-9999px;
}

h2#work {
	height:43px;
	text-indent:0px;
}



h1#contact {
	height:67px;
	background:url(../images/t-contact.gif) no-repeat;
	text-indent:-9999px;
}

h2#contact {
	height:43px;
	text-indent:0px;
}


#disclaimer  {
	
	width:600px;
	height:350px;
	margin:0px 0px 0px 0px;
	padding:30px 105px 20px 65px;
	line-height:1.2em;
}

.disclaimer a {
	font-size:10px;
	color:#7A8D85;
}
	
.disclaimer a:hover {
	color:#CBD24C;
}

h1#green {
	height:67px;
	background:url(../images/t-green-2.gif) no-repeat;
	text-indent:-9999px;
}

h2#green {
	height:43px;
	text-indent:0px;
}


/*Home page------------------------------------------*/

#goinggreen {
		height:50px;
		width:150px;
		line-height:1.2em;
		padding:20px 0px 0px 6px;
}

#goinggreen a img {
	border:none;
	background:url(../images/going-green.jpg) no-repeat;
}

#goinggreen a:hover img {
	border:none;
	background:url(../images/going-green.jpg) 0px -25px no-repeat;
}

#bullfrog {
		height:50px;
		width:100px;	
		padding:90px 0px 0px 6px;
}

/*contact page------------------------------------------*/

#contact-left {
	padding: 0px 10px 0px 0px;
	float:left;
	width:300px;
	Height:200px;
	text-align:left;
}

#contact-right {
	padding: 0px 0px 0px 0px;
	float:left;
	width:350px;
	text-align:left;
	
	}

#contact-commun {
	margin:20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width:350px;
	text-align:left;
}