/* Pages switches on/off*/



#pfolio {

	/*display: none;   temp display none */

}



#about {

	/*display: none;  temp display none */

	

}



#contact {

	 /*display: none;   temp display none */

}





/* Pages switches on/off*/



#pfolio, #about, #contact {

	/*border: red solid 1px;*/

	float: left;

	display: inline;

	height: 400px;

	width: 950px;	

}







body {

	background: #1a1a1a;

	font-size: 0.75em;

}



p, ul, li, h1, h2, h3, h4, h5, h6 {

	color: #fff;

}	



a {

	text-decoration: none;

}



a:link {

	color: #4cd615;	

}



a:visited {

	color: #4cd615;

}



a:hover {

	color: #8eea17;

}



a:active {

	color: #8eea17;

}



ul {		

	list-style-type: disc;

	list-style-image: url(../img/bul1.png); 

	list-style-position: outside;

	margin-left: 20px;

}

	

li {

	margin: 0 0 8px 0;

}	







p {	



	margin-bottom: 1em;

	line-height: 1.5em;

}

		

#mainwrap {

	background: #1a1a1a url(../img/mainwrap-strip.jpg) 0 0 repeat-x;

	

}



.fxwrap {

	background: transparent url(../img/lightfx.jpg) no-repeat top center;

	min-height: 650px;	

}



#mainholder {

	margin-left: auto;

	margin-right: auto;

	width: 960px;

}	



/*global*/

.gd {

	display: inline;

	float: left;

	margin-left: 10px;

	margin-right: 10px;

	width: auto;

}



.first {

	margin-left: 0!important;

}



.last {

	margin-right: 0!important;

}



.top {

	margin-top: 0!important;

}



.bottom {

	margin-bottom: 0!important;

}



.imgwrap {

	width: 432px;

	height: 332px;

	background-color: #0d0d0d;

	border: solid 1px #000;

	padding: 3px;	

}	





.imgwrap img{

	border: solid 1px #000;

}	



.hdrimg {

	text-indent: -1000em;

	margin-bottom: 10px;

}



		

/*global*/



#top {

	width: 960px;

	height: 100px;

	margin: 0;

}



#logo {

	width: 180px;

	margin-top:36px;

	overflow: hidden;

}	



#logo h1 {

	width: 180px;

	height: 36px;

}



#logo h1 a {

	width: 180px;

	height: 36px;

	display: block;

	text-indent: -1000em;

	background: url(../img/logo.png) no-repeat;

}



#logo h1 a.active, #logo h1 a:hover {

	background: url(../img/logo.png) no-repeat;

}





#topnav {

	width: 320px;

	height: 50px;

	margin-left: 420px;

	margin-top: 30px;

	/*background: url(../img/navset.jpg) 0 0 no-repeat;*/

}



#topnav .nav  {

	padding: 9px 0 0 12px;

	position: relative;

	background: url(../img/navset.jpg) 0 0 no-repeat;

	width: 308px;

	height: 41px;

	list-style: none;

	margin: 0;

}



#topnav .nav li{

	position: relative;

	float: left;

	display: inline;

	margin-right: 25px;

	width: 83px;

	padding: 0;

}



#topnav .nav li a{

	width: 83px;

	height: 32px;

	display: block;

	text-indent: -1000em;

}





#topnav .nav .about a {

	background: url(../img/navset.jpg) -11px -10px  no-repeat;

}



#topnav .nav .about a:hover {

	background: url(../img/navset.jpg) -11px -59px  no-repeat;

}



#topnav .nav .about a:active {

	background: url(../img/navset.jpg) -11px -109px  no-repeat;

}



#topnav .nav .about a.active {

	background: url(../img/navset.jpg) -11px -159px  no-repeat;

}





#topnav .nav .journal a {

	background: url(../img/navset.jpg) -120px -10px  no-repeat;

}



#topnav .nav .journal a:hover {

	background: url(../img/navset.jpg) -120px -59px  no-repeat;

}



#topnav .nav .journal a:active  {

	background: url(../img/navset.jpg) -120px -109px  no-repeat;

}



#topnav .nav .journal a.active  {

	background: url(../img/navset.jpg) -120px -159px  no-repeat;

}



