dl, body, a, img, div, dt, ul, div, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, html, blockquote, fieldset, input, dl, dt, dd, ul, li { 
margin: 0px;
padding: 0px;
border: 0px;
}

html{
font-size:100.01%; /*sets all subsequent font to 10px = 1em*/
} 

body {
font-size: 82%; /*sets all subsequent font to 10px = 1em*/	
background:#dad3d3;
background-repeat:repeat-x;
text-align:left;
color:#4e4e57;
margin:0 auto;
padding:0;
}

a {
color: #4e4e57;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

a:visited {
color: #4e4e57;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

a:hover {
color: #ffffff;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
p
 {
color: #4e4e57;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:18px;

}

h2
{
color: #FFF;
text-decoration: none;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
line-height:18px;
margin-bottom:25px;
}

h3
{
color: #FFF;
text-decoration: none;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:18px;
margin-bottom:4px;
}

h4
{
color: #4e4e57;
text-decoration: none;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:18px;
margin-top:4px;
}

#indexContainer {
width: 1020px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
overflow: hidden; /*this sets helps the height*/
position:relative;
margin-top:0;
padding:0;
}

#top {
width: 1020px;
padding:0;
clear:both;
position:relative;
margin:0px;
}

#logo {
position:relative;
width:661px;
height:190px;
float:left;
clear:both;
margin-top:0px;
}
#logo img{
margin: 0px;
}
#navContainer {
position:relative;
margin-top:134px;
float:left;
}	

#navbar {
	position:relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	height:56px;
}
#navbar li {
	position:relative;
	float: left;
	list-style:none;
	display:inline;
	width: 70px;
	margin-right:11px;
}
#navbar a {
	position:relative;
	float: left;
	width:70px;
	color:#4e4e57;
	text-decoration:none;
	background:url("images/site/menuTabUp.jpg") no-repeat;
	float:left;

	margin:0px;
}
#navbar a:hover { 
position:relative;
float: left;
	background-position:0 0px;
	color:#FFF;
	background:url("images/site/menuTab.jpg") no-repeat;
	
}
#navbar a:active {
	position:relative;
	float: left;
	background-position:0 0px;
	color:#FFF;
}

#navbar .home {
	margin-left:0px;
	height:56px;
	padding-left:17px;
	padding-top:10px;
}

#navbar .projects {
	margin-left:0px;
	height:56px;
	padding-left:12px;
	padding-top:10px;
}

#navbar .about {
	margin-left:0px;
	height:56px;
	padding-left:17px;
	padding-top:10px;
}

#navbar .contact {
	margin-left:0px;
	height:56px;
	padding-left:13px;
	padding-top:10px;
}

#main {
position:relative;
width:1020px;
height:511px;
float:left;
margin-bottom:3px;
clear:both;
margin-top:0px;
	
}

