/* Default */

html,body{
 background-color:#ffffff; /* MAIN BACKGROUND COLOR IF IMAGE IS NOT USED */
 margin: 0;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* FONT FACE */
 font-size: 18px; /* FONT SIZE */
 height:100%;
}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}
img {
  border:0;
  
}

img.right { 
  float:right;
  margin:10px;
}

img.left { 
  float:left;
  margin:10px;
}


#logo {
 position:fixed;
  top:8px;
  left:8px;
  z-index:4;
 }

#socmed {
position: relative;
margin-top:2px;
float:right;
padding:5px;
z-index:7;
}
 
h1 { /* COMPANY NAME COLOR AND SIZE */
   color:#000000;
   font-size:26px;
   margin:2px;
}
h2 { /* SLOGAN COLOR AND SIZE */
   color:#000000;
   font-size:16px;
   margin:2px;
}
 .pagetitle {  /* PAGE TITLE SIZE AND COLOR */
   font-size: 20px;
   font-weight:bold;
   color:#D71D09;
 }
 
#page-wrap { 
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 2; 
  width: 100%; 
  height:100%; 
  top:0%; 
  vertical-align:middle; 
  padding: 0px;
  
  
}

#page-textwrap { 
  position: relative; 
  margin-left: 300px;
  margin-top:0px;
  z-index: 2; 
  width: 600px; 
  height:100%; 
  top:0%; 
  vertical-align:middle; 
  padding: 0px;
  background-color: #ffffff; /* MAIN TEXT AREA BACKGROUND COLOR */
  overflow-y:auto;
}

#page-textarea { 
  padding-top:20px;
  margin-left:20px;
  margin-bottom:20px;
  margin-right:20px;
  color:#000000; /* MAIN TEXT AREA TEXT COLOR */
  
}

a {
color:#000000; /* MAIN TEXT AREA LINK COLOR */
text-decoration:none; 
}
a:hover {
color: #00a94f; /* MAIN TEXT AREA LINK ROLLOVER COLOR */
text-decoration:none;
}
#main_nav {
  position:fixed;
  top:150px;
  left:0px;
  z-index:5;
}

/* ----------------------MAIN NAVIGATION------------------------ */
ul.nav
{
list-style-type:none;
margin:0;
padding:0;
width:100px;
}

li.nav
{
display:block;
background-color: #000000; /* MAIN NAVIGATION BUTTON BACKGROUND COLOR */
padding-left: 8px;
padding-right: 8px;
line-height: 22px;
margin-bottom:6px;
margin-right: 2px;

}

li.nav:hover {
background-color: #00a94f; /* MAIN NAVIGATION BACKGROUND ROLLOVER COLOR */
}

* html .nav a{ /*IE only hack*/
width: 100%;
}

a.nav {
width:80px;
color:#ffffff; /* MAIN NAVIGATION TEXT COLOR */
text-decoration:none; 
}
a.nav:hover {
width:80px;
color: #000000; /* MAIN NAVIGATION TEXT ROLLOVER COLOR */
text-decoration:none;
}

li.hov {
background-color: #cc0000; /* NAVIGATION SELECTED BACKGROUND COLOR */
padding-left: 8px;
padding-right: 8px;
line-height: 20px;
margin-bottom:6px;
margin-right: 2px;

}
a.hov {
color:#000000; /* NAVIGATION SELECTED TEXT COLOR */
text-decoration:none;
}




/* ----------------------SUB NAVIGATION------------------------ */

ul.subnav
{
list-style-type:none;
margin-left:10px;
padding:0;
width:100px;
}

li.subnav
{
display:block;
background: #000000; /* SUB NAVIGATION BUTTON BACKGROUND COLOR */
padding-left: 8px;
padding-right: 8px;
line-height: 22px;
margin-bottom:6px;
margin-right: 2px;

}

li.subnav:hover {
background-color: #00a94f; /* SUB NAVIGATION BUTTON BACKGROUND ROLLOVER COLOR */
}

a.subnav {
color:#ffffff; /* SUB NAVIGATION TEXT COLOR */
text-decoration:none; 
}
a.subnav:hover {
color: #c00a94f; /* SUB NAVIGATION TEXT ROLLOVER COLOR */
text-decoration:none;
}

li.subhov {
display:block;
background-color: #000000; /* SUB NAVIGATION SELECTED BACKGROUND COLOR */
padding-left: 8px;
padding-right: 8px;
line-height: 20px;
margin-bottom:6px;
margin-right: 2px;

}

a.subhov{  /* SUBNAVIGATION SELECTED TEXT COLOR */
color:#ffffff;
}


/* ---------------------- GALLERY --------------------- */

#thumbnails {

  padding-top:80px;
  width:664px;
  display: block;
  margin-left: 300px;
  
  
}

#thumbnails .galtitle { /* GALLERY CATEGORY TITLE SIZE AND COLOR */
   font-size: 20px;
   font-weight:bold;
   color:#000000;
   float:right;
   margin:-12px;
}
#thumbnails .thumbs {
 margin: 4px;
 border:4px solid #ffffff; /* THUMBNAIL BORDER COLOR */
}
#thumbnails .thumbs:hover {
border:4px solid #cc0000;  /* THUMBNAIL ROLLOVER BORDER COLOR */

}

/* ------------ CONTACT FORM -------------- */


#contact-area {
	width: 380px;
	margin-top: 25px;
    margin-left:60px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 11px;
}

/* ------------ FOOTER -------------- */

#footer {
position: fixed;
bottom:0px;
margin-top:0px;
width:260px;
height:50px;
color: #000000; /* FOOTER TEXT COLOR */
padding:4px;
z-index:6;
font-size:12px; /* FOOTER TEXT SIZE */
}

#footer a {
 color:#000000 /* FOOTER TEXT LINK COLOR */
}

#footer a:hover {
 color:#000a94f /* FOOTER TEXT LINK ROLLOVER COLOR */
}