/* CSS Document */

/* colours
	dark red puzzle pieces: #6b1a1c;
	darker yellow puzzle pieces: #ffffe5;
	lighter yellow background: #fffff2;
	dark_red for text: #330000; #380300
	red for text links: #cc0000
	green for background: #00360B;
	pink for portfolio_details text: #FF8080
	yellow for portfolio_details highlight: #FFFF00
	green for portfolio_details link: #709878
	green for portfolio_details link rollover: #a5e0b1;
*/
	
/* HTML tags */
body{
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
	background-color:#00360B;
	color:#660000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-stretch:condensed;
	font-weight:bold;
}
h1{
	font-size:14pt;
}
a{
	color:#cc0000;
	text-decoration:none;
	
}
a:hover{
	color:#FF0000;
}
img{
	border:none;
}

/* CLASS tags */
.quick_link{
	position:absolute;
	margin:-35px 0 0 430px;
	width:200px;
}
.quick_link_portfolio{
	position:absolute;
	margin:-30px 0 0 160px;
	width:200px;
}
html>body .quick_link_portfolio{
	position:absolute;
	margin:-30px 0 0 290px;
	width:200px;
}
.white{
	background-color:#FFFFFF;
	}
.link{
	background-color:#FFFFFF;
	color:#990000;
	padding:10px;
	vertical-align:top;
	}
.link a{
	color:#990000;
	padding:10px;
	vertical-align:top;
	}
.nav_hover{
	margin:0 auto 0 auto;
	padding:0;
	position:absolute;
	top:-10px;
	left:-100px;
	width:800px;
	height:531px;
}

/* ID tags */
#wrapper{} /*the wrapper is defined in the index.php file, because the background-image wasn't working otherwise*/
#mainImage{
	margin:0px auto 0 auto;
	padding:0;
	text-align:center;
}
#header{
	margin:0;
	padding:0;
	width:750px;
	height:100px;
}
#content{
	margin:-430px 0 0 130px;
	padding:0;
	width:670px;
	text-align:left;
}
#content img{
	border:0;
}
#home{
	padding:50px 30px 20px 110px;
	text-align:left;
}
#portfolio{
	padding:80px 10px 10px 62px;
	text-align:center;
}
#portfolio_details{
	position:absolute; 
	left:0px; 
	top:0; 
	width:800px; 
	padding:150px 10px 10px 80px; 
	text-align:center;
	heigth:901px;
/*the portfolio_details style is defined in the .htm file, because the background-image wasn't working otherwise*/}
#services{
	padding:50px 50px 20px 110px;
}
#contact{
	padding:100px 50px 20px 50px;
	text-align:center;
}
#portfolio_description{
	margin:0;
	padding:0 10px 0 10px;
	position:absolute;
	left:200px;
	top:145px;
	background-color:#333333;
	width:550px;
	height:35px;
	color:#FFFFF2;
	text_align:left;
}

#portfolio_table{
	margin:0;
	padding:0;
	border:1px;
	border-style:solid;
	border-spacing:0px;
	text-align:center;
}
#portfolio_table td{
	text-align:center;
}

#thumbnails{
	margin:50px 0px 0px -70px;
	padding:0px;
}
#thumbnails li{
	width:180px;
	padding:5px;
	float:left;
	list-style:none;
}
.thumbnail{
	margin:0;
	padding:0;
	width:175px;
	float:left;
	color:#660000;
}
.thumbnail_title, .marlena_thumbnail_title{
	margin:-5px 0 0 0;
	padding:0;
	display:block;
	color:#660000;
	text-align:center;
}
.website{
	padding:10px 0 10px 0;
}
.website a{
	color:#709878;
	font-size:8pt;
	font-weight:normal;
}
.website a:hover{
	color:#a5e0b1;
}


