@charset "utf-8";
* {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

#container {
	margin: 5px auto;
	width: 900px;
	min-height: 100%;
	position: relative;
	color: #000;

}

html, body {
	font-family: verdana, geneva, sans-serif;
	height: 65%;
	text-align: left;
}


h1	{	
	font-family: verdana, geneva, sans-serif;
	font-size-adjust: .53;
	font-size:	1em;
	font-weight:	600;
	font-style: normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h2	{	
	font-family: verdana, geneva, sans-serif;
	font-size-adjust:	.53;
	font-size:	.8em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h3	{	
	font-family: verdana, geneva, sans-serif;
	font-size-adjust:	.53;
	font-size:	.6em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h4	{	
	font-family: verdana, geneva, sans-serif;
	font-size-adjust:	.53;
	font-size:	1.33em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h5, dt	{	
	font-family: verdana, geneva, sans-serif;
	font-size-adjust:	.53;
	font-size:	1.17em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h6	{	
	font-family: verdana, geneva, sans-serif;
	font-size-adjust:	.53;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	




body {
	/*background-image: url(../images/bg2.png); /* background image is the shaded left and right margin on every page
	background-repeat: repeat-y;*/
	background-position: center;
	margin: 0px auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 30px; /*height of the footer*/
	
}

#number {
	float: right;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

img { border: none; 
}

#nav{
	position:relative;
	z-index:999;
	font-size:12px;
    list-style:none;
    font-weight: normal;
    margin-bottom:1px;
    /* Clear floats */
    float:right;
    width:400;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;*/
    
}
#nav li{
    float:left;
    margin-left:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#333;
    background:#fff;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#333;
    text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	z-index: 5;
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:-64%; /* Bring back on-screen when needed */
	
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background: #613813;
	color: #FFF;
    text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	color: #FFF;
    text-decoration:none;
	border: 1px solid #FFF;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#B07846;
	color: #FFF;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:4;
}
#content {
	width: 100%;
}
#content_text_area {
	padding-top: 105px;
	padding-left: 1em;
	padding-bottom: 1em;
	position: absolute;
	right: 10px;
	left: 5px;
	width: 340px;
	/*height: 400px;*/
	top: 159px;
}

#logo_space_area {
	padding-top: 125px;
	position: absolute;
	right: 10px;
	left: 8px;
	width: 340px;
	height: 10px;
	top: 217px;
}

#projects {
	width: 100%;
	position: relative;
}


.box {
	padding-top: 1px;
  	float: left;
  	width: 205px;
  	margin: 5px;
 	/*border: 1px solid #000;*/
}

.aboutUs {
	float: left;
	width: 615px;
	margin: 5px;
	/*border: thin solid #000;*/
}

#left_footer {
	float: left;
	position: relative;
	left: 5px;
	font-size:small;
}
#right_footer {
	float: right;
	right: 5px;
	font-size:small;
}

#header
{ 
	border-bottom: solid thin;
	border-color:#666;

}
#content_table
{ 
	border-bottom: solid thin;
	border-color:#666;
	height:350px;
}
#project_table
{ 
	padding-left: 1em;
	border-bottom: solid thin;
	border-color:#666;
}

#breadcrumb {
	float: left;
	padding-left: 1em;
}
#height_under_number {
	height: 2em;
}

.space_under_logo {
	clear: left;
	height: 155px;
	width: 300px;
	/*border: 1px solid #000;*/
}
.recent_projects {
	background-color:#CCC;
	-moz-border-radius: 15px;
    border-radius: 15px;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	float: left;
	width: 280px;
	/*border: 1px solid #000;*/
	overflow: hidden;
}
.box_recent_projects {
	background-color:#CCC;
	-moz-border-radius: 15px;
    border-radius: 15px;
	padding-top: 1em;	 				    padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin: 5px;
  	float: left;
  	width: 220px;
 	/*border: 1px solid #000;*/
}

.project_content {
	padding-top: 0px;
	padding-left: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	float: left;
	width: 550px;
	/*border: 1px solid #000;*/
}
.left_nav {
	float: left;
	position: relative;
}

/* Form CSS starts here */
form{
	width: 450px;
	margin: 0px auto;
	border: solid 1px #AAA;
	padding: 15px 25px;
	background-color: #FBFBFB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

form label{
	display: inline-block;
	width: 85px;
}

form input,
form textarea{
	vertical-align: top;
	margin: 0px 0px 10px 0px;
	width: 240px;
	padding: 3px;
	border: solid 1px #AAA;
}

form input[type="file"]{
	width: 328px;
}

form input[type="submit"]{
	width: auto;
	padding: 5px 15px;
}

.button{
	background: #52a8e8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52a8e8), color-stop(100%, #377ad0));
	background: -webkit-linear-gradient(top, #52a8e8, #377ad0);
	background: -moz-linear-gradient(top, #52a8e8, #377ad0);
	background: -ms-linear-gradient(top, #52a8e8, #377ad0);
	background: -o-linear-gradient(top, #52a8e8, #377ad0);
	background: linear-gradient(top, #52a8e8, #377ad0);
	border-style: solid;
	border-width: 1px;
	border-color: #4081af #2e69a3 #20559a #2e69a3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	-moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	color: #fff;
	text-shadow: 0 -1px 1px #3275bc;
	text-decoration: none;
	display: inline-block;
	padding: 6px 25px;
	font: bold 14px "Arial", Helvetica, sans-serif;
}
.button:hover{
	background: #3e9ee5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e9ee5), color-stop(100%, #206bcb));
	background: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
	background: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
	background: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
	background: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
	background: linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
	border-color: #2a73a6 #165899 #07428f #165899;
	-webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
	-moz-box-shadow: inset 0 1px 0 0 #62b1e9;
	box-shadow: inset 0 1px 0 0 #62b1e9;
	text-shadow: 0 -1px 1px #1d62ab;
	cursor: pointer;
}
.button:active {
	background: #3282d3;
	border: 1px solid #154c8c;
	border-bottom: 1px solid #0e408e;
	-webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
	box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
	text-shadow: 0 -1px 1px #2361a4;
}
/* Form finishes here */