/*--
.main2 {
position:relative;
width:960px;
height:495px;
float:left;
margin-bottom:10px;
clear:both;
margin-top:0px;
margin-left:30px;
overflow: hidden;
background-image:url(images/large/bg.jpg);
z-index:0;
}/*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/


.main2 {
position:relative;
width:1020px;
height:511px;
float:left;
margin-bottom:3px;
clear:both;
margin-top:0px;
overflow: hidden;
background-image:url(images/large/bg.jpg);
z-index:0;
}
#main3 {
position:relative;
width:1020px;
height:511px;
float:left;
margin-bottom:3px;
clear:both;
margin-top:0px;
overflow: hidden;
background-image:url(images/large/bg.jpg);
z-index:0;
}
#bottom {
	float: left;
	width: 960px;
	margin-left:30px;
	height:158px;
	clear:both;
	background-image:url(images/site/shadow.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#divLine {
	height:68px;
	width:1px;
	float:left;
	margin-right:10px;
}
#column {
	float: left;
	width: 180px;
	margin-left: 240px;
	height:158px;
}

#column2 {
	float: left;
	width: 180px;
	margin-left: 220px;
	height:158px;
}
#columnPara {
	float: left;
	margin-top: 14px;
}
#column a{
color: #4e4e57;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#column a:hover {
color: #d83649;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#column2 a{
color: #4e4e57;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#column2 a:hover {
color: #d83649;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#projectsMenu {

	float:left;
	width:240px;
	height: 495px;
	z-index:5;
	position:absolute;
	top:0px;
	background-color:#000;
	opacity: .95;
    filter: alpha(opacity=95);
	text-align:right;
	text-decoration:none;

}
#projectsNAV {
	clear:both;
	float:right;
	width:200px;
	height: 150px;
	z-index:20;
	position:absolute;
	top:0px;
	text-align:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	border-top:#000 solid 1px;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
}
#projectsMenu li {
	list-style:none;
	padding-bottom:5px;

}
.projectsNavigation {
	list-style-type: disc;	
	margin-top: 20px;
	margin-right: 35px;
	
}

.projectsNavigation li {
	display: block;
	
}

.projectsNavigation li a {
	color: #BFBFC2;
	font-size: 10px;
	padding-right: 35px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

}

.projectsNavigation li a:hover {
	color: white;
	text-decoration: underline;
}

#projectInfo {
	clear:both;
	float:left;
	width:200px;
	height: 150px;
	z-index:20;
	position:absolute;
	top:266px;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	border-top:#000 solid 1px;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
}
#projectTitle {
	margin-top:20px;
}
#projectPara p{
	color:#bfbfc2;
}

#about {
	background-color:#d83649;
	position:relative;
width:960px;
height:495px;
float:left;
margin-bottom:10px;
clear:both;
margin-top:0px;
margin-left:30px;
}

#about2 {
	background-color:#ff4d36;
	position:relative;
width:960px;
height:495px;
float:left;
margin-bottom:10px;
clear:both;
margin-top:0px;
}
#aboutInfo{
	margin-top:200px;
	width:960px;
	float:left;
	clear:both;
	position:relative;
}

#aboutPara{
	width:960px;
	color:#FFF;
	float:left;
	clear:both;
	position:relative;
	top:200px;
}
#aboutTitle{
	margin-left:30px;
	color:#FFF;
	float:left;
	clear:both;
	position:relative;
	width:220px;
}

#aboutParaCol1 {
	width:380px;
	color:#FFF;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
#aboutParaCol2 {
	width:250px;
	color:#FFF;
	float:left;
	position:relative;
	top:0px;
	margin-left:20px;
}
#aboutPara p{

	color:#FFF;
}


.main_image{
	margin-left:30px;
}



.hideMenu {
	background: url(images/site/close.jpg) no-repeat left;
	height: 102px; 
	width: 27px;
	position: absolute;
	left:243px;;
	z-index:5;
	
}

.showMenu {
	background: url(images/site/open.jpg) no-repeat left;
	height: 102px; 
	width: 27px;
	position: absolute;
	left:3px;
	z-index:5;
	
} 
	
#gallery {
	margin-left:35px;
}



#slideshow #slidesContainer {
  margin:0 auto;
  overflow:hidden; /* allow scrollbar */
  position:relative; 
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:960px;

}


#slideInner {
	    overflow-x: hidden;
		overflow-y: hidden; 
		top: 0px; 
		height: 495px; 
		left: 0px;
}


.overlay {
	width: 960px;
	height:495px;
	z-index:3;
	top:0px;
	left:30px;
	position:absolute;
}



.overlay .desc{
	position: relative;
	float:left;
	width:242px;
	height: 495px;

}

.overlay .desc .block{
	position:absolute;
	width: 240px;
	height: 495px;
	z-index:5;
	background-color:#000;
	opacity: .95;
    filter: alpha(opacity=95);
}

.galleria-thumbnails-container {
	position:absolute;
	right:10px;
	bottom:10px;	
	width:100px;
}

.galleria-thumbnails .galleria-image {
	z-index:3;
	height: 24px;
	width: 24px;
	background: black;
	margin-right: 5px;
	border: 1px solid black;

	cursor: pointer;
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 7px;
	position: relative;
	float: left;
}

.galleria-image:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.non-active-thumb {
	opacity: .6;
	filter: alpha(opacity=70);
}

.active-thumb {
	opacity: 1;
	filter: alpha(opacity=100);
}