body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
margin: 0;
padding: 0;
border: 0;
outline: none;
}

fieldset { border:0;margin:0;padding:0; }
label {  padding-right:15px; float:left; width:70px;}
input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }
/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
#nav{z-index:999}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */



Photoworks - CSS File

*/


/*** GLOBAL  ***/
html, body{height:100%;}
body {
	font-family:Verdana, Arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#6b6b6b;
	line-height:18px;
	background-repeat:no-repeat;
	background-color:#000;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #222222;
	background-color: #222222;
	height: 1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; font-family:Tahoma, Verdana;}
h1 {
	font-size:16px;
	line-height:30px
}
h2 {font-size:22px; line-height:26px;}
h3 {
	font-size:12px;
	line-height:20px;
}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {
	color:#FFF;
	text-decoration:underline;
}
a:hover{
	color:#999;
}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	line-height:18px;
	margin-bottom:20px;
	
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 55px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #c8c8c8;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/

#container{ background-image:url(../images/bg_centercolumnindexhtml.jpg); background-repeat:no-repeat; width:100%; background-position:top center;}
#contentlogin { width: 900px; margin: 0 auto; text-align: left; padding: 0px;}
#containerlogin{ width: 100%; height: 100%; text-align: right; background-image:url(../images/bg_centercolumnindexhtml.jpg); background-repeat:no-repeat; width:100%; background-position:top right}
#container2{ background-image:url(../images/bg_centercolumnindexhtml.jpg); background-repeat:no-repeat; width:100%; background-position:top center}
#container3{ background-image:url(../images/bg_centercolumn6.jpg); background-repeat:no-repeat; width:100%; background-position:top center}
#container-content{background-image:url(../images/bg_content.gif); background-repeat:repeat-x; background-color:#000; }
#container-content2{background-image:url(../images/bg_content.gif); background-repeat:repeat-x; background-color:#141414; }
#container-bottom{ clear:both; background-image:url(../images/bg_footer.jpg); background-repeat:repeat-y; width:100%; background-position:top ;  height:57px;}
.centercolumn{margin:0 auto; width:960px;}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#top{height:68px;padding:32px 0 0 0}
#topleft{float:left; width:500px;}
#logo{padding:0px 0px 0px 0px;}
#topright{float:right; text-align:right; width:400px; padding:0px 0px 0px 0px}
#topright h2{text-align:right}
#topright a.onlineac{display:block; color:#B7C0C9; text-decoration:none; font-size:11px;}
#menulogin{float:right; width:52px; padding:2px 0px 0px 4px}
#mainmenu{background-image:url(../images/bg_mainmenu.gif); background-repeat:no-repeat; height:46px;}

/*menu*/
#menu {padding:0; margin:0 20px 0px 20px; list-style:none; height:46px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li.top {display:block; float:left; padding:0px 5px;}
#menu li a.top_link {display:block; float:left; height:46px; line-height:46px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li:hover a.top_link {color:#fff; background: url(../images/bgmenu.gif) no-repeat left top;}
#menu li.active a.top_link {color:#fff; background: url(../images/bgmenu.gif) no-repeat left top;}
#menu li.active a.top_link span {background:url(../images/bgmenu.gif) no-repeat right top;}
#menu li:hover a.top_link span {background:url(../images/bgmenu.gif) no-repeat right top;}
#menu li:hover a.top_link span.down {padding-bottom:0px;}
#menu li.top2 {display:block; float:left; padding:0px 5px;}
#menu li a.top2_link {display:block; float:left; height:46px; line-height:46px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#menu li a.top2_link span {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li a.top2_link span.down {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li:hover a.top2_link {color:#fff; }
#menu li.active a.top2_link {color:#fff;}
#menu li.active a.top2_link span{;}
#menu li:hover a.top2_link span {;}
#menu li:hover a.top2_link span.down {padding-bottom:0px;}
/* Default list styling */

