/* CSS Document */

body { margin:0px; padding:0px; background-color:#545454; background-image: url(../images/fadeLeft.jpg); background-position:top left; background-repeat:no-repeat; }

h1,h2,h3,h4,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size:11px; color:#FFFFFF; margin:0px; margin-top:1px; margin-left:55px; }

h2 {
	font-size:11px;
	color:#999999;
	margin-top:5px;
	margin-bottom:0px;
	margin-left:55px;
	font-weight:100;
}

h3 { font-size:11px; color:#333333; margin-top:6px; margin-bottom:0px; margin-left:55px; }

h4 { font-size:13px; color:#000000; margin-left:55px; }
h4:link { font-size: 13px; color:#000000; margin-left:55px; }
h4:hover { font-size: 13px; color:#000000; margin-left:55px; }

a:link { text-decoration: none; color: #c2c2c2; }
a:visited { text-decoration: none; color: #c2c2c2; }
a:hover { text-decoration: none; color: #FFFFFF; }
a:active { text-decoration: none; color: #c2c2c2; }

h5 { font-size: 11px; color:#ebebeb; margin-top:-20px; margin-left:55px; font-weight:100; }

h6 { font-size: 10px; color:#000; }

.click { font-size: 10px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;}

.sitemap { font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; margin-top:3px; }
.white { background-color:#FFFFFF; line-height:1.3em}
.porttext { font-size:11px }
.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}

/****** navigation ******/

a:link { color:#e1e1e1; text-decoration: none; font-weight: normal; }
a:visited { color:#e1e1e1; text-decoration: none; font-weight: normal; }
a:hover { color:#CCFF00; text-decoration: underline; font-weight: normal; }

a.nav:link { color:#ffffff; text-decoration: none;font: 11px arial; font-weight: normal; }
a.nav:visited { color:#ffffff; text-decoration: none; font: 11px arial;font-weight: normal; }
a.nav:hover { color:#CCFF00; text-decoration: none; font: 11px arial;font-weight: normal; }

a.subnav:link { font: 10px Tahoma; color:#fff; text-decoration: none;  }
a.subnav:visited { font: 10px Tahoma; color:#fff; text-decoration: none;  }
a.subnav:hover { font: 10px Tahoma; color:#b7b7b7; text-decoration: none;  }

div.nav  { position:relative; visibility:hidden; left:20px; top:-4px; width:510px; height: 13px; z-index:200; }

div.glide { position:absolute; visibility:hidden; left:20px; top:-4px; width:510px; height: 13px; z-index:200; }

/****** divs ******/

#header1 { width:836px; height:40px; padding-top:10px; padding-bottom:1px; }

#header2 { width:836px; height:40px; padding-top:0px; padding-left:35px; }

#pageContent { width:836px; position:absolute; top:87px; left:1px; }

#rightFlash {
	width:175px;
	height:1024px;
	float:right;
	position:absolute;
	top:4px;
	right:0px;
	left: 880px;
}

#navigation { position:absolute; left:203px; top:37px; width:423px; height:53px; z-index:1; }

#frame { }

#left { width:46px; height:336px; position:absolute; top:0px; left:0px; }

#sitemap { width:44px; height:20px; position:absolute; top:336px; left:0px; }

#bottomleft { width:44px; height:100%; position:absolute; top:356px; left:0px; background-color:#666666; }

#frame2 { width:836px; margin-left:0px; }

#frame3 { width:836px; margin-top:0px; }

#header { }

#web { margin-left:55px; }

#right_image { position:absolute; top:105px; left:832px; width:200px; height:200px; }
/*-- Gallery --*/

#thumb1 { position:absolute; top:31px; left:49px; width:186px; height:88px; }

#thumb2 { position:absolute; top:211px; left:49px; width:186px; height:88px; }

#thumb3 { position:absolute; top:386px; left:49px; width:186px; height:88px; }


#frame #frame3 #breadcrumb1 { width:800px; height:30px; float:left; margin-top:0px; margin-left:60px; font-size:11px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#frame #frame3 #breadcrumb2 { width:800px; height:30px; float:left; margin-top:150px; margin-left:60px; font-size:11px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#frame #frame3 #breadcrumb3 { width:800px; height:30px; float:left; margin-top:150px; margin-left:60px; font-size:11px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;  }

#frame #frame3 #pic { height:485; margin-left:55px; margin-top:30px }

#frame #frame3 #poster { width:800px; height:175px; float:left; margin-top:20px; margin-left:55px; font-size:11px; color:#ebebeb; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#frame #frame3 #poster a:link { color:#CCFF00; text-decoration:underline;  }
#frame #frame3 #poster a:hover { color:#CCFF00; text-decoration:underline;  }
#frame #frame3 #poster a:active { color:#808080; text-decoration:underline;  }
#frame #frame3 #poster a:visited { color:#808080; text-decoration:underline;  }

#frame #frame3 #info { width:300px; height:100px; float:left; margin-top:-507px; margin-left:485px; font-size:11px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#frame #frame3 #info a:link { color:#ebebeb; text-decoration:none;  }
#frame #frame3 #info a:hover { color:#CCFF00; text-decoration:underline;  }
#frame #frame3 #info a:active { color:#ebebeb; text-decoration:underline;  }
#frame #frame3 #info a:visited { color:#ebebeb; text-decoration:none;  }

#frame #frame3 #infoSub { width:700px; height:30px; float:left; margin-top:0px; margin-left:55px; font-size:11px; color:#cccccc; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#frame #frame3 #infoSub a:link { color:#ebebeb; text-decoration:underline;  }
#frame #frame3 #infoSub a:hover { color:#CCFF00; text-decoration:underline;  }
#frame #frame3 #infoSub a:active { color:#ebebeb; text-decoration:underline;  }
#frame #frame3 #infoSub a:visited { color:#ebebeb; text-decoration:underline;  }

#frame #frame3 #rightinfo { width:300px; height:90px; position:absolute; left:475px; top:350px; text-align:left; font-size:11px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:.4; }
#frame #frame3 #rightinfo a:link { color:#cccccc; text-decoration:none;  }
#frame #frame3 #rightinfo a:hover { color:#CCFF00; text-decoration:underline;  }
#frame #frame3 #rightinfo a:active { color:#fff; text-decoration:none;  }
#frame #frame3 #rightinfo a:visited { color:#fff; text-decoration:none;  }

#footer { width:100%; height:15px; position:absolute; bottom:0px; }

/* SPECIAL WEB PORTFOLIO STYLES */
.portTitle {font:17px/10pt Verdana, Geneva, Arial, sans-serif; font-weight:bold; color:#808080; }

/* PORTFOLIO THUMBNAILS TABLE */
.shadowy {
width:126px;
height: 97px;
background: transparent url(../images/shadow.gif) top left no-repeat; 
color: #000;  
padding: 0px; 
margin: 0px; 
z-index:10;
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 10px; }

.portthumb{
clear:left;
margin:0px;
padding: 0px;
text-align:center;
z-index:1; }

.portthumb a {
display: block;
width: 113px;
padding: 4px;
border: 1px solid #CCC; }

.portthumb a:hover {
width: 113px;
padding: 4px;
border: 1px solid #333; }

a.portlink {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
color: #333333;
padding-left:3px;
display:block;
width:120px; }

#pThumbs1 li,#pThumbs2 li,#pThumbs3 li,#pThumbs4 { width:620px;list-style:none; }
#pThumbs1 li,#pThumbs2 li,#pThumbs3 li,#pThumbs4 li { float:left;width:134px;height:136px; }

.portthumb a img{
border: 1px solid #999999; }

.portthumb a img:hover{
border: 1px solid #333;
}
