﻿/* Eric Meyer Reset CSS File */

@import url("reset.css");

/* Template Layout CSS */

html {
   overflow-y: scroll;
   height: 101%
}

body
{
	background: #5F5F5F;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	padding: 10px;
	font-size: 14px;
	text-align: justify;  
}

a { color: #FFF;}
a:hover { color: #ffc22f; }
p { margin: 0 0 0 0; }

a img.imgright { float: right; padding: 5px; margin: 0 0 10px 15px; border: 1px solid #333; }
a:hover img.imgright { border: 5px solid #9C0; padding: 1px; margin: 0 0 10px 15px; }

h1, h2, h3, h4, h5 { font-weight: bold; margin: 0 0 5px 0; color: #FFF; text-shadow: 2px 2px 2px #000000; }
h1 {font-size: 24px}
h2 {font-size: 20px}
h3 {font-size: 16px}
h4 {font-size: 14px}
h5 {font-size: 12px}

table, tr, td {
  text-align: left;
}

td {
   padding-top: 3px;
   padding-left: 10px;
   padding-bot: 3px;
   padding-right: 10px;
}

.with_border tr {
  border: 1px solid black;	
}

.with_border td {
  border: 1px solid black;	
}

img.imgshadow_r {
 margin: 10px 10px;
/* border:1px solid #000;*/ 
 box-shadow: 10px 10px 10px #555; 
 border-radius:5px;
}

img.imgshadow_l {
 margin: 10px 10px;
/* border:1px solid #000;*/ 
 box-shadow: -10px 10px 10px #555; 
 border-radius:5px;
}

div.references_item_l {	
	width:45%; 
	height:140px;
	float:left; 
	padding:10px 35px 10px 0px; 
	border-bottom:1px solid #000;
}

div.references_item_r {	
	width:45%; 
	height:140px;
	float:left; 
	padding:10px 0px 10px 35px; 
	border-bottom:1px solid #000;
}


div.gal_img {
    margin: 5px;
    padding: 5px;
/*    border: 1px solid #FFFFFF;*/
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}

div.gal_img img {
    display: inline;
    border: 1px solid #B0B0B0;
}

div.gal_img a:hover img {
    border:1px solid #ffc22f;
}

div.gal_desc {
    text-align: center;
    font-weight: normal;
    margin: 2px;
}

/* Start Wrapper Container */
#wrapper
{
	display: block;	
	width: 1024px;
	margin: auto;
	background: #7F7F7F;
}

/* End Wrapper Container */

/* Start Nav Styles */

nav
{
  width: 680px;
}

nav ul.menu
{
  position: relative;	
  left: 350px;	
  top: -30px;
  z-index: 1;	
}

nav ul.menu li
{
	display: inline;
	text-shadow: 2px 2px 2px #000000;
}

nav ul.menu li a
{
	float: left;
	height: 20px;
	line-height: 25px;
	padding: 0 12px;
	background: transparent;
	color: #FFF;
	font-weight: bold;
}

nav ul.menu li.current a
{
	background: transparent;
	color: #FFF;
}

nav ul.menu li a:hover
{
	color: #ffc22f;
}

section#pagenav_top
{
    position: relative;	
	top: 10px;
    z-index: 1;	
	float: right;
	margin: 0 20px 0 0;
	line-height: 20px;
	font-size: 11px;
}

section#pagenav_bot
{
	float: right;
	margin: 0 20px 10px 0;
	line-height: 20px;
	font-size: 11px;
}

/* Start Child Menu Styles */

aside#child_menu
{
  float: left;
  width: 180px;
  margin-top: 10px;
  list-style-type: none;	
  text-align: left;  
}

aside#child_menu ul li
{
  margin-bottom: 10px;
}

aside#child_menu ul li ul li
{
  margin-bottom: 0px;
}


aside#child_menu a
{
  color: #FFF;
  font-size: 14px;  
  font-size: 14px;  
  font-weight: normal;	
/*  line-height: 30px;  */
}

aside#child_menu li.currentpath a
{
  font-weight: normal;		
}

aside#child_menu li.open ul a
{
  font-size: 12px;  
  font-weight: normal;	
  line-height: 20px;  
}

aside#child_menu li.current a
{
  font-weight: bold;		
}

aside#child_menu li.open ul li.current a
{
  font-size: 12px;  
  font-weight: bold;		
}

aside#child_menu a:hover
{
  color: #ffc22f;
}


/*hide parent item to avoid redundancy, because this is already displayed in the navigation menu*/

aside#child_menu #parent a {
  display: none;
}


/* End Child Menu Styles */

/* Start Header Styles */

header
{
	width: 1000px;
	height: 80px;
	padding: 0px 0px;
}

header h1
{
	font-size: 42px;
	line-height: 80px;
	text-align: left;
	font-weight: bold;
	letter-spacing: -2px;
	text-shadow: 2px 2px 2px #000000;
}

header h1 a
{
	color: #DA0;
}

header h1 a:hover
{
	color: #DA0;
}

/* End Header Styles */

/* Start Main Styles */

section#main
{
  width: 1010px;
  line-height: 18px;
}


section#main p, section#mainul, section#main ol { 
  margin-top: 8px;
  margin-bottom: 8px;
}


/*Avoid margins for nested lists*/
section#main ul ul, section#main ul ol, section#main ol ul, section#main ol ol {
  margin-top: 0px;
  margin-bottom:0px;
}

section#main ul , section#main ol{
  margin-left: 10px;
}

section#main ul {
  list-style: none;
}

