@charset "UTF-8";
body {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	color: #000;
}

/*MENU */

ol, dl { 
	display: inline;
}
	
ul, li { 
	display: inline; } 
	
ul li a { 
	display: block;
	height: auto;
	background: none;  
	margin-left: 30px; 
	float: right;
	margin-top: 80px;
	padding: 0px;
}


.menu {
	background: none;
	width:250px;
	height: 100px;
	float: right;
	margin-top: 0px;
	color: #000;
	font-size: 10px;
	letter-spacing: 2px;
	line-height: 0px;
	text-transform: uppercase;
	font-style: normal;
	}

.menu a:hover{
	color:#00FF00;
}
	



h1,h2, h3, h4, h5, h6, p {	 
	font-size: 10px;
	line-height: 20px;
}

a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.containerHome {
	width: 1024px; height: auto; background: none; margin: 0 auto; 
}


.container {
	width: 1024px; height: auto; background: none; margin: 0 auto; 
}


/*HEADER */


.header {
	width: 960px; height:100px; background: #FFF; border-bottom: 1.5px solid  #000; position: fixed; margin-left: 32px; margin-top: -130px;
}

.logo{	background: none;
	width:80px;
	height: 80px;
	float: left;
	margin-top: 15px;
	
}



	


.logobottom{	
background: none;
	width:20px;
	height: 20px;
	 margin: 0px auto 0px auto;
	 margin-bottom: 50px;
	
}


.content {
	width: 960px; height:auto; background: none; margin: 0px auto 0px auto; margin-top: 130px;
}




.info {
	width: 290px;
	height: auto;
	background: none;
	margin-top: 0px;
	border-bottom: 1.5px solid  #000;
	float: left;
	position: fixed;
	padding-bottom: 40px;
}

.info h1 {
	color: #000;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 0px;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-style: normal;
}

.projectimage_about {background: none; width: 625px; height:auto; float: right; margin-top:0px; margin-bottom: 90px;

}
	
	.projectimagetop{
		background: none; width: 625px; height:auto; float: right; margin-top:0px;
	}
	
	.projectimage{
		background: none; width: 625px; height:auto; float: right; margin-top:25px;
	}
	
		.projectimage projectimage:hover{
	opacity:0.5;
	}
	
	
	.projectimagebottom{
		background: none; width: 625px; height:auto; float: right; margin-top:25px; margin-bottom: 90px;
	}


.arrows{
	height: 50px;
	width:960px;
	background-color: #FFF;
	margin-left:auto;
	margin-right:auto;
	clear:both;
padding:0;
}

.arrow1 {
	width:55px;
height:50px;
background: url(images/arrowsR2.jpg) no-repeat;
float: left;
}

.arrow1:hover {background-position: 0 -50px; text-decoration:underline;}


.arrow2{ 
width:55px;
height:50px;
background: url(images/arrowsL2.jpg) no-repeat;
	float: right;}
	
	.arrow2:hover {background-position: 0 -50px; text-decoration:underline;}

	


.footer {
	width: 960px;
	height: 80px;
	font-size:11px;
background: #FFF;
border-top: 1.5px solid  #000;
margin-left:auto;
margin-top: 40px;
margin-right:auto;
width:960px; 
clear:both;
padding:0;
font-size: 10px;
	letter-spacing: 2px;
	line-height: 0px;
	text-transform: uppercase;
	font-style: normal;

}


.footer a:hover{
	color:#00FF00;
}


ul2, li { 
	display: inline; } 
	
ul2 li a { 
	display: block;
	height: auto;
	background: none;  
	margin-left:0px; 
	float: left;
	margin-top: 20px;
	padding: 0px;
	width: 320px;

}


	

.copyrighta {
	background: none;
	width: 320px;
	height: 50px;
	color: #000;
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 18px;
	padding-top: 20px;
	padding-left: 0px;
	margin-top: 0px;
	float: left;
}

.copyrightb {
	background: none;
	width: 90px;
	height: 50px;
	color: #000;
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 18px;
	padding-top: 20px;
	padding-left: 215px;
	float: right;
	
}

.copyrightc {
	background: none;
	width: 240px;
	height: 50px;
	color: #000;
	font-size: 9px;
	letter-spacing: 2px;
	line-height: 18px;
	padding-top: 20px;
	padding-left: 80px;
	float: right;
}




.workthumbtop {
	width: 960px; height: 632px; margin: 0px auto 0px auto; margin-top: 130px;
}

.top1 {
	width:631px;
height:631px;
background: url(images/dawn_thumb_n.jpg) no-repeat;
float: left;
}

.top1:hover {background-position: 0 -631px; text-decoration:underline;
}



.top2 {
	width:303px;
height:303px;
background: url(images/domess_thumb_n.jpg) no-repeat;
float: left;
margin-left: 25px;
}

.top2:hover {background-position: 0 -303px; text-decoration:underline;
cursor:pointer;}





.top3 {
	width:303px;
height:303px;
background: url(images/cat_thumb_n.jpg) no-repeat;
float: left;
margin-left: 25px; margin-top: 25px;
}

.top3:hover {background-position: 0 -303px; text-decoration:underline;
cursor:pointer;}





.workthumb {
	background: #FFF; width: 960px; height: 303px; margin: 0px auto 0px auto; margin-top: 25px;
}


.workthumbbottom {
	background: #FFF; width: 960px; height: 303px; margin: 0px auto 0px auto; margin-top: 25px; margin-bottom: 90px;
}


/*  ROW ONE */

.rowA {
	width:303px;
height:303px;
background: url(images/bit_thumb_n.jpg) no-repeat;
float: left;
}

.rowA:hover {background-position: 0 -303px; text-decoration:underline;
cursor:pointer;}


.rowB {
	background:url(images/tmnh_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left; margin-left: 26px;
}

.rowB:hover{background-position: 0 -303px; text-decoration:underline;}


.rowC {
	background:url(images/sbys_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left; margin-left: 25px;
}

.rowC:hover{background-position: 0 -303px; text-decoration:underline;}

/*  ROW TWO */

.rowD {
	background:url(images/col_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left;
}

.rowD:hover{background-position: 0 -303px; text-decoration:underline;}


.rowE {
	background:url(images/synt_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left; margin-left: 26px;
}

.rowE:hover{background-position: 0 -303px; text-decoration:underline;}


.rowF {
	background:url(images/homemade_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left; margin-left: 25px;
}

.rowF:hover{background-position: 0 -303px; text-decoration:underline;}

/*  ROW THREE */

.rowG {
	background:url(images/mn_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left;
}

.rowG:hover{background-position: 0 -303px; text-decoration:underline;}


.rowH {
	background:url(images/rh_thumb_n.jpg) no-repeat; width: 303px; height: 303px; float:left;  margin-left: 26px;
}

.rowH:hover{background-position: 0 -303px; text-decoration:underline;}

.rowI {
	background: none; width: 303px; height: 303px; float:left; margin-left: 25px;
}







/* ROTATING IMAGES ON HOMEPAGE */
/*
div.rotator{height:450px;display:none;}
div.rotator ul li{float:left;position:absolute;list-style:none;}
div.rotator ul li img{border:0;background:#FFF;padding:0;}
div.rotator ul li.show{z-index:500;}
*/