/********************
GENERAL LAYOUT STYLES
********************/

* {
	margin: 0px;
	padding: 0px;
	outline:none;
}

body, html {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	position:relative;
	font-family: helvetica, arial, sans-serif;
}

img {
	border: none;
}

p {
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#1d1d1d;
	margin-bottom:25px;
}

h1 {
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#1d1d1d;
	margin-bottom:0px;
}

h2 {
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#b2b2b2;
	margin-bottom:15px;
}	

/*
#bgWrapper {
    	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	background: url('../images/bg-wood.jpg') repeat;
	position:absolute;
	top: 0px;
}
*/

#pageWrapper {
    margin: 0px;
	padding: 0px;
    width: 900px;
	min-height:100%;
	background: url('../images/whiteblock.gif') 0px 0px repeat;
	position:absolute;
	top: 0px;
}

/* Hack for IE6 - Height Over Rules Min Height */
* html #pageWrapper {
	height: 100%;
}

#copyrightBar {
    	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 5px;
	right: 110px;

	text-align: right;
	font-size: 12px;
	color: #fff;
	z-index: 1100;
}
#copyrightBar a {
	color: #fff;
	text-decoration: none;
}
#copyrightBar a:hover {
	color: #fff;
	text-decoration: underline;
}

#roundel {
    	margin: 0px;
	padding: 0px;
    	width: 150px;
	height: 150px;
	position:absolute;
	top: 230px;
	left: 855px;
	
	text-align:center;
	line-height:150px;
	font-size:15px;
	z-index:1000;
}
#roundelLink {
	text-decoration:none;
	outline:0px;
	width:150px;
	height:150px;
	display:block;
}
.teamRoundel {
	background: url('../images/roundel-team.png') 0 0 no-repeat;
}
.mailRoundel {
	background: url('../images/roundel-emailme.png') 0 0 no-repeat;
}
.mapRoundel {
	background: url('../images/roundel-map.png') 0 0 no-repeat;
}
/*************
LOGO styles here
**************/

#mainLogo {
    	width: 980px;
	height:185px;
    	display:block;
}
.lightLogo {
    	margin: 0px;
	padding: 0px;
	width: 275px;
	height: 185px;
	background: url('../images/logo.png') 0px 0px no-repeat;
}
.darkLogo {
    	margin: 0px;
	padding: 0px;
	width: 275px;
	height: 185px;
	background: url('../images/logo.png') 0px -185px no-repeat;
}


/*************
CONTENT
**************/

#contentWrapper {
	margin: 0px;
	padding: 0px;
	width: 980px;
	margin-top: 23px;
	float: left;
	display:block;
}

/**************
MAIN NAVIGATION syles here
***************/

#mainNavigationWrapper {
	margin: 69px 0px 0px 20px;
	padding: 0px;
	width: 140px;
	float: left;
}

#mainNavigationList {
	margin: 0px;
	padding: 0px;
	width: 140px;
	list-style-type: none;
	display: inline;
}

#mainNavigationList li {
	margin: 0px;
	padding: 0px;

	display: block;
	float: left;
	width: 140px;
	height: 30px;
	
	text-indent: -9999px;
	overflow: hidden;
}

#mainNavigationList li a {
	display: block;
	height: 30px;
	text-decoration: none;
	background: url(../images/nav.gif) no-repeat 0px 0px;
}

#mainNavigationList li#aboutLink a { background-position: 0px 0px; }
#mainNavigationList li#aboutLink a:hover { background-position: 0px -120px; }
#mainNavigationList li#aboutLinkOn a { background-position: 0px -120px; }
#mainNavigationList li#aboutLinkOn a:hover { background-position: 0px -120px; }

#mainNavigationList li#galleryLink a { background-position: 0px -30px; }
#mainNavigationList li#galleryLink a:hover { background-position: 0px -150px; }
#mainNavigationList li#galleryLinkOn a { background-position: 0px -150px; }
#mainNavigationList li#galleryLinkOn a:hover { background-position: 0px -150px; }

#mainNavigationList li#newsLink a { background-position: 0px -60px; }
#mainNavigationList li#newsLink a:hover { background-position: 0px -180px; }
#mainNavigationList li#newsLinkOn a { background-position: 0px -180px; }
#mainNavigationList li#newsLinkOn a:hover { background-position: 0px -180px; }

#mainNavigationList li#contactLink a { background-position: 0px -90px; }
#mainNavigationList li#contactLink a:hover { background-position: 0px -210px; }
#mainNavigationList li#contactLinkOn a { background-position: 0px -210px; }
#mainNavigationList li#contactLinkOn a:hover { background-position: 0px -210px; }

