/*Main family: index, tools, process, about , main gallery */

/*All Main pages universal css*/

body, p {
background-color: #000000;
color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
text-align: justify;
}

a:link {
color: #ffffff;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: underline;
}

a:visited {
color: #ff3333;
background-color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

a:hover {
color: #ffcc33;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
color: #ffffff;
background-color: transparent;
padding-top: 0px;
padding-left: 0px;
}

h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
text-align: left;
color: #ff6600;
padding-top: 15px;
}

span.title {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
text-align: center;
color: #ffffff;
padding-top: 10px;
display: inline;
}


/* About, Process and Tools pages */


a.top:link {
color: #ffffff;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

.main {
padding-top: 10px;
padding-left: 30px;
padding-bottom: 20px;
width: 650px;
}

/*Main masthead navigation css*/
td.nav {
padding-left: 0px;
text-align: center;
font-size: 9pt;
}

td.gold {
padding-top: 0px;
}


/*Footer css*/
a.footer:link {
color: #ffffff;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

a.footer:visited {
color: #ffcc33;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

a.footer:hover {
color: #ff3333;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

td.footer {
padding-left: 0px;
text-align: center;
font-size: 10pt;
}

p.footer {
color: #ffffff;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
}

/*Index css*/

a.header:link {
color: #cc6633;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: underline;
}

a.header:visited {
color: #cc6633;
background-color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

a.header:hover {
color: #ffcc33;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

td.indexR {
padding-top: 15px;
color: #ffffff;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
vertical-align: bottom;
padding-left: 0px;
}

td.indexL {
padding-right: 5px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;
vertical-align: bottom;
font-size: 11pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
width: 175px;
}

h1.index {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
color: #ffffff;
background-color: transparent;
text-align: left;
font-weight: normal;
}

p.index {
width: 450px;
padding-left: 23px;
padding-top: 0px;
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
color: #ffffff;
background-color: transparent;
}

.date {
color: #bfbfbf;
background-color: transparent;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9pt;
font-weight: lighter;
padding-left: 25px;
padding-bottom: 5px;
}


/*Gallery css*/


.thumbL {
font-size: 9pt;
padding-left: 0px;
padding-right:40px;
padding-top: 10px;
padding-bottom: 30px;
text-align: center;
}

.thumbC {
font-size: 9pt;
padding-top: 10px;
padding-bottom: 30px;
text-align: center;
}

.thumbR {
font-size: 9pt;
padding-left: 40px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 30px;
text-align: center;
}

a.gallery:link {
	color: #ffffff;
	background-color: transparent;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	}

/*About css*/


img.about {
vertical-align: sub;
padding-left: 10px;
padding-bottom: 15px;
padding-right: 15px;
}

li.about {
font-size: 11pt;
padding-bottom: 15px;
}

.friendly {
font-size: 9pt;
}

/* Tools & Process (toolpro) css*/

img.toolpro {
padding-left: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 20px;
text-align: right;
}

dt.toolpro {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11pt;
padding-left: 5px;
}

dd.toolpro {
width: 650px;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding-left: 0px;
font-size: 11pt;
text-align: justify;
}

.helper {
font-size: 9pt;
color: #bfbfbf;
background-color: transparent;
}

td.titles {
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
width: auto;
}


/* ============================================================================*/
/* Used on tools, process, main gallery pages */
/* Thumbnail viewer css from http://dynamicdrive.com */

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid #ff6600;
}

#dragbar{
cursor: pointer;
background-color: #ff6600;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 3px;
color: #000000;
border: 2px solid;
background-color: transparent;
}

/* ============================================================================*/
/* Rounded Corners - by: Marek Prokop http://www.sovavsiti.cz/css/corners.html */

td.titles {
padding-right: 10px;
padding-bottom: 15px;
width: auto;
}

div.uedge {
      width: 100%;
      background-color: #000000;
      background-image: url(images/boxes/lvline.gif);
	  background-repeat: repeat-y;
    }
    div.redge {
      background-image: url(images/boxes/rvline.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.bedge {
      background-image: url(images/boxes/bhline.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.ledge {
      background-image: url(images/boxes/thline.gif);
	  background-position: top left;
	  background-repeat: repeat-x;
    }
    div.ulcorner {
      background-image: url(images/boxes/tlcorner.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.urcorner {
      background-image: url(images/boxes/trcorner.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.blcorner {
      background-image: url(images/boxes/blcorner.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.brcorner {
      background-image: url(images/boxes/brcorner.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 10px 10px 10px;
    }
    div.innercontent {
      width: 100%;
	  padding: 0px;
    }