/*------------- GLOBAL SELECTORS --------------*/

html, body {
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0; padding: 0; border:0; 
	color: #999999; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	background:  #000000; }


/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 10px 15px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.yellow { color: #ff9933; }
.red { color: #ff3333; }
.blue { color: #4466aa; }
.green { color: #669933; }

ul { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0; }

p { color: #543019; font-family: Arial, Helvetica, sans-serif; text-align: left; }
ul { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #669933; outline: none; padding: 0; margin: 0; }
a:hover { text-decoration: none; color: #ff9933; }

img.products { border: 1px solid #666666; }
img { border: none; }
img.nowrap { display: block; padding: 0; margin: 0; }
img.pic { margin: 10px 20px 5px 20px; }
img.pica { 
	width: 183px; 
	height: 106px; 
	padding: 10px 15px 10px 15px; 
	margin: 5px 20px 5px 20px; 
	background: url(../images/bg_portfolio_img.jpg) no-repeat top left; }

/* - layout - */

* { margin: 0; padding: 0; }


#container
{	float: left; 
	width: 100%;
	margin: 0;
	text-align: center;
}

#page_wrapper { 
	width: 1000px;
	margin: 0 auto; 
	text-align: left;
	min-height: 100%;
	text-align: left; 
	overflow: hidden;
	background: url(../img/page_wrapper.jpg) no-repeat;
}

#container_content
{	width: 960px; height: auto;
	float: left; margin-left: 20px; margin-right: 20px;
}

/* ------ PAGE TITLE ------ */
#page_title_container
{	width: 960px; height: 60px;
	margin-top: 20px;
	margin-left: auto; margin-right: auto;
	background: url(../img/page_title_bg.jpg) no-repeat center;
}

#page_title_container h1 { font-size: 1.6em; text-transform: uppercase; color: #FFFFFF; font-weight: normal; padding: 25px 0 0 20px; }

#page_title
{	width: 400px; height: 60px; float: left; }

#page_navigation
{	width: 540px; height: 60px; float: left; }

#page_navigation ul { list-style: none; padding: 25px 0 0 0 ;}
#page_navigation ul li
{	width: auto; margin: 0;
	list-style: none; display: block;
	float: left;
	padding: 0 15px 0 15px;
	border-left: #666666 solid 1px;
}

#page_navigation ul li a { color: #666666 } 
#page_navigation ul li a:hover, #page_navigation ul li a#active { color: #CCCCCC; text-decoration: underline; } 


/* ----- END PAGE TITLE ------- */


/* ------ PAGE CONTAINER ------- */

#page_container
{	margin-left: auto; margin-right: auto;
	width: 960px; height: auto;
}

#body_content
{	width: 640px; height: auto;
	margin: 20px 0 0 20px;
	float: left;
	background: url(../img/vert_divider_1.gif) repeat-y right;
}

#product_content
{	width: 920px; height: auto;
	margin: 20px 0 0 20px;
	float: left;
}


#body_content h1 { color: #669933; font-size: 1.3em; font-weight: normal; text-transform: capitalize; }
#body_content h2 { color: #ff9933; font-size: 1.1em; font-weight: normal; padding: 15px 0 0 0;  }

#body_content p { color: #cccccc; font-size: 12px; width: 600px; line-height: 18px; margin-top: 10px; padding-bottom: 0px; }
#body_content p.pcover_1 { background: #333333; color: #cccccc; padding: 3px 5px 5px 7px; font-weight: normal; font-style: italic; }
#body_content p.pcover_2 { background: #669933; color: #000000; padding: 3px 5px 5px 7px; font-weight: 700; }
#body_content p.pcover_3 { background: #ff9933; color: #333333; padding: 3px 5px 5px 7px; font-weight: 700; }
#body_content p.pcover_4 { background: #666666; color: #cccccc; padding: 3px 5px 5px 7px; font-weight: 700; }

#body_content ul { list-style-type: none; margin: 10px 0 0 20px; }
#body_content ul li { list-style: square; padding: 5px 0 5px 0; width: 600px; line-height: 18px; }

#body_content .eventlist
{	width: 610px; height: auto;
	margin-bottom: 40px;
	float: left;
	padding-top: 10px;
    border-top: 1px dotted #333333; 	
}

#body_content .eventlist p { width: 430px; }

#body_content .eventlist .event_left { width: 160px; height: 150px; float: left; margin: 0; padding-top: 5px; }
#body_content .eventlist .event_right { width: 430px; float: right; margin: 0px; }


#side_content
{	width: 240px; height: auto;
	margin: 20px 0 0 20px;
	float: left;
}

#side_content h1 { color: #999999; font-size: 1.3em; font-weight: normal;  }
#side_content p { color: #cccccc; font-size: 12px; line-height: 18px; width: 610px; margin-top: 10px; padding-bottom: 5px; }
#side_content p.add { color: #ff9933; }

#side_content .sidebar
{ text-align: left;
  width: 240px;
  height: auto;
  float: left;
  margin: 0; 
  overflow: visible;
}
  
#side_content .sidebar ul {
	list-style-type: none;
	width: 240px;
	padding: 15px 0 20px 0;
	margin-top: 0;
}

#side_content .sidebar ul li {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 3px 15px;
	color: #616265;
	line-height: 20px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #333333; 
}

#side_content .sidebar li a
{ display: block;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #616265;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
}

#side_content .sidebar li a:hover, #side_content .sidebar li a#selected
{ display: block;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #4466aa;
  font-size: 11px;
}

/* ----- end side content ---- */

/* ------- Contact -------*/
#contact_content
{	width: 670px; height: auto;
	margin: 20px 0 0 30px;
	float: left;
	background: url(../img/vert_divider_1.gif) repeat-y left;
}

#contact_content_page
{	width: 600px; height: auto;
	margin: 0 auto 0 auto;
}

#contact_content h1 { color: #999999; font-size: 1.4em; font-weight: normal;  }
#contact_content h2 { color: #669933; font-size: 1.2em; font-weight: normal; margin-top: 20px; text-decoration: underline  }

#contact_content p { color: #cccccc; font-size: 12px; line-height: 18px; width: 610px; margin-top: 8px; padding-bottom: 5px; }

#side_contact
{	width: 240px; height: auto;
	margin: 20px 0 0 20px;
	float: left;
}

#side_contact h1 { color: #999999; font-size: 1.4em; font-weight: normal; margin-bottom: 20px; }
#side_contact h2 { color: #ff9933; font-size: 1.2em; font-weight: normal; text-decoration: underline; }
#side_contact p { color: #cccccc; font-size: 12px; line-height: 18px; width: 610px; margin-top: 8px; padding-bottom: 5px; }
#side_contact p.add { color: #ff9933; }


/* ---- end contact ---- */


/* --- gallery -- */

#content_gallery { 
	float: left; 
	width: 640px;
	margin-left: 0px;
	padding: 0;
	 }


#content_gallery h1 { font-size: 19px; color: #4466aa; margin: 0; padding: 0; font-weight: normal; }
#content_gallery h2 { font-size: 15px; color: #4466aa; margin: 0; padding: 25px 0 0px 0; font-weight: normal; }
#content_gallery h3 { font-size: 14px; color: #719500; margin: 0; padding: 10px 0 0px 0; font-weight: normal; }


#content_gallery ul { list-style-type: none; margin: 0; }
#content_gallery ul li { padding: 5px 0 0 0; font-size: 12px; list-style: none; width: 190px; }

#content_gallery p { 
	margin: 0; color: #616265; font-size: 12px; line-height: 20px; text-align: justify; padding: 10px 0 0px 0; }


#content_gallery .pthumb {
	width: 630px;
	margin: 0;
	float: left;
}

#content_gallery .pthumb h2 { font-size: 15px; color: #4466aa; font-weight: normal; padding: 0; }
#content_gallery .pthumb h3 { font-size: 14px; color: #616265; padding-bottom: 5px; font-weight: normal; }

#content_gallery .pthumb ul { list-style-type: none; margin: 0; width: 640px; }
#content_gallery .pthumb ul li { margin-top: 10px; padding: 0 12px 0 11px; display:  block; float: left; }
#content_gallery .pthumb p { margin: 0; padding: 0; }

#content_gallery .pthumb img {
	border: 2px solid #cacac8;
	height: 115px;
	width: 190px;
	margin: 0;
	padding: 0;
}


/* -- end gallery -- /*

/* ---------- END PAGE CONTAINER -------- */

/*------------- HEADER --------------*/
	
	#logo_holder { width: 960px; height: 147px; margin-left: auto; margin-right: auto; }
	#logo_holder .logo { padding-top: 20px; margin: 0; }

	#navigation_holder { width: 960px; height: 22px; }
	
/*------------- END HEADER --------------*/

/*-------- FOOTER ----------- */
#page_footer
{	padding: 0;
	margin: 20px 0 20px 0;
	width: 960px;
	height: 24px;
	float: left;
	background: url(../img/footer_bg.png) no-repeat;
}

#page_footer p { margin: 0; font-size: 1em; color:#666666; padding: 4px 0 0 10px; }


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

.clear { clear: both; }