/*******************
MAIN CONTENT styles here
********************/

#mainContentWrapper {
	margin: 0px;
	padding: 0px;
	width: 645px;
	float: left;
}
#mainContent {
	margin: 0px;
	padding: 0px;
	width: 645px;
	float: left;
}
#subMenu {
	margin: 0px 0px 47px 0px;
	padding: 0px;
	width: 645px;
	height: 22px;
	float: left;
}

#galleryContentWrapper {
	margin: 0px;
	padding: 0px;
	width: 705px;
	float: left;
}
#galleryTopMenu {
	margin: 0px 0px 47px 0px;
	padding: 0px;
	width: 100%;
	height: 22px;
	float: left;
}
#gallerySubMenu {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	border-top: solid 1px #ccc;
	float: left;
}
#galleryMainContent {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
/**************
navigation for top sub menus
***************/
ul.navigation {
	margin: 0px;
	padding: 0px;
    list-style: none;
}
ul.navigation li {
    display: inline;
	font-size: 12px;
	padding-right: 10px;
	font-weight:bold;
}
ul.navigation a {
    padding: 0px;
   	color: #b2b2b2;
   	text-decoration: none;
   	outline: none;
}
ul.navigation a:hover {
    color: #666666;
}
ul.navigation .highlighted {
    padding: 0px;
    color: #666666;
    text-decoration: none;
}

/**************
navigation for gallery footer menus
***************/
ul.galleryNavigation {
	margin: 0px;
	padding: 0px;
	padding-top:10px;
    	list-style: none;
}
ul.galleryNavigation li {
    display: inline;
	font-size: 12px;
	padding-right: 7px;
	font-weight:bold;
	color: #999;

}
ul.galleryNavigation a {
    padding: 0px;
    color: #999;
    text-decoration: none;
    outline: none;
}
ul.galleryNavigation a:hover {
    color: #666;
}
ul.galleryNavigation .highlighted {
    padding: 0px;
    color: #666;
    text-decoration: none;
}

ul.galleryNavigationRight {
	margin: 0px;
	padding: 0px;
	padding-top:10px;
    	list-style: none;
}
ul.galleryNavigationRight li {
    display: inline;
	font-size: 12px;
	padding-left: 7px;
    	color: #999;
	font-weight:bold;
}
ul.galleryNavigationRight a {
    padding: 0px;
    color: #999;
    text-decoration: none;
    outline: none;
}
ul.galleryNavigationRight a:hover {
    color: #666;
}
ul.galleryNavigationRight .highlighted {
    padding: 0px;
    color: #666;
    text-decoration: none;
}

/***************
GALLERY panels classes
****************/
.galleryPanel {
	font-size:26px;
	line-height:28px;
	font-weight:bold;
	color:#000;
	/*margin-bottom:25px;*/
	width: 100%;
	height: 327px;
	float: left;
}
.galleryPanel .projectDesigner {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;

	width: 100%;
	height: 18px;
	position: absolute;
	top: 625px;

}
.galleryPanel .testimonialStart {
	width:15px;
	height: 100%;
	float: left;
	background: url(../images/quote_open.jpg) top left no-repeat;
}
.galleryPanel .testimonial {
	color:#000;
}

.galleryPanel .testimonial p {
	color:#000;
}


/***************
MEET THE TEAM panels classes
****************/
.displayPanel {
	margin: 0px;
	padding: 0px;
	width: 645px;
	float: left;
}
.panelImage {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	width: 310px;
	background-color: #ccc;
	float: left;	
}
.panelText {
	margin: 0px;
	padding: 0px;
	width: 310px;
	float: left;	
}

.panelText p {
	font-size:13px;
	line-height:19px;
	font-weight:normal;
	color:#333333;
	margin-bottom:15px;
}
/***************
NEWS panels classes
****************/
.newsPanel {
	margin: 0px 0px 60px 0px;
	padding: 0px;
	width: 645px;
	float: left;
}
.newsImage {
	margin: 0px;
	padding: 0px;
	width: 310px;
	background-color: #ccc;
	float: left;	
}
.newsText {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	width: 310px;
	float: left;	
}

.newsText p {
	font-size:13px;
	line-height:19px;
	font-weight:normal;
	color:#333333;
	margin-bottom:15px;
}

.newsText h1 {
	margin-bottom:5px;
}

.newsText .newsDate {
	font-size:13px;
	line-height:19px;
	font-weight:normal;
	color:#b2b2b2;
}


.contactText {
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#1d1d1d;
}

.contactText a {
	color:#1d1d1d;
	text-decoration: none;
}
.contactText a:hover {
	color:#1d1d1d;
	text-decoration: underline;
}