﻿html, body 
{
	height: 100%;
	width: 100%;
	margin: 0px;
	font-size: 12pt;
	font-family: Arial, Verdana, Tahoma, Times New Roman;
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-color: #93abab;
}

img, div
{ 
	behavior: url(iepngfix.htc)
}

p.item
{
	margin: 0px;
}

p.itemLarge
{
	margin: 0px;
	margin-bottom: 10px;
}

#main_container
{
	margin-top: 64px;
	width: 984px;
	height: 581px;
	position: absolute;
	margin-left: -492px;
	left: 50%;
}

#nonreflection
{
	height: 485px;
}

#left_side
{
	position: absolute;
	width: 8px;
	height: 485px;
	background-image: url(../images/bg_left.jpg);
	background-repeat: no-repeat;
}

#middle
{
	position: absolute;
	left: 8px;
	width: 968px;
	height: 485px;
}

#top
{
	height: 20px;
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
}

#content_container
{
	height: 457px;
	background-image: url(../images/bg_gradient_inner.jpg);
	background-repeat: repeat-x;
}

#content_container_inner
{
	height: 457px;
	width: 968px;
	background-image: url(../images/city_logo_lg_sky.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	overflow: hidden;
}

#bottom
{
	height: 8px;
	background-image: url(../images/bg_bottom.jpg);
	background-repeat: no-repeat;
}

#right_side
{
	position: absolute;
	left: 976px;
	width: 8px;
	height: 485px;
	background-image: url(../images/bg_right.jpg);
	background-repeat: no-repeat;
}

#reflection
{
	height: 96px;
	text-align: center;
}

#content
{
	height: 362px;
}

#navigation
{
	height: 95px;
}

#navigation div
{
	float: left;
	height: 95px;
	margin-right: 7px;
}

#navigation div img
{
	border: 0px;
}

#individualNavigation
{
	margin-top: 68px;
	height: 236px;
	width: 693px;
	position: absolute;
	margin-left: -346.5px;
	left: 50%;
}

#individualNavigation div
{
	float: left;
	margin-right: 10px;
}

#individualNavigation div img
{
	border: 0px;
	height: 236px;
	width: 221px;
}

#companyNavigation
{
	margin-top: 180px; 
	height: 49px;
	background-image: url(../images/navigation/portfolio/spacer.jpg); 
	background-repeat: repeat-x;
	width: 350px;
	position: absolute;
	left: 50%;
	margin-left: -175px;
}

#companyNavigation div
{
	float: left;
	margin-right: 10px;
}

#companyNavigation div img
{
	border: 0px;
}

#portfolioNavigation
{
	margin-top: 180px; 
	height: 49px;
	background-image: url(../images/navigation/portfolio/spacer.jpg); 
	background-repeat: repeat-x;
	width: 500px;
	position: absolute;
	left: 50%;
	margin-left: -250px;
}

#portfolioNavigation div
{
	float: left;
	margin-right: 10px;
}

#portfolioNavigation div img
{
	border: 0px;
}

div.clear
{
	clear: both;
}

div.portfolioItemsScroller
{
	position: absolute; 
	top: 130px;
}

div.portfolioItemsScroller2
{
	position: absolute;
	top: 75px;
}

#leftScroller, #leftScroller2
{
	float: left; 
	margin-left: 10px; 
	padding-right: 10px;
	cursor: pointer;
}

#leftScroller2
{
	padding-top: 35px;
}

#rightScroller, #rightScroller2
{
	float: left; 
	margin-right: 10px; 
	padding-left: 10px;	
	cursor: pointer;
}

#rightScroller2
{
	padding-top: 35px;
}

#leftScroller img, #leftScroller2 img, #rightScroller img, #rightScroller2 img
{
	width: 31px;
	height: 164px;
}

#portfolioItems, #portfolioItems2
{
	float: left; 
	padding-left: 10px; 
	padding-right: 10px; 
	width: 830px; 
	height: 164px; 
	overflow: hidden;
}

#portfolioItems2
{
	height: 215px;
}

div.portfolioItemsInner
{
	/*width: 3120px;*/
}

div.portfolioItemsInner img
{
	margin-right: 12px;
	border: 0px;
}

img.navi_home
{
	width: 115px; 
	height: 95px;
}

img.navi_portfolio
{
	width: 159px; 
	height: 95px;
}

img.navi_company
{
	width: 163px; 
	height: 95px;
}

img.navi_contact
{
	width: 146px; 
	height: 95px;
}

img.imgReflection
{
	width: 968px; 
	height: 96px;
}

#contactLeft
{
	padding-left: 50px;
	padding-top: 50px;
	float: left;
}

#contactRight
{
	float: left;
	padding-top: 50px;
	padding-left: 50px;
}

.tb_sm, .tb_lg
{
	width: 324px;
}

.tb_lg
{
	height: 100px;
}

table.contact td
{
	padding: 2px;
}

td.field
{
	vertical-align: top;
	width: 125px;
	font-weight: bold;
	color: #7f7f7f;
}

span.message
{
	font-weight: bold;
	color: #7f7f7f;
}

span.message2
{
	font-weight: bold;
	color: #59777f;
}

span.message3
{
	color: #59777f;
}

span.fullName, span.siteName
{
	font-size: 18pt;
}

span.jobTitle
{
	font-size: 12pt;
	font-style: italic;
}

img.icon
{
	width: 36px;
	height: 33px;
	vertical-align: middle;
	margin-right: 15px;
}

div.employeeInfoHolder
{
	height: 100px;
	overflow: hidden;
	overflow-x: none;
	overflow-y: auto;
}

div.messageHolder
{
	height: 25px; 
	text-align: center; 
	padding-top: 180px;
}

div.portfolioItemMainImageHolder
{
	float: left; 
	margin-left: 100px; 
	padding-top: 25px;
}

div.portfolioItemThumbImageHolder
{
	float: left; 
	margin-left: 20px; 
	padding-top: 60px;
}

div.portfolioItemInfoHolder
{
	float: left; 
	margin-left: 50px;
	padding-top: 130px;
}

div.individualPictureHolder, div.levlPictureHolder
{
	float: left; 
	margin-left: 45px; 
	margin-top: 95px; 
	width: 410px;
}

div.levlPictureHolder
{
	margin-top: 75px;
}

div.individualInfoHolder, div.levlInfoHolder
{
	float: left; 
	margin-left: 55px;
	margin-top: 95px; 
	width: 400px;
}

div.levlInfoHolder
{
	margin-top: 55px;
	height: 270px;
	overflow: auto;
	text-align: justify;
	padding-right: 15px;
	margin-left: 30px;
}