#cg_description, #marlena_description, #millward_description, #franciscan_description, #cca_description, #proactideas_description{
	display:none;
	text-align:left;
}
.cg_thumbnail{
	width:191px; 
	height:157px; 
}
#cg_normal{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/cg_normal.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #cg_normal{
	background-image:url(../images/cg_normal.png); /*this applies to the browsers that understand PNG transparency*/
}
#cg_hover{
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/cg_hover.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #cg_hover{
	background-image:url(../images/cg_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
.marlena_thumbnail{
	margin:0 auto 0 auto; /* to center it */
	width:180px; 
	height:160px; 
}
#marlena_normal{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/marlena_normal.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #marlena_normal{
	background-image:url(../images/marlena_normal.png); /*this applies to the browsers that understand PNG transparency*/
}
#marlena_hover{
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/marlena_hover.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #marlena_hover{
	background-image:url(../images/marlena_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
.millward_thumbnail{
	width:195px; 
	height:152px; 
}
.millward_thumbnail_title{
}
#millward_normal{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/millward_normal.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #millward_normal{
	background-image:url(../images/millward_normal.png); /*this applies to the browsers that understand PNG transparency*/
}
#millward_hover{
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/millward_hover.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #millward_hover{
	background-image:url(../images/millward_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
.franciscan_thumbnail{
	width:195px;
	height:148px; 
}
#franciscan_normal{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/franciscan_normal.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #franciscan_normal{
	background-image:url(../images/franciscan_normal.png); /*this applies to the browsers that understand PNG transparency*/
}
#franciscan_hover{
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/franciscan_hover.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #franciscan_hover{
	background-image:url(../images/franciscan_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
.cca_thumbnail{
	width:199px; 
	height:158px; 
}
#cca_normal{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/cca_normal.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #cca_normal{
	background-image:url(../images/cca_normal.png); /*this applies to the browsers that understand PNG transparency*/
}
#cca_hover{
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/cca_hover.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #cca_hover{
	background-image:url(../images/cca_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
.proactideas_thumbnail{
	width:141px; 
	height:157px; 
}
#proactideas_normal{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/proactideas_normal.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #proactideas_normal{
	background-image:url(../images/proactideas_normal.png); /*this applies to the browsers that understand PNG transparency*/
}
#proactideas_hover{
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/proactideas_hover.png', sizingMethod='scale'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #proactideas_hover{
	background-image:url(../images/proactideas_hover.png); /*this applies to the browsers that understand PNG transparency*/
}


#contentImage{
	text-align:center;
}
#contact_puzzle{
	margin:50px 0 0 0;
}

#nav_map{
	z-index:30;
}

#nav div{
	display:none; 
	position:absolute; 
	z-index:10; 
	background-repeat:no-repeat;
}

#header_hover{
	top:0px;
	left:0px;
	width:800px; 
	height:158px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_hover.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #header_hover{
	background-image:url(../images/header_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
#home_hover{
	top:60px; 
	left:0px;
	width:186px; 
	height:163px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/home_hover.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #home_hover{
	background-image:url(../images/home_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
#services_hover{
	top:170px; 
	left:0px;
	width:145px; 
	height:189px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/services_hover.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #services_hover{
	background-image:url(../images/services_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
#portfolio_hover{
	top:310px; 
	left:0px;
	width:178px; 
	height:130px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/portfolio_hover.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #portfolio_hover{
	background-image:url(../images/portfolio_hover.png); /*this applies to the browsers that understand PNG transparency*/
}
#contact_hover{
	top:393px; 
	left:0px;
	width:135px; 
	height:139px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/contact_hover.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #contact_hover{
	background-image:url(../images/contact_hover.png); /*this applies to the browsers that understand PNG transparency*/
}

#home_selected{
	top:60px; 
	left:0px;
	width:178px; 
	height:152px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/home_selected.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #home_selected{
	background-image:url(../images/home_selected.png); /*this applies to the browsers that understand PNG transparency*/
}
#services_selected{
	top:170px; 
	left:0px;
	width:137px; 
	height:175px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/services_selected.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #services_selected{
	background-image:url(../images/services_selected.png); /*this applies to the browsers that understand PNG transparency*/
}
#portfolio_selected{
	top:310px; 
	left:0px;
	width:170px; 
	height:119px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/portfolio_selected.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #portfolio_selected{
	background-image:url(../images/portfolio_selected.png); /*this applies to the browsers that understand PNG transparency*/
}
#contact_selected{
	top:393px; 
	left:0px;
	width:127px; 
	height:140px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/contact_selected.png', sizingMethod='image'); /*this only applies to IE before version 7, to make the PNG transparency work*/
	_cursor:hand;
}
html>body #contact_selected{
	background-image:url(../images/contact_selected.png); /*this applies to the browsers that understand PNG transparency*/
}