@import url('reset.css');
@import url('grid.css');
@import url('slideshow1.css');
@import url('slideshow2.css');

body {
	font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.8em;
	color: #333;
	background: #688fc2;
}

p {
	margin-bottom: 20px;
	text-align: left;
}

a { color: #688fc2; }
a:hover { color: #2b5488; }

h1, h2, h3, h4, h5 { color: #726e6f; 
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; 
text-transform: uppercase; 
margin-bottom: 20px; 
}

h1 { font-size: 2.1em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }

blockquote {
	color: #666;
	border-left: 2px solid #999;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

ul { list-style-type: square; }


/* DIV ids -----------------------------------------------------------------------------------------------------------*/

#container { background: #fff; }

#header { margin: 0; width: 960px; }

#navigation { background: url('../images/navigation.gif') repeat-x; margin: 0; width: 960px; padding: 0; text-transform: uppercase; padding: 6px 0 4px 0; font-size: .78em; }

.navul { list-style: none; }
.navul li { float: left; }

#sidebar {
	background: url('../images/sidebar.gif') repeat-x;
	margin: 0;
	padding: 25px 10px 10px 25px;
	width: 195px;
	height: 400px;
	color: #726e6f; 
	font-size: 8pt; 
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing: .6pt;
	line-height: 20pt;
}

#project_sidebar {
	margin: 0;
	padding: 25px 10px 10px 25px;
	width: 345px;
}

#project_title {
	padding: 20px 0 0 0;
	margin: 0;
}

#slider {
	margin: 0 0 0 0;
	z-index: 5;
}

#index {
	background: #fff;
	padding: 25px 0 25px 0; 
	z-index: 1;
}

#content {
	background: #fff;
	margin: 0; 
	padding: 25px; 
	background: url('../images/content_corner.jpg') no-repeat 0 0; 
	width: 650px; 
	font-family: Georgia, Times, Serif;
}

#content_projects {
	background: #fff;
	margin: 0; 
	padding: 25px; 
	width: 490px; 
	font-family: Georgia, Times, Serif;
}

#footer {
	margin: 0;
	width: 950px;
	height: 30px;
	background: url('../images/footer_image.jpg') no-repeat #2b5488;
	color: #fff; 
	font-size: 8pt; 
	text-align: right; 
	padding: 12px 10px 0 0;
}

#indexfooter {
	margin: 0;
	width: 960px;
}

.buttons {
	font-family: Sans-serif;
	color: #666;
	text-align: right;
}

.clear { clear: both; display: block; overflow: hidden;	width: 0; height: 0;}

#flash { margin: 0; }

/* TAG SPECIFIC ------------------------------------------------------------------------------------------------------*/

#navigation a { padding: 10px 25px 10px 25px; font-weight: bold; color: #2e5281; text-decoration: none; }
#navigation a:hover { color: #fff; text-decoration: none; background: url('../images/navigation_hover.gif') repeat-x; padding: 10px 25px 10px 25px; }

#sidebar a { color: #726e6f; text-decoration: none; }
#sidebar a:hover { color: #585455; text-decoration: none; }
#sidebar strong { color: #514648; }
.active { background: url('../images/navigation_hover.gif') repeat-x; color: #fff; }
.active a { color: #fff }

.page-title { color: #6d6d6d; font-family: Georgia, Times, Serif; }

#content strong, #project_sidebar strong { color: #2e5281; font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; text-transform: uppercase; }

.page_title { font-size: 2.1em; font-family: Times, 'Times New Roman', Georgia, Serif; color: #646464; margin-bottom: 20px; font-style: italic; }

.what_we_do { list-style-type: square; }
.what_we_do li { padding-bottom: 25px; }

.sub_sidebar { font-size: 8pt; }

#project_title { display: inline; float: left; padding-left: 25px; }

#project_nav { margin: 0 0 0 0; padding: 25px 25px 0 0; width: 445px; text-align: right;}

#projects_divider {
	border-bottom: 1px solid #ccc;
	height: 2px;
	margin: 0;
	width: 960px;
}

.mask{
	position:relative;
	top: -3px;
	width:530px;
	height:650px;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}