*{margin:0;padding:0;}
html{}
body {font-family:Arial, Geneva, Helvetica, sans-serif;font-size:.68em;color: #000000;background:#333333 url(/lib/site/bkgd_01.gif) repeat-x;}
p{margin:5px 0;}
h1, h2, h3, h4, h5{font-size:120%;margin:10px 0 0 0;}
a:link {color:#0000CC;}
a:hover {color:#FFCC00;}
a:visited {color:#6699CC;}


.bodyText {
	font-size:10px;
	color:#000000;
}
.bodyTextRev {
	color:#FFFFFF;
	}
.bodyTextRed {
	color:#FF0000;
	}
.bodyTextBold {
	font-weight:bold;
}

.btn1, .btn1:link, .btn1:active, .btn1:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight:bold;
	margin:0px 20px 0px 0px;
	background-color:#CCC;
	color:#000066;
	text-transform:uppercase;
	text-align:center;
	text-decoration: none;
	padding:0px 15px;
	border:#000033 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-right:#F3F3F3 1px solid;
	-webkit-box-shadow:#B2B2A7 0px 1px 1px;
	-moz-box-shadow:#83817A 0px 1px 1px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.btn1:hover{
	color:#FFF;
	background-color:#333333;
}

#btns {
	margin:0px 20px 0px 0px;
	float:left;
}
#btns a:link, #btns a:active, #btns a:visited {
	background-color:#333333;
	color:#FFFFFF;
	font-size:80%;
	text-align:center;
	text-decoration: none;
	padding:1px 20px;
	border:#000000 thin solid;
}
#btns a:hover{
	color:#000066;
	background-color:#CCCCCC;
}
.clear{clear:both;}
#contentContainer{
	margin:0 20px;
}

#contentBody{
	margin:20px;
	clear:both;
}
.contentTitle {
	font-size:110%;
	font-weight:bold;
}
.errorMsg{
	display:block;
	background:#D8DDDE url(/lib/images/btns/warning_icon_01.gif) no-repeat;
	background-position:10px 5px;
	border:#990000 2px solid;
	margin:20px;
	padding:10px 40px;
	font-size:100%;
	font-weight:bold;
	color:#990000;
}
.formItmHeader{
margin:10px 0 0 0;
font-weight:bold;
font-size:90%;
}
.formRow{margin:0 0 10px 0;}
#login table{width:100%;font-size:.5em;}
#login td{height:30px;}
#login .tblCol1{text-align:right;width:100px;}
#login .tblCol2{text-align:left;padding-left:10px;}	
#headerContainer{background:#000000;height:80px;}
.header{font-size:110%;font-weight:bold;}
.headerRev{font-size:110%;font-weight:bold;color:#FFFFCC;}
.headerRed {
	font-size:110%;
	font-weight:bold;
	color:#FF0000;
}
.listTable {font-size: 100%;}
.listTable tr {vertical-align: top;}
.listTable tr td {padding:5px 20px 5px 5px;}

#pageContainer{margin:0 auto;text-align:center;}
#pgBlock {
	position:absolute;
	height:auto;
	width:100%;
	top:120px;
	}
#pgBody{
	background-color:#F3F3F3;
	width:90%;
	}
#pgBodyBoxContent{
	padding:0 20px 10px 20px;
	margin:0;
	}
	#pgBodyBoxTop{
	height:19px;
	}
#pgBodyBoxBottom{
	height:19px;
	}	
#pgFooter{
	clear:both;
	margin-top:0px;
	}
.pgFooter2{
	width:740px;
	text-align:center;
	font-size:95%;
	color:#FFF;
	margin:5px auto;
}
#pgImage {
	float:left;
	width:185px;
	}
.recsFoundMsg {
	clear:both;
	display:block;
	background-color:#999999;
	margin:10px 0 5px 0;
	padding:2px 4px;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	}
.responseMsg{
	display:block;
	background:#D8DDDE;
	background-position:10px 5px;
	border:#999999 1px solid;
	margin:20px;
	padding:10px 40px;
	font-size:110%;
	font-weight:bold;
	color:#000;
}
#servicesContainer{
	display:block;
	background:#2A2A2A;
	margin:50px auto 0 auto;
	padding:0px 20px;
	height:100px;
	border-top:#999 1px solid;
	width:740px;
}
#servicesBlock{
	width:620px;
	margin:0 auto;
	padding-left:90px;
	color:#FFF;
	font-size:100%;
	text-align:center;
	height:60px;
}
#servicesContainer h2{font-size:105%;font-weight:normal;color:#CCC;text-align:center;width:640px;margin:5px auto 0 auto;}
#servicesContainer ul{
	list-style:none;
	font-size:105%;
	color:#999999;
	text-align:left;
	float:left;
	margin:10px 20px 10px 0px;
	padding-left:10px;
	border-left:1px #666666 solid;
}
.submitBtn {padding-top:20px;}	

#folioBlock {width:749px;height:auto;}
#subMenu{float:left;width:100px;padding-right:20px;margin:0;text-align:left;}
#previewBlock{display:block;display:inline;}
#folioSamples{width:210px;height:380px;display:inline;float:left;margin-left:10px;}	
#folioSamplesThumb {padding:0 5px 5px 0;}	
#folioImage {display:inline;width:500px;text-align:left;padding-left:20px;}		
.WorkTitle {
	margin-top:0px;
	padding-left:40px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFCC;
	text-align:center;
}
.WorkDetails {
	font-size:10px;
	font-weight: bold;
	color: #CCCCCC;
	text-align:center;
	margin-left:40px;
}
.btnEnlarge {
	margin-top:10px;
	text-align:center;
	margin-left:40px
}

#FlashContainer {
	width:auto;
	height:auto;
	display:inline;
	float:left;
	margin-left:10px;
}
.FlashPreview {
	width:400px;
	height:110px;
	clear:left;
	margin-left:0px;
}
.FlashImage {
	float:left; 
	width: 165px;
	text-align:right;
}
.FlashSpecs {
	text-align:left;
	font-size:10px;
	font-weight: bold;
	color: #CCCCCC;
	margin:0px 5px 0 175px;
	padding-top:20px;
}

/* vMenu */
#vnav, #vnav ul {padding:0;margin:0;list-style: none;z-index: 100;}	
#vnav li {line-height:20px;margin-bottom:-1.5px;}
#vnav li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#CCCCCC;
	text-decoration:none;
	display:block;
	padding:0px 0px 0px 5px;
	}		
#vnav li a:hover {color:#0033CC;background-color:#333333;}

.folioNav{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	color: #CCC;
	background:#333;
	border:#666699 0px solid;
	margin:0;
	padding:3px 0;
	display:block;
	width:100px;
	text-align:left;
	
}
.folioNav:hover{color:#FFFFCC;background-color:#262626;}

