/* 1. Reset                     */

*, .x {												
	
	border: 0;
	outline: 0;
	padding:0;
	margin:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	}
	
	
	
	

body {
	color:#666;
	
	padding:0;
	font-size:13px;
	/*background:#636363;*/
	background:#dfddd0;
	margin:0 auto;
	text-align:center;
	font-family:Helvetica, Arial;

}





	
h1, h2, h3, h4, h5, h6 { 
padding-bottom:10px;
font-weight:lighter;
color:#666;
}

h1 {  font-size: 1.8em; 	}
h2 {  font-size: 1.8em; 	}
h3 {  font-size: 1.60em; 	}
h4 {  font-size: 1.30em; 	}
h5 {  font-size: 1.20em; 	}
h6 {  font-size: 1.00em; 	}



a {
color:#666;
text-decoration:none;
}

a:hover {
color:#999;
text-decoration:none;
}

.subselected {
color:#999;
}

a:hover {
color:#666;
text-decoration:none;
}


p {
line-height:150%;
padding:0;
margin:0 0 20px 0;
}


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


.Intro {
font-weight:bold;
font-size:1.30em;
}


.Feature {
font-weight:bold;
font-size:1.50em;
color:#666;
margin-bottom:50px;
}


.leftImg {
float:left;
padding:5px;
background:#f4f4f4;
border:1px solid #ccc;
margin:0 10px 10px 0;
}


.RightImg {
float:left;
padding:5px;
background:#f4f4f4;
border:1px solid #ccc;
margin:0 10px 10px 0;
}

/*------------------------ Common ------------------------------------*/

.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both; line-height:0;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}




/*------------------------ Main Containers ------------------------------------*/


.MainContent {
width:940px;
margin:0 auto;
text-align:left;
padding-bottom:10px;
position:relative;
margin-bottom:10px;
}


.Header {
position:relative;
font-family:Helvetica, Arial;
font-size:13px;
padding:15px;
}

.Header ul li{
display:inline;
}


.Logo {
}

.Logo h2{
text-indent:-9999px;
display:block;
background:url(../images/logo.png) no-repeat  top left;
height:86px;
float:left;
width:323px;
}
.Logo h2 a{
display:block;
height:86px;
float:left;
width:323px;
}

.SubNav {
float:right;

}

.SubNav ul{
}

.SubNav ul li{
display:inline;
margin-left:10px;
}

.SubNav ul li a{
color:#999;
}

.SubNav ul li a:hover{
color:#fff;
}

.Nav {
float:left;
clear:both;
margin:0 0 10px 0;
font-size:16px;
font-weight:lighter;
}

.Nav li{
margin-right:5px;
}

.Nav li a{
color:#999;
}

.Nav li a.selected, .Nav li a:hover{
color:#fff;
}


.Nav li.last, .Nav li.first {
background:none;
padding-right:0;
margin-right:0;
}





.MainContent .Page {
position:relative;
text-align:center;
width:940px;
}

.Paging {
margin:10px 0;
float:left;
clear:right;
width:100%;
}

.Gallery {
	clear:both;
	width:940px;
	height:490px;
	overflow:hidden;
}

.Paging a{
text-indent:-9999px;
height:15px;
width:15px;
float:left;
margin-right:5px;
background:url(../images/page_off.png) no-repeat  center;
}

.Paging a:hover, a.activeSlide{
background: url(../images/page_on.png) no-repeat  center;
}

.MainContent a.Prev {
position:absolute;
left:-50px;
top:250px;
text-indent:-9999px;
width:40px;
height:60px;
background:url(../images/arrow_prev.png) no-repeat top left;
}

.MainContent a.Next {
position:absolute;
right:-55px;
top:250px;
text-indent:-9999px;
width:40px;
height:60px;
background:url(../images/arrow_next.png) no-repeat top left;
}


.MainContent .Page ul {}

.MainContent .Page ul li {
list-style-type:none;
float:left;
margin-right:20px;
margin-bottom:20px;
position:relative;
width:220px;
}

.MainContent .Page ul li img {
float:left;
}

.MainContent .Page ul li a span {
display:block;
height:150px;
width:220px;
z-index:110;
float:left;
position:absolute;
top:0;
left:0;

}

.MainContent .Page ul li:hover span {
background: url(../images/hover.png) no-repeat top left;
}

.closebttn {
position:absolute;
top:15px;
right:15px;
}

.closebttn:hover{
	opacity:50;
}

.MainContent .Page ul li.Col4,
.MainContent .Page ul li.Col8,
.MainContent .Page ul li.Col12,
.MainContent .Page ul li.Col16 {
margin-right:0;
}


.HomeImages{
text-align:center;
}

.HomeImages ul{
text-align:center;
}

.HomeImages ul li{
width:940px;
margin:0 auto;
text-align:center;
}

.HomeImages ul li img{
}

.ContentPage {
text-align:left;
padding:15px;
}

.LeftCol {
width:600px;
}

.LeftCol a{
text-decoration:underline;
}

.LeftCol .Quote{

font-style:italic;
padding-left:20px;
}

.LeftCol a:hover{
color:#ccc;
text-decoration:none;
}


.Clients {
font-size:14px;
}


.Clients li{
background:url(../images/divide_big.png) no-repeat right 4px ;
padding-right:14px;
margin-right:1px;
line-height:160%;
display:inline;
}






.RightCol {
}


.submenu li {
display:inline;
}

.submenu li a{
display:block;
float:left;
padding:4px;
}



.Footer {
float:left;
bottom:0;
text-align:left;
clear:both;
color:#999;
padding:15px;
}


.currentpage-home .MainContent {
height:650px;
}

.Footer a {
color:#999;
}

.Footer a:hover {
color:#fff;
}

.currentpage-home .Footer, .currentpage-landscape  .Footer, .currentpage-people  .Footer,
.currentpage-home .Footer a, .currentpage-landscape  .Footer a, .currentpage-people  .Footer a
{
	/*display:none;*/
	color:#DFDDD0;
}

/*------------------------ Modules ------------------------------------*/


/* 1. Contact*/

.formRow {
margin-bottom:10px;
}

.formRow label{
float:left;
width:150px;
text-align:right;
padding-right:10px;
}

.textbox, .memo {
padding:4px;
font-size:100%;
width:400px;
font-family:"Times New Roman", Times, serif;
}

.memo {
height:200px;
}

.submitButton {
margin-left:160px;
padding:4px;
}


/* 2. Lytebox Thumbs Gallery */
/* 3. News Feed */
/* 5. Map */


body.LargeView .Header a {
	text-shadow:0px 0px 10px black;
	color:white;
}

#ImageOverlay{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}
#ImageWrap {
	position:absolute;
}
#ImageCaption {
	display:block;
	text-align:left;
}
#OverlayPaging{
	width:100%;
	height:600px;
}

#OverlayPaging a{
	position:absolute;
	color:white;
	font-size:20px;
	font-weight:bold;
	top:50%;
	width: 40px;
	height: 60px;
	background: url(../images/arrow_next.png) no-repeat top left;
	text-indent: -9999px;
}
#OverlayPaging .Prev{
	left:10px;
	background-image: url(../images/arrow_prev.png);
}
#OverlayPaging .Next{
	right:10px;
}


#ImageCaption {
display:block;
margin:5px 0 0 0;
}