@CHARSET "UTF-8";

* {
    color: #000000;
    font: 12px Arial;
}

html,body {
    background-color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 8pt;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
}

#bgcontainer {
	margin: 0px auto;
	width: 1003px;
	text-align: left;
	background-image: url(../images/template/bgcontainer.png);
	background-repeat: repeat-y;
}

#headerbg {
	width: 1003px;
    background-image: url(../images/template/header_bg.jpg);
    background-position: 9px 0px;
    background-repeat: no-repeat;
}

#leftcontainer {
	float: left;
    width: 668px;
}
#headercontainer {
	float: left;
    display: inline; /* IE6 double margin bug */
    margin: 0px 0px 0px 9px;
    height: 85px;
    width: 668px;
}
#logo {
	float: left;
	display: inline; /* IE6 double margin bug */
	margin: 16px 0px 0px 35px;
}
#headernavcontainer {
	float: right;
	width: 394px;
	height: 85px;
}
#headernav {
	margin: 51px 9px 0px 0px;
	height: 18px;
	text-align: right;
}
#headernav a img {
	vertical-align: top;
}
#headermainnav {
	height: 16px;
}
#headermainnav a {
	float: left;
}
#headermainnav a img {
	vertical-align: top;
}
#contentContainer {
	float: left;
	display: inline; /* IE6 double margin bug */
	margin: 0px 0px 0px 9px;
    width: 668px;
    min-height: 403px;
    background-image: url(../images/template/contentbg.png);
    background-repeat: no-repeat; 
}
#content {
	width: 569px;
	margin: 32px 32px 32px 67px;
}

#rightcontainer {
    float: right;
    width: 316px;
    margin: 0px 10px 0px 0px;
}
#eyecatchercontainer {
	width: 316px;
    background-image: url(../images/template/eyecatcher_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 85px;
}
#eyecatcher {
	margin: 46px 10px 10px 10px;
	width: 260px;
	height: 141px;
}
div.rightbarbox {
	margin: 10px;
}
div.rightbarbox h1 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #e53517;
}
div.rightbarbox h2 {
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #6f7066;
}
#projectPrevButton {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 89px;
    border: none;
    padding:0px;
}
#projectNextButton {
    position: absolute;
    top: 0px;
    left: 286px;
    width: 10px;
    height: 89px;
    border: none;
    padding:0px;
}
#projectOuterContainer {
	width: 296px;
    height: 89px;
}
#projectContainer {
    width: 296px;
    position: absolute;
}
#projectImgViewport {
    width: 270px;
    height: 89px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 13px;
}
#projectImgContainer {
    position: absolute;
    top: 0px;
    left: 0px;
}
#lastproject {
	height: 18px;
	border-width: 2px 0px;
	border-color: #ffffff;
	border-style: solid;
	background-color: #6f7066;
	padding-left: 10px;
	color: #ffffff;
	font-size: 11px;
}
#lastproject a {
	color: #ffffff;
	font-size: 11px;
	
}

#footer {
	clear: both;
    width: 1003px;
    height: 20px;
    background-image: url(../images/template/footer_bg.png);
}
#footerleft {
    float: left;
    width: 993px;
    height: 20px;
    background-image: url(../images/template/footer_bg_left.png);
    background-repeat: no-repeat;
}
#footercontent {
	width: 984px;
	float: right;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	line-height: 20px;
}
#footercontent a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
#footerright {
    float: right;
    width: 10px;
    height: 20px;
    background-image: url(../images/template/footer_bg_right.png);
    background-repeat: no-repeat;
}