@charset "UTF-8";
/* CSS Document */

:focus { -moz-outline-style:none; }

body {
    text-align:center;
    font-size:12px;
    color:#666;
    font-family: arial;
    font-weight:normal;
}
a {
    color:#666;
	text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
h2 {
    font-size:16px;
    color:#a4a4a4;
    font-weight:bold;
}
img {
	margin-bottom: -3px;
	border: 0;
}
#frontpage {
	position:absolute;
	width:500px;
	height:446px;
	top:50%;
	margin-top:-221px;
	left:50%;
	margin-left:-250px;
}
#frontpage_slideshow {
	margin:auto;
	width:500px;
	height:417px;
	overflow:hidden;
	margin-bottom:5px;
}
#frontpage_logo {
	margin:0;
	padding:0;
}
#frontpage_logo a {
	display:block;
	width:500px;
	height:24px;
	background-image:url(logo_wide.gif);
	overflow:hidden;
	white-space:nowrap;
	text-indent:500px;
	margin:auto;
}
#logo a {
	display:block;
	width:200px;
	height:46px;
	background-image:url(logo.gif);
	overflow:hidden;
	white-space:nowrap;
	text-indent:500px;
	margin:auto;
	margin-top:5px;
}
#content {
    width: 970px;
    border:0;
    margin:auto;
	position:absolute; /* CENTRE */
	top:50%; /* CENTRE */
	margin-top:-275px; /* CENTRE */
	left:50%; /* CENTRE */
	margin-left:-485px; /* CENTRE */
}

#colLeft {
    float:left;
    height:530px;
    width:210px;
    margin-right:10px;
    margin-top:4px;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    overflow:hidden;
}
#navigation {
	position:absolute;
	left:50%;
	margin-left:-480px;
	/*top:520px;*/
	bottom:10px; /* CENTRE */
	height:30px;
	width:220px;
}
#navigation a {
	display:block;
	height:14px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
	text-indent:200px;
}
#nav_about {
	width:58px;
	background-image:url(nav_about.gif);
}
#nav_about:hover, #nav_about.on {
	background-image:url(nav_about_on.gif);
}
#nav_portfolio {
	width:77px;
	background-image:url(nav_portfolio.gif);
}
#nav_portfolio:hover, #nav_portfolio.on {
	background-image:url(nav_portfolio_on.gif);
}
#nav_contact {
	width:70px;
	background-image:url(nav_contact.gif);
}
#nav_contact:hover, #nav_contact.on {
	background-image:url(nav_contact_on.gif);
}
#about_header {
	clear:left;
	display:block;
	height:14px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:200px;
	width:50px;
	background-image:url(nav_about_on.gif);
}
#contact_header {
	display:block;
	height:14px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:200px;
	width:70px;
	background-image:url(nav_contact_on.gif);
}
#colRight {
    float:right;
    height:530px;
    width:730px;
    margin-top:4px;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0;
}
.aboutRight {
    margin-top:7px;
    width:730px;
    float:right;
    text-align:left;
    border:0px solid;
}
.aboutImageRight {
    padding-left:3px;
    width:240px;
    float:left;
    padding-bottom:16px;
}
.contactLeft {
    margin-top:7px;
    width:482px;
    float:left;
	text-align:left;
}
.contactRight {
    padding-top:200px;
    width:222px;
    float:right;
    text-align:left;
}
.copyright {
    font-size:11px;
    color:#666;
    padding:3px;
    float:right;
	white-space:nowrap;
}
#paging{

    float:right;
    margin-right:28px;
}
.page_nav {
    font-size:16px;
    color:#a4a4a4;
    padding:3px;
    float:right
    font-weight:normal;
    text-decoration:none;
}
.page_nav a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
.navSelected {
    font-size:16px;
    color:#000;
    font-weight:bold;
}
.setSelect_footer {
    float:left;
    margin-right:36px;
}
.setSelect_footer_right {
    float:right;
    margin-right:36px;
	padding-right:0px;
	margin-right:0px;
	border:0;
}
/*.setSelect {    
    padding-left:10px;
    width:188px;
    padding-top:30px;
    border:0px solid;
    float:left;
    text-align:left;
}
*/.setSelectOptions {
    width:188px;
    border:1px solid #CCC;
	color:#666;
}
.smallImageGrid {    
    padding-left:8px;
    width:215px;
    padding-top:30px;
    border:0px solid;
    text-align:left;
    float:left;
	position:absolute;
	left:50%;
	margin-left:-483px;
	top:50px;
	height:420px;
	overflow:auto;
}
.smallImageGrid a {    
    color:#666666;
    font-family: arial;
    font-weight:normal;
}
.smallImageGrid img {
	margin-right:4px;
	margin-bottom:4px;
}
.detailImage {   
    height:505px;
    width:700px;
    padding:0px;
    margin:0px;
	margin-top:7px;
	margin-bottom:-7px;
    border:0px solid;
    float:left;
	text-align:left;
}
#imagegrid {    
    text-align:left;
    width:700px;
    padding:0px;
    padding-top:4px;
    border:0px solid #ff0000;
    height:495px;
}
.iePush {
	margin-top:12px;
	margin-bottom:-12px;
}