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

html {
	font-family:Arial, Helvetica, sans-serif;
	color: #b3b3b3;
	background-image:url(background_grid.gif);
	background-repeat:repeat-y;
	background-position:50%;
	margin:0px;
	padding:0px;
	border:0px;
}

a:link {color: #c15313; text-decoration: underline; }
a:active {color: #fff; text-decoration: underline; }
a:visited {color: #893C07; text-decoration: underline; }
a:hover {color: #fff; text-decoration: underline; }
/* Navigation ------------------------------------------------------ */
/* CSS code for HOME Button */
a.button_home { 
	margin-left: 7px;
    margin-top: 7px;
	float: left;
    background:url(images/button_home.jpg) repeat 0px 0px;
    width: 124px; 
    height: 66px; 
    display: block; 
}

a.button_home span { display: none; }

a.button_home:hover { background:url(images/button_home.jpg) repeat 0px -66px; }

/* CSS code for GALLERIES Button */
a.button_galleries { 
		margin-top: 7px;
		float: left;
        background:url(images/button_galleries.jpg) repeat 0px 0px;
        width: 172px; 
        height: 66px; 
        display: block; 
}

a.button_galleries span { display: none; }

a.button_galleries:hover { background:url(images/button_galleries.jpg) repeat 0px -66px; }


/* CSS code for BIOGRAPHY Button */
a.button_biography { 
		margin-top: 7px;
		float: left;
        background:url(images/button_biography.jpg) repeat 0px 0px;
        width: 171px; 
        height: 66px; 
        display: block; 
}

a.button_biography span { display: none; }

a.button_biography:hover { background:url(images/button_biography.jpg) repeat 0px -66px; }


/* CSS code for PROCESS Button */
a.button_process { 
		margin-top: 7px;
		float: left;
        background:url(images/button_process.jpg) repeat 0px 0px;
        width: 172px; 
        height: 66px; 
        display: block; 
}

a.button_process span { display: none; }

a.button_process:hover { background:url(images/button_process.jpg) repeat 0px -66px; }


/* CSS code for CONTACT Button */
a.button_contact { 
		margin-top: 7px;
		float: left;
        background:url(images/button_contact.jpg) repeat 0px 0px;
        width: 131px; 
        height: 66px; 
        display: block; 
}

a.button_contact span { display: none; }

a.button_contact:hover { background:url(images/button_contact.jpg) repeat 0px -66px; }

/*----------------------------------------------------------------------------------------------- */

h1 {
	color: #FFF;
}

h2 {
	font-size: 16px;
	padding: 15px;
}

div#centrestrip {width: 786px;
top: 0;
margin-top: 0px;
margin: 0 auto;
padding: 0 0 15px 0;
background-color: #242424;
text-align: left;
border:1px solid #c15313;}

div#top_banner {width: 786px;
height: 206;
}

div#navigation_background {
	background-image:url(images/gradient.png);
	background-repeat: repeat-x;
	height: 116px;
	width:786px;
}


div#inner_strip {width: 730px;
margin: 0 auto;
}
div#intro {width: 728px;
background-color:#3d3d3d;
border:1px solid #c15313;
border-top:0px;
margin-top:-16px;
}

div#mainimage { 
margin: 15px;
border:1px solid #FFF;
width: 391px;
height: 254px;
float: right;}

div#intro_header{background-image:url(header_bar_intro_box.jpg);
margin: 0 auto;
background-repeat: no-repeat;
width: 730px;
height: 36px;
padding:  0px 0px 0px 0px;
}

.header {
margin: 0 auto;
font-size:18px;
padding:  7px 0px 0px 15px;
}

.mini_header {
color: #fff;
margin: 0 auto;
font-size:16px;
padding:  7px 0px 0px 15px;
}
.padding {
padding: 20px 15px 0px 15px;  
}

.breakline {
background-color:#CCC;
width:730px;
height:1px;
margin-top: 35px;
}

div#update_container {
width:732px;
height:100%;
overflow: auto;
}

.display_picture {
margin: 10px;
border:1px solid #FFF;
width: 331px;
height: 156px;
float: right;
}

.picture {
margin: 10px;
border:1px solid #FFF;
float: right;
}

.update_box {width: 350px;
background-color:#3d3d3d;
border:1px solid #c15313;
}

.update_box_text{
width: 331px;
padding: 0px 10px 0px 10px; 
}

.update_header {background-image:url(images/tab_mini.png);
background-repeat: no-repeat;
width: 352px;
height: 30px;
padding:  0px 0px 0px 0px;
margin-top: 30px;
}

#professional_body {
width: 700px;
display: block;
}

#copyright {
text-align: center;
font-size: small;	
}

img {
border: 0px;
}

/* style to dim the imagery when it doesn't have the focus */
.halfopacity {
	/* for Mozilla/Firefox/Safari */
	opacity:0.4;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=40);
}

/* style to highlight imagery on mouse over */
a:active img, a:hover img, a:focus img {
	
	/* for Mozilla/Firefox/Safari */
	opacity:1;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100);
}

/* gallery specific */
div#gallery_holder {
	position: relative;
	left: 7px;
	top: -43px;
	width: 768px;
	height: 480px;
	background-color: #3d3d3d;
    border:1px solid #c15313;
	border-top: 0px;
	
}

#gallery_title_background {
	color: #7f7f7f;
	font-size: 70pt;
	opacity:0.17;
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=17);
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 0px;
	top: -120px;
	left: 7px;
}

#gallery_title {
	color: #7f7f7f;
	font-size: 12pt;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 0px;
	top: -47px;
	left: 10px;
}

/* gallery navigation list */


#mini_menu {
	position: absolute;
	top: 10px;
	width: 768px;
	height: 23px;
	background-color: #717171;
	margin:0px;
}

#mini_menu ul {
	position:relative;
	left:12px;
	list-style-type: none;
	font-size: 16px;
}

#mini_menu li {
	margin: 0px 0 0;
}

#mini_menu a {
position: relative;
top: -16px;
display: block;
float:left;
padding: 1px 25px 3px 25px;
background: #717171;
text-decoration: none; /*lets remove the link underlines*/
} 

#mini_menu a:link, #mini_menu a:active, #mini_menu a:visited {
color: #e5e5e5;
}

#mini_menu a:hover {

background: #999999;
color: #ffffff;
} 

#bg_logo {
	position: absolute;
	left: 7px;
	top: 42px;
}


/* hoverbox ----------------------------------------------------------------------------------------------*/

#thumbnail_holder {
	position: absolute;
	left: 598px;
	top: 42px;

	height: 400px;
	width: 170px;
}


</style>