html {
		min-height: 100%; 
		margin-bottom: 1px;
		background-image: url(../images/table-bg.jpg);
		background-position:top left;
		background-attachment: fixed;
}

body {
		margin: 0; 
		padding: 0; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:12px;
}
#container {
		width: 707px; 
		margin-top: 5px; 
		margin-left: 5px; 
		padding: 0;
}
#offpage {
		margin-left: -1000px;
}



/*------ MAIN HEADER --------------------------------------------------------------------*/

#header {
		padding: 0; 
		margin: 0; 
		height: 33px; 
		background-image: url(../images/logo_infinite08.gif); 
		background-position: top left; 
		background-repeat: no-repeat;
}

/*------ END OF HEADER ----------------------------------------------------------------- */



/*------ LEFT NAVIGATION --------------------------------------------------------------- */

#leftnav {
		margin: 2px 0 2px 0; 
		width: 707px; 
		height: 100px;
}
#leftnav p {display: none;
}
#leftnav ul {
		margin: 0 0 12px 0; 
		padding: 10px 0 0 13px; 
		list-style: none;
}
#leftnav li {
		display: block; 
		width: 140px; 
		margin: 0; 
		padding: 0; 
		font-size: 11px; 
		color: #474853;
}
#leftnav li a {
		display: block; 
		width: 140px; 
		margin: 0; 
		padding: 0 0 2px 0; 
		font-size: 11px; 
		color: #474853; 
		text-decoration: none;
}
#leftnav li a:hover {
		text-decoration: none; 
		color: #FFFFFF;
}

.homenav {background-image:url(../images/home_background.gif); background-repeat:repeat-y;}
.recentnav {background-image:url(../images/recent_background.gif); background-repeat:repeat-y;}
.projectnav {background-image:url(../images/project_background.gif); background-repeat:repeat-y;}
.weworknav {background-image:url(../images/about_background.gif); background-repeat:repeat-y;}
.newsnav {background-image:url(../images/news_background.gif); background-repeat:repeat-y;}
.contactnav {background-image:url(../images/contact_background.gif); background-repeat:repeat-y;}

/*------ END OF LEFT NAVIGATION -------------------------------------------------------- */



/*------ CONTENT ----------------------------------------------------------------------- */

.content {
		float: right; 
		width: 549px; 
		margin: 0 0 2px 0; 
		padding: 0; 
		background-color: #FFF;
}		
.content h3{
		margin: 8px 0 0 10px; 
		padding: 0; 
		font-size: 12px; 
		color: #474853;
}
.content p {
		margin: 0; 
		padding: 10px; 
		font-size: 12px; 
		line-height: 15px; 
		color: #474853;
}
.content a {
		font-weight: normal; 
		text-decoration: none; 
		color: #194B7E;
}
#content h1{
		margin: 8px 0 5px 0; 
		padding: 0; 
		font-size: 16px;
}
#content h2{
		margin: 8px 0 5px 0; 
		padding: 0; 
		font-size: 14px;
}
#content h3{
		margin: 8px 0 0 10px; 
		padding: 0; 
		font-size: 12px; 
		color: #474853;
}
#content h4{
		margin: 18px 0 5px 0; 
		padding: 0; 
		font-size: 11px; 
		font-weight: normal; 
		color: #474853;
}
#content p {
		margin: 0; 
		padding: 10px; 
		font-size: 12px; 
		line-height: 15px; 
		color: #474853;
}
#content a {
		font-weight: normal; 
		text-decoration: none; 
		color: #194B7E;
}
.description {
		float: left;
		width: 400px;
}
.description p {
		padding: 0 10px 10px 10px;
}
.description h3 {
		padding: 10px 10px 0 10px; margin: 0;
}
.description h4 {
		padding: 0 10px 0 10px; margin: 0; font-style:italic; font-weight:normal; color: #474853;
}
.casestudy {
		float: right;
}
.casestudy p {
		padding: 10px 10px 0 0;
		margin: 0;
		font-weight: bold;
}
.casestudy a {
		font-weight: normal;
		color: #474853;
}
.casestudy a:hover {
		text-decoration:underline;
		font-weight: normal;
		color: #474853;
}
.contentimg {
		float: right;
		width: 549px;
		margin: 0;
		padding: 0;
		background-color: #FFF;
}
.workimage {
		margin: 0;
		padding: 3px 3px 0 3px;
}

.workimagelink {
		margin: 0;
		padding: 0 3px 0 3px;
}

#contentmap {
		float: right; 
		width: 549px; 
		margin: 0 0 2px 0; 
		padding: 3px 0; 
		background-color: #FFF;
}
.newsdescription {
		float: left;
		width: 400px;
}
.newsdescription p {
		padding: 0 10px 10px 10px;
}
.newsreadmore {
		float: right;
}
.newsreadmore p {
		padding: 10px 10px 0 0;
		margin: 0;
		font-weight: normal;
}
.newsreadmore a {
		font-weight: normal;
		color: #474853;
}

/*-------------- SCROLLING CODE -------------------------*/

#imgs-wrapper {
		float: right;
		overflow:hidden;
		position:relative;
		width:548px;
		height:376px;
		background-color: #FFF;
}

#imgs {
		position:absolute;
		top:0;
		left:0;
}

/*-------------------- END OF ----------------------------*/

/*------ END OF CONTENT -----------------------------------------------------------------*/



/*------ FOOTER -------------------------------------------------------------------------*/

#footer {
		clear: both; 
		height: 40px; 
		padding: 10px 0 15px 170px; 
		margin-top: 3px; 
		font-size: 11px; 
		line-height: 14px; 
		background-image: url(../images/footer_background.gif); 
		background-repeat: no-repeat; 
		color: #474853;
}
#footer h1{
		font-size: 11px;
		color: #FFFFFF;
}
#footer a, a:visited {
		color: #474853; 
		text-decoration: none;
}
#footer a:hover {
		color: #FFFFFF; 
		text-decoration: none;
}
#footer ul {
		float: left;
		margin: 0;
		padding: 0;
}
#footer li {
		list-style: none;
}

/*------ END OF FOOTER ------------------------------------------------------------------*/



/*------ CLIENT LOGIN -------------------------------------------------------------------*/

#login {
		float: left; 
		width: 155px; 
		padding-top: 10px;
}
#login p {
		margin: 0; 
		padding: 0 0 2px 14px; 
		font-size: 11px; 
		color: #999999;
}
#login a {
		color: #999999; 
		text-decoration: none;
}
#login a:hover {
		color: #FFFFFF;
		text-decoration: none;
}
#login form {
		margin: 0;
		padding: 5px 0 5px 0;
}
#login input {
		font-size: 10px;
		background:transparent;
		border: 1px solid #767676; 
		color: #FFFFFF;
		padding:2px;
		margin-bottom:5px;
}
.inputwidth {
		width: 85%;
}

/*------ END OF CLIENT LOGIN ------------------------------------------------------------*/



/*------ CLASSES ------------------------------------------------------------------------*/

.clear {
		clear: both;
		line-height: 0;
		font-size: 0;
}
.transparentblock {
		opacity: 0.8; 
		-moz-opacity: 0.8; 
		filter: alpha(opacity=80);
}
.footertitle {
		width: 170px; 
		font-weight: bold; 
		color: white;
}
.footeraddress {
		width: 140px;
}

/*------ END OF CLASSES -----------------------------------------------------------------*/