#topnav .nav .contact a {

	background: url(../img/navset.jpg) -228px -10px  no-repeat;

}



#topnav .nav .contact a:hover {

	background: url(../img/navset.jpg) -228px -59px  no-repeat;

}



#topnav .nav .contact a:active  {

	background: url(../img/navset.jpg) -228px -109px  no-repeat;

}



#topnav .nav .contact a.active  {

	background: url(../img/navset.jpg) -228px -159px  no-repeat;

}



#topnav .nav .contact {

	margin: 0;

}





#foliobotnav {

	/*border: red solid 1px;*/

}



#foliobotnav .nav {

	/*border: red solid 1px;*/

	float: right;

	margin-top:30px;

	height: 20px;

	width: 240px;

}



#foliobotnav .nav li{

	position: relative;

	float: left;

	display: inline;

	margin-right: 10px;

	width: 70px;

}



#foliobotnav .nav a {

	width: 70px;

	height:22px;

	text-indent: -1000em;

	display: block;

}



#foliobotnav .nav .website a {

	background: url(../img/folio-botnavsprite.jpg) 0 0  no-repeat;

}



#foliobotnav .nav .website a:hover {

	background: url(../img/folio-botnavsprite.jpg) 0 -22px  no-repeat;

}



#foliobotnav .nav .website a.active {

	background: url(../img/folio-botnavsprite.jpg) 0 -44px  no-repeat;

}



#foliobotnav .nav .identity a {

	background: url(../img/folio-botnavsprite.jpg) -80px 0px no-repeat;

}



#foliobotnav .nav .identity a:hover {

	background: url(../img/folio-botnavsprite.jpg) -80px -22px no-repeat;

}



#foliobotnav .nav .identity a.active {

	background: url(../img/folio-botnavsprite.jpg) -80px -44px no-repeat;

}



#foliobotnav .nav .artwork a {

	background: url(../img/folio-botnavsprite.jpg) -160px 0px no-repeat;

}



#foliobotnav .nav .artwork a:hover {

	background: url(../img/folio-botnavsprite.jpg) -160px -22px no-repeat;

}



#foliobotnav .nav .artwork a.active {

	background: url(../img/folio-botnavsprite.jpg) -160px -44px no-repeat;

}



#foliobotnav .nav .artwork {

	margin-right: 10px;

}





#mcontent {

	/*masking starts here*/

	height: 450px;

	width: 950px;

	/*masking ends here*/

	position: relative;

	overflow: hidden;	

}





#mcontent_hold {

	position: absolute;

	width: 2860px;	

}



#mcontent_hold div {

	

}





/* reset all border divs */

#mcontent_hold div div {

	border: none;

}



#pfolio {

	/*border: blue solid 1px;*/

	height: 450px;

	background: url(../img/centerline.jpg) 463px 10px no-repeat;

}



#pfoliowrapcontent {

	position: relative;	

	/*overflow: hidden;*/

	height: 400px;

	width: 950px;

}



#folioholder {

	position: absolute;	

	height: 400px;

	width: 3030px;

}



/*#folioholder #web, #folioholder #identity, #folioholder #artwork {

	float: left;

	display: inline;

	width: 950px;

	margin-right: 50px;

}*/





#pfolio .left {

	width: 470px;

	height: 340px;

	margin: 60px 10px 0 10px;

}



#pfolio .right {



	width: 460px;

	height: 340px;

	margin: 60px 0 0 0;

}



#pfolio .right .imgwrap {

	width: 212px;

	height: 92px;

	padding: 3px;

	float: left;

	margin: 10px;

}



#pfolio .right .imgwrap .inj {

	display: none;

	visibility: hidden;

}



#pfolio .left .imgwrap a {

	display: none;

	visibility: hidden;

}



#pfolio .left .imgwrap .imgwrap {

	position: relative;

	top: -2px;

	left: -2px;

}



#pfolio .left .imgwrap img{ 

}



#about .col1, #about .col2, #about .col3 {

	/*border: red solid 1px;*/

	height: 200px;

	min-width: 150px;

}



#about {

	padding-top: 50px;

}



#about .col1 {

	width: 335px;	

}



	#about .col1 .aboutme {

		width: 170px;

		height: 40px;		

		background: url(../img/hdr-aboutme.jpg) 0 0 no-repeat;

	}



	#about .col1 p {

		text-align: justify;

	}



