/* < IE8 CSS */

* {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background:url(images/bgtop.png);
background-position:top left;
background-repeat:repeat-x;
background-color:#FFF;
color:#333;
font-family:Georgia, Times New Roman, serif;
font-size:14px;
}

form {margin:0; padding:0;}

img {
border:0px;
filter:alpha(opacity=100);
opacity:1;
}
a:link img {
filter:alpha(opacity=100);
opacity:1;
}
a:visited img {
filter:alpha(opacity=100);
opacity:1;
}
a:hover img {
filter:alpha(opacity=75);
opacity:0.75;
}
a:active img {
filter:alpha(opacity=100);
opacity:1;
}

	.opacity {
	border:0px;
	filter:alpha(opacity=100);
	opacity:1;
	}
	a:link .opacity {
	filter:alpha(opacity=100);
	opacity:1;
	}
	a:visited .opacity {
	filter:alpha(opacity=100);
	opacity:1;
	}
	a:hover .opacity {
	filter:alpha(opacity=100);
	opacity:0.75;
	}
	a:active .opacity {
	filter:alpha(opacity=100);
	opacity:1;
	}

p {margin:0 0 12px 0; letter-spacing:0px; }
p.justify {text-align:justify; }
code {display:block; color:#666; margin-bottom:12px; margin-left:12px;}
blockquote {display:block; color:#666; font-size:13px; letter-spacing:1px; margin-bottom:12px; margin-left:12px;}

.hr {clear:both; border-bottom:#666666 1px dashed; margin:0 0 12px 0;}

a:link {text-decoration:underline; color:#000;}
a:visited {text-decoration:underline; color:#000;}
a:hover {text-decoration:none; color:#000;}
a:active {text-decoration:underline; color:#000;}

h1 {font-size:24px; text-align:center;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


#logo {
width:250px;
height:55px;
margin:30px auto 25px auto;
}

#wrap {
width:550px;
margin:20px auto 0 auto;
}

.clear {clear:both;}
.spacer {height:20px;}

.l {
width:21px;
float:left;
margin-right:8px;
margin-top:41px;
}
	.l .design {
	/*background:url(images/label-design.png) top left no-repeat;*/
	width:21px;
	height:155px;
	}
	.l .photos {
	/*background:url(images/label-photos.png) top left no-repeat;*/
	width:21px;
	height:164px;
	}
	.l .about {
	/*background:url(images/label-about.png) top left no-repeat;*/
	width:21px;
	height:142px;
	}
	.l .contact {
	/*background:url(images/label-contact.png) top left no-repeat;*/
	width:21px;
	height:195px;
	}

.c {
float:left;
width:500px;
}

.r {
width:21px;
float:right;
margin-top:41px;
}
	.r .page {
	width:21px;
	height:21px;
	margin-bottom:8px;
	}

.thumbhead {
float:left;
width:92px;
height:33px;
margin:0px 8px 8px 0px;
background:url(images/bgthumb-top.png) top left no-repeat;
}
.thumb { /* Thumb size = 80x60 */
float:left;
width:92px;
height:85px;
margin:0px 8px 0px 0px;
background:url(images/bgthumb.png) top left no-repeat;
}
	.thumb img { /* Thumb size = 80x60 */
	width:80px;
	height:60px;
	margin:5px 5px 5px 5px;
	border:#333 solid 1px;
	}
	.p1 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p1.png) top left no-repeat;
	}
	.p2 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p2.png) top left no-repeat;
	}
	.p3 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p3.png) top left no-repeat;
	}
	.p4 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p4.png) top left no-repeat;
	}
	.p5 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p5.png) top left no-repeat;
	}
	.p6 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p6.png) top left no-repeat;
	}
	.p7 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p7.png) top left no-repeat;
	}
	.p8 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p8.png) top left no-repeat;
	}
	.p9 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p9.png) top left no-repeat;
	}
	.p10 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p10.png) top left no-repeat;
	}
	.p11 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p11.png) top left no-repeat;
	}
	.p12 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p12.png) top left no-repeat;
	}
	.p13 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p13.png) top left no-repeat;
	}
	.p14 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p14.png) top left no-repeat;
	}
	.p15 { /* Thumb size = 80x60 */
	float:left;
	width:92px;
	height:85px;
	margin:0px 8px 0px 0px;
	background:url(images/p15.png) top left no-repeat;
	}

#footer {
clear:both;
float:left;
width:100%;
height:80px;
background:url(images/bgbot.png) bottom left repeat-x;
padding-top:50px; 
text-align:center;
margin-top:-45px;
}

#loading {   
    background: url(images/load.gif) no-repeat;   
    display:none;   
}   
               
#content {   
    font-family:arial;   
    font-size:11px;   
    display:none;   
}



    /* ----- tool tip specific styles ----- */
    #theToolTip{
    position: absolute;
    left: -300px;
    width: 400px;
    border: 2px solid #C0C09F;
    padding: 6px 0px 0px 10px;
    background-color: #FFFFCC;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
    }
     
    #ToolTipPointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
    }
     
    #theToolTip p{
    font-size: 1.1em;
    color: #333333;
    line-height:1.4em;
    margin-right:10px;
    margin-top:0;
    }
     
    #ToolTipTextWrap {
    font-weight:bold;
    font-size: 1.2em;
    color: #592C16;
    margin-right:10px;
    }