section#main ol {
  list-style: decimal;
}

section#content p {
  margin-bottom: 20px;
}

section#content h2
{
  margin-top: 15px;
}

section#content h4 {
  margin-top: 15px;
}

/*content for default template pages with child menu */
section#content
{
	float: right;
	width: 800px;
	padding: 0px;
/*	margin-top: 20px;*/
}

/*content for no_childmenu templates*/

section#content.no_childmenu {
  width: 980px;
}

/*content for 3 column layout templates*/

section#content.left_col {
  width: 170px;
  float: left;
  margin-left: 10px;
  margin-top: 0px;
  text-align: left;	
  font-size: 12px;
}

section#content.center_col {
  width: 630px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 0px;
}

section#content.right_col {
  width: 170px;
  float: right;	
  margin-top: 0px;
  text-align: left;		
  font-size: 12px;	
}

section#content.left_col li {
	margin-bottom: 10px;
	list-style-type: disc;
}

section#content.news {
  width: 630px;
  float: left;
  margin-left: 10px;
  margin-top: 0px;
  text-align: left;	
  font-size: 12px;
}

section#content.news li {
	list-style-type: disc;
	margin-bottom: 10px;
	}

aside#sidebar
{
	float: right;
	width: 200px;
	padding: 20px;
/*	background: #7F7F7F;*/
}

aside#sidebar ul
{
	margin: 0 0 15px 0;
}

aside#sidebar ul li
{
	display: block;
}

aside#sidebar ul li a
{
	float: left;
	width: 200px;
	padding: 6px 10px;
	margin: 0 0 5px 0;
	border-left: 3px solid #222;
	line-height: 20px;
}

aside#sidebar ul li a:hover
{
	background: #9C0;
	border-left: 3px solid #9C0;
	color: #111;
}

aside#sidebar p {
  margin-bottom: 30px;
}

form#p01-contact1 {
  line-height: 20px;
}

#p01-contact1_field0, #p01-contact1_field1, #p01-contact1_field2, #p01-contact1_field3, 
#p01-contact1_field4, #p01-contact1_field5, #p01-contact1_field6 {
	width: 250px;
	position: relative;
	left: 150px;
	top: -23px;
}


#p01-contact1_field7, #p01-contact1_field8, #p01-contact1_field9 {
	width: 95%;
}

input#p01-contact1_field10 {
  position: relative;
  left: 200px;
  top: -54px;
  width: 100px;
  height: 21px;
}

input.submit {
  width: 109px;
  height: 30px;
  position: relative;
  left: 382px;
  top: -82px;
}

/* End Main Styles */

/* Start Footer Styles */

footer section#footertop
{
	width: 1024px;
	line-height: 22px;
	border-top: 2px solid #5F5F5F;
}

aside.footer-column
{
	float: left;
	width: 430px;
	padding: 20px;
}

section#copyright
{
	clear: both;
	width: 1000px;
	padding: 20px;
	line-height: 22px;
	font-size: 12px;
	text-align: left;
	border-top: 2px solid #5F5F5F;
}

/* End Footer Styles */

/* Start Template Copyright Styles */

section#templatecopy
{
	clear: both;
	padding: 20px;
	line-height: 22px;
	text-align: right;
	font-size: 12px;
	border-top: 2px solid#5F5F5F;
}

section#templatecopy a
{
	font-weight: bold;
}

/* End Footer Styles */

/* Search Styles */
.search-entry-date {
  font-size: 12px;
  color: white;
}

#content ul.search-results li{
  margin-bottom: 25px;
}

#sidebar li a {
  font-size: 14px;
}

#sidebar ul.search-results .search-entry-excerpt {
  display: none;
}
