/* CSS Document */

/************************************************************************

	Site:		Archecology

	Author:		eROI		[www.eroi.com]  

	Client:		Client name		[http://www.archecology.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Project Navigation
	4 - Project Content
	5 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	background-color:#ffffff;
	width:100%;
}


html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, span, label { 
	margin: 0; 
	padding: 0; 
}



a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

p { margin: 0 0 8px 0; }

div#firstone{
	height:320px;
}

.clear{
	clear:both;
	display: block;
}


dl { 
	width: 1224px; 
}
	
	
dt a { 
	margin:0px; border:0px;
}
	
dd a { 
	margin:0px; border:0px;

}

img {
	border: none;
}


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div#container{
	margin-top:10px;
	width:1224px;
	margin-right:auto;
	margin-left:auto;
}

div#firstline{
	background-image:url(images/what_about_cap.jpg);
}

div#twoline{
	background-image:url(images/who_serve_cap.jpg);
}

div#threeline{
	background-image:url(images/our_projects_cap.jpg);
}

div#fourline{
	background-image:url(images/contact_us_cap.jpg);
}

.line{
	margin-top:5px;
	background-repeat:no-repeat;
	height:3px;
	_margin-top:6px;
}

#logo{
	margin-left:830px;
}

.oneLine{
	margin-top:15px;
	margin-left:170px;
	_margin-left:160px;
}

.accwrap{
	height:55px;
	overflow:hidden;
}

.title{
	cursor:pointer;
	width:344px;
	margin-left:150px;
	padding:0px;

}

.info{
	margin-left:170px;
	margin-right:20px;
	_margin-left:80px;
	width:270px;
	margin-top:15px;
	float:left;
	font-size: 11px;
	color: #333333;
}



.inforight{
	margin-top:15px;
	width:270px;
	float:left;
	font-size: 11px;
	color: #333333;
}


.photo{
	margin-top:5px;
	margin-right:200px;
	_margin-right:100px;
	float:right;
	width:231px;
}




/***********************************************************************
	3 - PROJECT NAVIGATION STYLES
************************************************************************/

.controls {
	margin-top:20px;
	margin-left:170px;
	_margin-left:80px;
	float:left;
	cursor:pointer;
	color:#999999;
	border: 1px solid #999999;
	padding:4px 7px;
	width:213px;
}

.controls li{
	list-style:none;
	float:left;
	font-size:13px;
}

/***********************************************************************
	4 - PROJECT CONTENT STYLES
************************************************************************/

.infoWrap{
	width:700px;
}

.infoWrap h4 {
	color: #666666;
	margin-top:8px;
	margin-bottom:4px;
	padding:0;
}

/*.pName{
	margin-top:8px;
	margin-bottom:4px;
	padding:0;
}*/

.leftInfo{
	float:left;
	width:280px;
	margin-left:125px;
	_margin-left:60px;
}

.leftInfo p {
	width:260px;
	margin-top:0px;
	float:left;
	color: #666666;
}	
/*
.info2{
	width:260px;
	margin-top:0px;
	float:left;
	color: #666666;
} */

.projList{
	float:right;
	margin-right:10px;
	width:260px;
	margin-top:12px;
}

.projDetails li{
	margin-bottom:10px;

}

.projDetails{
	margin-top:8px;
}

.projWrap{
	display:none;
	width: 600px;
	margin-left:40px;
}

#num-one{
	display:block;
}


.hidephoto{
	display:none;
}

.phototest{
	margin-top:5px;
	margin-right:200px;
	_margin-right:100px;
	float:right;
	width:231px;
}

.swap{
	margin-top:5px;
	margin-right:200px;
	_margin-right:100px;
	float:right;
	width:231px;
}



/***********************************************************************
	5 - FOOTER STYLES
************************************************************************/

#footer{
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	width:1224px;
}

.footlist li{
	margin-top:5px;
	font-size:10px;
	display:inline;
	float:left;
	color:#999999;
}

.footlist{
	margin-left:150px;
}