html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {height: 100%;}
body {
  height: 100%;
  padding-top: 60px;
	line-height: 1;
	color: #c8c8c8;
	background:url("sitegr/patern.gif") #a00303;
  text-align: center;
}
sup {line-height: 0.9; vertical-align: text-top; font-size: 8px;}
strong {font-weight: bold;}
ul {
	list-style: none;
}
ol {
  list-style-position: inside;
  font-size: 0.7em;
}
ol h2 {padding: 0px; display: inline;}
ol li {padding-bottom: 4px;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*/
/*basic styles*/
h1 {
  padding: 10px 0 10px 0px;
  font-size: 1.4em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif inherit;
  color: #c03000;
}

h2 {
  padding: 0px 0 10px 0px;
  font-size: 1.2em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif inherit;
  color: #f2c906;
}
h3 {color: #cba905; font-weight: bold;}
a {color: #fff;}
p {font-size: 0.8em; color: #c8c8c8; line-height: 1.2; padding: 5px 0 10px 0;}

div#container {
	width: 929px;
  margin:0px auto;
	background:url("sitegr/top.jpg") no-repeat;
  padding: 0px;
  /*position:relative; 
  height:auto !important; 
  height:100%; 
  min-height:100%; */
  text-align: left;
}

#header-holder {background:url("sitegr/body-top.gif") no-repeat; height: 116px;}
/*#content-holder {background:url("sitegr/body.gif") repeat-y; height: 216px;}
#content {background:url("sitegr/body-foot.gif") bottom  no-repeat; height: 416px;}*/
#content-holder {background:url("sitegr/body.gif") repeat-y; margin-bottom: 10px;}
#content {background:url("sitegr/body-foot2.gif") bottom  no-repeat; height:auto !important; height:500px; min-height:500px;}
#footer {text-align: center;}

#header {padding: 20px 5px 0 20px;}
#logo-holder {height: 65px;}
#header h2#logo a {background:url("sitegr/logo.gif") no-repeat; height:50px; width: 76px; display: block; text-indent: -1000px; float: left; padding-right: 5px;}
#header h1#slogan {padding-left:5px; font-size: 9px; line-height: 10px; color: #d9d9d9; float: left; padding-top: 3px;}

#top-nav {clear: both; padding-left: 595px;}
#top-nav li {display: inline;}
#top-nav li a {
    width: 82px; height: 22px; background:url("sitegr/top-button.gif") top right  no-repeat; display: block;
    text-align: center; font-size: 10px; line-height: 20px; float: left; text-decoration: none;}
#top-nav li a:hover {font-weight: bold;}
#content-nav {width: 150px; float: left; text-align: right; font-variant:small-caps; padding-top:25px;}
#content-nav li { height: 62px; background:url("sitegr/button.gif") bottom right  no-repeat; display: block; margin-bottom: 4px; overflow:hidden;}
#content-nav li.active { height: 62px; background:url("sitegr/button.gif") top right  no-repeat; display: block; margin-bottom: 4px; overflow:hidden;}
#content-nav li a {font-weight: bold; color: black;}
#content-nav li a.sl {padding: 0px 10px 5px 40px; display: block; line-height: 57px;  text-decoration: none;}
#content-nav li a.ml {padding: 13px 10px 5px 40px; display: block;  text-decoration: none;}
#content-nav li a.tl {padding: 5px 10px 5px 40px; display: block;  text-decoration: none;}
#content-nav li a:hover {font-weight: normal;}

#main-content-holder {width: 757px; float: left; margin-bottom: 10px; height:auto !important; 
  height:460px;  min-height:460px;}
#main-content {padding: 0 20px 10px 20px; margin-bottom: 20px;}
#gallery {width: 440px; float: left;}
#gallery h3 {clear: both;}
#text-holder {width: 270px; float: left;}
#text { padding-left: 10px; font-size: 0.9em; line-height: 1.2}
#text ul {font-size: 0.8em; list-style-type:circle; padding: 0 0 10px 15px; }
em {font-style:italic;}
#works {clear: both; padding: 10px 0 10px 0;}

#content-footer {clear: both; text-align: right;}
#content-footer p {padding-right: 25px;color: #828282; font-size: 0.6em;}
#footer {clear:both; height: 40px;}
#footer p a { text-decoration: none; color: black;}
/*form*/
#form {width: 250px; float: left;}
#form fieldset {margin-bottom:100px; margin-top:20px;}
#form fieldset fieldset {padding: 4px 0 5px 0; margin:0;}
#form legend {font-size: 0.9em; padding-bottom: 5px;}
#form label {font-size: 0.8em; display: block;}

/*photo cards*/
 .card-left, .card-right {
       float: left;
       width: 170px;
       margin: 0 10px 10px 0;
       padding: 10px 0;
       text-align: center;
       background: url("sitegr/img-bg-shadow.png") repeat-x bottom white;
       border: 1px solid #ccc;
       font-size: 75%;
       }
    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }
.card{
       float: left;
       width: 105px;
       margin: 0 10px 10px 0;
       padding: 10px 0;
       text-align: center;
       font-size: 75%;
       }
.mcard{
       float: left;
       width: 105px;
       height: 105px;
       margin: 0 10px 10px 0;
       padding: 10px 0;
       text-align: center;
       font-size: 75%;
       background: #fff;
       border: 3px solid #e0e0e0;
       }
h3.cleanme {clear: both;}   
.pcard{float: left; width: 90px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p1card{float: left; width: 75px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p2card{float: left; width: 107px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p2scard{float: left; width: 107px; height: 265px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p21card{float: left; width: 117px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p3card{float: left; width: 200px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: left;font-size: 75%;}
.p3ccard{float: left; width: 200px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p4card{float: left; width: 280px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.p5card{float: left; width: 380px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: center;font-size: 75%;}
.pmlcard{float: left; width: 400px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: left;font-size: 75%;}
.pmltcard{float: left; width: 220px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: left;font-size: 75%;}
.pml2card{float: left; width: 550px; height: 305px; margin: 0 10px 10px 0; padding: 10px 0;text-align: left;font-size: 75%;}
.pmlicard{float: left; width: 90px; height: 305px; margin: 0 10px 10px 0; padding: 0px 0;text-align: center;}
.pmli2card{float: left; width: 117px; height: 305px; margin: 0 10px 10px 0; padding: 0px 0;text-align: center;}
.card img {border: 3px solid #e0e0e0;}

#nextpage {clear: both; text-align: right; display: block; }