#about .col2 {

	width: 335px;

}

	

	#about .col2 .whatido {

		width: 170px;

		height: 40px;		

		background: url(../img/hdr-whatido.jpg) 0 0 no-repeat;

	}



	#about .col2 p {

		text-align: justify;

	}





#about .col3 {

	width: 220px;	

}

	#about .col3 #myimgholder {

		margin-bottom: 10px;

	}

	

	#about .col3 #pdfformat {		

		width: 185px;

		height: 20px;



		padding: 7px 0 0 35px;

		background: url(../img/pdf-download.jpg) 0 0 no-repeat;

	}





#contact {

	padding-top: 50px;

}





#contact .col1 {

	width: 340px;

	height: 220px;

	margin-left: 20px;

}



	#contact .col1 .contact {		

		width: 200px;

		height: 40px;		

		background: url(../img/hdr-getintouch.jpg) 0 0 no-repeat;

	}

	

	.label {

		display: block;

		color: #41d305;

		text-transform: lowercase;

	}

	

	#contact .col1 #frm_first_name, #contact .col1 #frm_e_mail {

		color: #78ea49;

		background: #313131;

		width: 310px;

		height: 15px;

		padding: 5px 5px;

		border: #191919 solid 1px;

	}

	

	#contact .col1 #frm_message {

		border: #191919 solid 1px;

		background: #313131;

		width: 310px;

		height: 120px;

		padding: 5px;	

		color: #78ea49;

		overflow: auto;

	}

	

	 .col1 .formSubmit, .col1 .formReset {

		width: 72px;

		height: 26px;

		text-indent: -1000em;

		border: 0;

		cursor: pointer;

	 }

	

	#contact .col1 .formSubmit {

		background: url(../img/form-sprites.jpg) -89px -3px no-repeat;

	}

	#contact .col1 .formSubmit:hover {

		background: url(../img/form-sprites.jpg) -89px -35px no-repeat;

	}

	#contact .col1 .formSubmit:active {

		background: url(../img/form-sprites.jpg) -89px -67px no-repeat;

	}

	

	#contact .col1 .formReset {

		background: url(../img/form-sprites.jpg) -10px -3px no-repeat;

		margin-right: 5px;

	}

	

	#contact .col1 .formReset:hover {

		background: url(../img/form-sprites.jpg) -10px -35px no-repeat;

	}	

	

	#contact .col1 .formReset:active {

		background: url(../img/form-sprites.jpg) -10px -67px no-repeat;

	}		

	

	.buttonspush {

		padding-left: 170px;

	}

	

#contact .col2 {

	padding-top: 45px;

}





#contact .col2 {

	width: 410px;

	height: 220px;

}





#footer {

	/*border: red solid 1px;*/

}



#footer .left {

	/*border: violet solid 1px;*/

	margin: 0 0 0 10px;

	padding-top: 43px;

	width: 460px;

	height: 37px;

}	



#footer .left .valid {

	float: left;

	display: inline;

	width: 43px;

	height: 21px;

	margin-right: 10px;

}



#footer .left .valid a {

	display: block;

	width: 43px;

	height: 21px;

	text-indent: -1000em;	

}



#footer .left .xhtml {

	background: url(../img/footer-validation.jpg) 0 0 no-repeat;

}



#footer .left .css {

	background: url(../img/footer-validation.jpg) -52px 0 no-repeat;

}



#footer .left .copyright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	line-height: 20px;

	text-transform: uppercase;

}



#footer .left .copyright a {

	text-decoration: none;

	color: #000;

}





#footer .right {

	margin: 0 0 0 0;

	width: 480px;

	height: 80px;

}



#footer .right .twitter {

	float:right;

	width: 40px;

	height: 50px;

	margin-top: 30px;

	background: url(../img/twitter.jpg) 0 0 no-repeat;

}





.t1 {

	position: absolute;

	 overflow:hidden;

	 width: 950px;

	 height: 400px;

}





/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */



.clearfix:after {

	clear: both;

	content: ' ';

	display: block;

	font-size: 0;

	line-height: 0;

	visibility: hidden;

	width: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}