#menu li:hover {position:relative; z-index:200;}
#menu li:hover ul.sub
{left:6px; top:43px;  padding:0px 0px 0px 0px; border:0px solid #040f00; white-space:nowrap; width:189px; height:auto; z-index:300;}
#menu li:hover ul.sub li
{display:inline; height:28px; position:relative; float:left; width:183px; padding:2px 0 0 6px; font-weight:normal;  background:url(../images/dropdown_back.png) no-repeat left;}
#menu li:hover ul.sub li.subtop{background:url(../images/dropdown_top.png) no-repeat; width:183px; padding:9px 0 0px 6px; background-position:left top
}
#menu li:hover ul.sub li.subbottom{background:url(../images/dropdown_bottom.png) no-repeat; width:183px; padding:3px 0 5px 6px; background-position:left top
}

#menu li:hover ul.sub li a
{ color:#fff; display:block; font-size:11px; background-image:url(../images/clear.gif); background-repeat:repeat;  width:160px; line-height:normal; padding:5px 5px; text-indent:5px;  text-decoration:none; cursor:pointer;}
#menu li ul.sub li a.fly
{color:#fff; display:block; background:url(../images/arrow.gif) right center no-repeat;}
#menu li:hover ul.sub li a:hover 
{color:#7d7d7d;}
#menu li:hover ul.sub li a.fly:hover
{background:url(../images/arrow_over.gif) right center no-repeat; color:#7d7d7d;}


#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:189px; top:-2px; padding:0px;  border:0px solid #040f00; white-space:nowrap; width:183px; z-index:400; height:auto;}

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover li:hover a.fly,
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly
{background:url(../images/arrow_over.gif) right center no-repeat; color:#7d7d7d;} 

#menu li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(../images/arrow.gif) right center no-repeat; color:#7d7d7d; } 

#container-slider{height:293px; background-image:url(../images/slider-bgbottom.gif); background-repeat:no-repeat; background-position:bottom; background-color:#000000; margin-bottom:10px; position:relative;}
#container-slider2{height:393px; background-image:url(../images/slider-bgbottom.gif); background-repeat:no-repeat; background-position:bottom; background-color:#000000; margin-bottom:30px; position:relative;}

#cu3er-container {width:960px; outline:0;}

/*** END OF HEADER ***/

/*** CONTENT ***/
.imgleft{float:left; margin-right:15px;}
body  img.imgleft {border:solid 3px #babbba !important}
.imgright{float:right; margin-left:15px;}
.imgcenter {display: block;
	padding-bottom: 10px;
	float: right;
	position: relative;
	padding-top: 10px;
	padding-right: 0;
	left: 68px;
	top: 20px;
}
.imgcenter2 {display: block;margin-left: 100px;margin-right: auto;}

#content{
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 18px;
}
#content_inner{padding:1px 0px 35px 0px;}
#contentleft{float:left; width:480px;}
#contentcomplete{float:right; width:960px; padding: 0px 0px 0px 100px; }
.complete{background-image:url(../images/complete-bgrepeat.png); background-repeat:no-repeat; width:960px; position:absolute}
.complete-bgtop{background-image:url(../images/complete-bgtop.png); background-repeat:no-repeat; width:960px;}
.complete-bgbottom{background-image:url(../images/complete-bgbottom.png); background-repeat:no-repeat; background-position:bottom; width:960px;}
.complete-padding{padding:0px 0px 0px 100px;}
#maincontent{padding:0px 20px 0px 0px;}
.test, .test2,.test3,.test4{display: none;}
	
ul.list1{margin:20px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.list1 li{display:inline; padding:20px;}
#sideboxvisible
#side{float: left; width:420px; padding:0px 0px 0px 10px;
	display: inline;
	clear: both;
	position: relative;
	bottom: 666px;
	left: 520px;
}
.sidebox{background-image:url(../images/sidebox-bgrepeat.jpg); background-repeat:repeat-y; width:420px; position:relative;}
.sidebox-bgtop{background-image:url(../images/sidebox-bgtop.jpg); background-repeat:no-repeat; width:420px;}
.sidebox-bgbottom{background-image:url(../images/sidebox-bgbottom.jpg); background-repeat:no-repeat; background-position:bottom; width:420px;}
.sidebox-padding{padding:16px;
	float: left;
	clear: right;
	position: relative;
	top: 280px;
	height: 2px;
}
.strip{position:absolute; top:-6px; left:-5px;}
.sidebox ul{margin:0px; padding:0px; list-style-type:none;}
.sidebox ul li{margin:0px; padding:0px 0px 0px 30px; line-height:25px; list-style-type:none; background-image:url(../images/list.gif); background-repeat:no-repeat; background-position:left center;}
.sidebox ul li a, .sidebox ul li a:visited{color:#6b6b6b;}
.sidebox ul li a:hover{color:#6b6b6b; text-decoration:underline;}
.sidebox blockquote{margin:0px !important; padding:0px  !important;background-image:url(../images/quoteleft_small.gif); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(../images/quoteright_small.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:25px 8px 20px 0px;}
#side{left: 0px;
    padding: 0 0 0 10px;
    position: relative;
    top: 300px;
    width: 380px;}
.sidebox{background-image:url(../images/sidebox-bgrepeat.jpg); background-repeat:repeat-y; width:420px; position:relative;}
.sidebox-bgtop{background-image:url(../images/sidebox-bgtop.jpg); background-repeat:no-repeat; width:420px;}
.sidebox-bgbottom{background-image:url(../images/sidebox-bgbottom.jpg); background-repeat:no-repeat; background-position:bottom; width:420px;}
.sidebox-padding{padding:16px;}
.strip{position:absolute; top:-6px; left:-5px;}
.sidebox ul{margin:0px; padding:0px; list-style-type:none;}
.sidebox ul li{margin:0px; padding:0px 0px 0px 30px; line-height:25px; list-style-type:none; background-image:url(../images/list.gif); background-repeat:no-repeat; background-position:left center;}
.sidebox ul li a, .sidebox ul li a:visited{color:#6b6b6b;}
.sidebox ul li a:hover{color:#6b6b6b; text-decoration:underline;}
.sidebox blockquote{margin:0px !important; padding:0px  !important;background-image:url(../images/quoteleft_small.gif); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(../images/quoteright_small.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:25px 8px 20px 0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{margin:0 auto; width:960px; text-align:center; padding:20px 0px 0px 0px;}
#footer a, #footer a:visited{text-decoration:none; font-size:10px; color:#ffffff}
#footer a:hover{color:#ffffff}
/*** END OF FOOTER ***/

/***PHOTO GALLERY STYLE ELEMENTS***/
ul#grid li {
        list-style: none inside;
        float: left;
        width: 130px;
        height: 130px;
        margin: -16px 0px 25px -40px;
        text-align: left;
}
.style1 {
	text-align: center;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.style2 {
	text-align: left;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.style11 {
	line-height: 24px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 9pt;
}
.style12 {
	line-height: 24px;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9pt;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.style14 {
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
}
.style15 {
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: small;
}
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: small;
	text-align: right;
}
.style17 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: small;
}
.style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
}
.style20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #999999;
}
.style21 {
	text-align: left;
	color: #FFFFFF;
}
.style22 {
	text-align: right;
	color: #FFFFFF;
}
#captcha_image{float:left}
#captcha_refresh{float:left; padding:0 0 0 10px; font-size:11px}  
.errorMsg{ color:#fff; font-size:11px;  padding:10px 128px 10px 10px; background:#ff0000 url(../images/alert.jpg) 100% 0 no-repeat; min-height:120px }
.contactInfo{font-size:11px; float: left;
    font-size: 11px;
    width: 48%; margin-right:5px; padding-bottom:25px}
.contactInfo strong{color:#ffffff}
.contactInfo address{ background:#222222; padding:5px;}
.contactInfo p{padding:5px ; margin:0px;}
.evenContactInfo{margin:0 18px 0 0}
.oddContactInfo{margin:0 0px 0 0}
.rightPanel{float:right; width:380px; display:block}
.imgList{list-style:none;margin:0px; padding:0px;}
.imgList li{float:left; margin-right:27px}
.imgList li img{border:solid 5px #333}
.imgList li:last-child{margin-right:0px; float:right}
#awardGallery li{margin-right:5px;}
#awardGallery li img{border:solid 1px #666666}