/******************************************************************************
 * Generic CSS
 *****************************************************************************/
body {
	font-family: Arial, Verdana, sans-serif; font-size:11px; color:#000000;
	border:0px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; 
	background-color:#ffffff;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { }

a { }

h1 { font-size:16px; }

h2 {
	margin-bottom: 0px;
	font-size: 18px;
	color: #797979; }

h3 { font-size:12px; }

span.grey { color: #6c6c6c; }

span.bold { font-weight:bold; }

a:link, a:visited {
	text-decoration:none;
	color: #000;
}

a:hover {
	text-decoration:underline;
	color: #000;
}

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:763px; margin:0px auto 0px auto;
	text-align:left;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

/******************************************************************************
* container
*****************************************************************************/
div#container {
	width: 763px;
}

div#box-top {
	float: left;
	width:763px; height:9px;
	margin-top: 30px;
	background-image: url('../images/box-top.gif');
	background-position:left top; 
	background-repeat: no-repeat;
}

div#box-sides {
	float: left;
	width:763px;
	background-image: url('../images/box-sides.gif');
	background-position:left top; 
	background-repeat:repeat-y;
}

div#box-bottom {
	float: left;
	width:763px; height:9px; 
	background-image: url('../images/box-bottom.gif');
	background-position:left top; 
	background-repeat: no-repeat;
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float: left;
	width:744px; height:56px;
	margin-left: 6px;
	background-image: url('../images/header.gif');
	background-repeat:no-repeat;
}

html>body div#header {
	margin-left: 11px;
}

/******************************************************************************
* main-content
*****************************************************************************/
div#content {
	float: left;
	width: 670px;
	margin: 25px;
	padding: 30px 0px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}

html>body div#content {
	margin: 50px;
}

div#content-portfolio {
	float: left;
	width: 670px;
	margin: 25px;
	background-color: #fff;
}

html>body div#content-portfolio {
	margin: 50px;
}

div#left-col {
	float: left;
	width: 335px;
}

div#right-col {
	float: right;
	width: 335px;
}


/******************************************************************************
* home page
*****************************************************************************/
div#flash {
	float: left;
	width:670px; height:350px;
	background-color:#000000;
	margin: -30px 0px;
}

/******************************************************************************
* company page
*****************************************************************************/
div#company-text {
	width: 550px;
	margin: 0px 50px;
}

div#company-text p {
	text-align:justify;
}

/******************************************************************************
* portfolio page
*****************************************************************************/
div#display {
	float: left;
	width: 670px;
	margin: 0px;
}

div#display div#left-col {
	float: left;
	width: 220px;
}

div#display div#right-col {
	float: right;
	width: 420px;
}

div#image-border {
	float: left;
	width: 348px;
	height: 232px;
	margin-left: 5px;
	background-image: url(../images/display_border.jpg);
}

html>body div#image-border {
	margin-left: 10px;
}

div#image-placeholder {
	margin: 15px 15px;
	border: 1px solid #000;
}

div#photo-desc {
	float: right;
	width: 185px;
	margin-top: 70px;
	text-align: right;
}

html>body div#photo-desc {
	margin-top: 90px;
}

div#thumbs {
	float: left;
	width: 670px;
	margin: 15px 0px;;
}


div.thumbnail {
	float: left;
	width: 117px;
	height: 97px;
	margin: 5px;
	border: 2px solid #e2e2e2;
}

html>body div.thumbnail {
	margin: 5px;
	border: 3px solid #e2e2e2;
}

/******************************************************************************
* news page
*****************************************************************************/
div.news-frame {
	float: left;
	width: 585px;
	margin: 0px 25px;
}
html>body div.news-frame {
	margin: 0px 50px;
}


div.news-frame img {
	float: right;
	vertical-align:top;
	width: 184px; height: 131px;
	margin-left: 30px;
	margin-right: 0px;
	border: 3px solid #e2e2e2;
}

div#news-frame p {
	float: left;
	width: 350px;
	text-align: justify;
}

div#news-hr hr {
	float: left;
	width: 585px;
	margin: 25px 50px;
	border: 0;
	height: 1px;
	color: #e2e2e2;
	background-color: #e2e2e2;
}

/******************************************************************************
* contact page
*****************************************************************************/
div#contact-details {
	margin: 150px 170px 0px 0px;
	float: right;
}

div#contact-photo {
	height: 350px;
	margin: -30px 0px;
	background-color: #000;
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float: left;
	width: 763px;
	margin: 10px 25px;
	color: #000;
}

div#footer p a img { 
	margin: -15px -30px 0px 0px; padding: 0px; 
	width: 89px; height: 42px; float: right;
}

div#footer p#left {
	float: left;
	width: 550px;
}

div#footer p#right {
	float: right;
	width: 150px;	
	text-align:right;
	margin-right: 55px;
}