@charset "utf-8";
/* CSS Document */

@import url(reset.css);

/**********************************************
	HTML's Labels                              
***********************************************/ 

body
{
 background:url(../images/repeat_x_y.jpg) scroll repeat center 163px;
 
 font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:13px;
 line-height:20px;
}

h2
{
 margin:6px 0 4px 0;
 font-size:16px;
 line-height:18px;
 font-weight:bold;
 color:#e2001a;
}

h3
{
 margin:18px 0 4px 0;
 font-size:14px;
 line-height:17px;
 font-weight:bold;
 color:#000000;
}

h4
{
 margin:5px 0 12px 0;
 font-size:13px;
 line-height:17px;
 font-weight:bold;
 color:#000000;
}

p {margin:4px 0 23px 0}

ul, ol {margin:5px 0px 18px 32px}
ul li {list-style:square outside}
ol li {list-style:decimal outside}

a
{
 text-decoration:underline;
 color:#000000;
}

em {font-style:italic}
strong {font-weight:bold}

/**********************************************
	General Structures                         
***********************************************/
#outsidePageWrapper
{
 background:url(../images/bg_page.jpg) scroll repeat-x center top;
}

#pageWrapper
{
 margin:0 auto;
 width:1000px;
}

/*------------- header ----------------*/

#header
{
 overflow:hidden;
 width:1000px;
 height:194px;
}

* + html #header
{
 position:relative;
 left:1px;
}


/*------------- content ----------------*/
#content
{
 overflow:hidden;
 width:1000px;
 background:transparent url(../images/repeat_y_content.jpg) scroll repeat-y center 214px;
}

#contentInside
{
 background:transparent url(../images/content_bg.jpg) scroll no-repeat center top;
}

#content .mainMenu
{
 float:left;
 width:185px;
}

#content .mainContent
{
 float:left;
 padding:0 18px 0 25px;
 width:388px;
 min-height:478px;
 z-index:0;
}

* html #content .mainContent
{
 height:478px;
}

#content .secondContent
{
 float:left;
 min-height:478px;
 width:329px;
 padding:0 0 0 23px;
 background:#ccccfe url(../images/rightColumn.jpg) scroll no-repeat right top;
 z-index:0;
}
 
* + html #content .secondContent
{
 margin:0 0 0 1px;
} 

/*******************************************************************************
 Feature block
*******************************************************************************/
div#content div.feature {
	background-color: #3300fb;
	color: #ffffff;
	padding: 10px;
	margin: 0 0 1em 0;
}

div#content div.feature h2 {
	margin: 0 0 4px 0;
	padding: 0;
	color: #ffffff;
}

div#content div.feature div.pair {
	overflow: hidden;
	margin: 0 0 4px 0;
}

* html div#content div.feature div.pair {
	overflow: visible;
	height: 1px;
}

div#content div.feature div.pair label {
	float: left;
	width: 50px;
}

div#content div.feature div.pair span.field {
	display: block;
	margin: 0 0 0 50px;
}

div#content div.feature p {
	margin: 0 0 4px 0;
}

/*------------- footer ----------------*/
#content .footer
{
 clear:both;
 height:26px;
 width:614px;
 margin:0 32px 0 185px;
 padding:0 85px;
 background:#0000fc;
 
 color:#ffffff;
 font-size:11px;
 line-height:26px;
}


/*******************************************
 	Common Styles
********************************************/



/*******************************************
 	Specifics structures
********************************************/
/*------------------------------------------
	header
--------------------------------------------*/

#header img.flag
{
 display:block;
 float:left;
 width:285px;
 height:194px;
}

* html #header img.flag
{
 position:relative;
 left:1px;
}

#header h1
{
 display:block;
 float:left;
 width:600px;
 height:194px;
 background:url(../images/header_title.png) scroll no-repeat left top;
}

#header h1 span
{
 display:none;
}

#header img.logo
{
 display:block;
 float:left;
 width:115px;
 height:194px;
}

/*············ Intro ············*/
/*------------------------------------------
	content
--------------------------------------------*/
/*············ mainMenu ············*/
/*
#content .mainMenu
{
 float:left;
 width:185px;
}
*/
#content .mainMenu ul
{
 margin:0;
 padding:35px 0 0 0;
}

#content .mainMenu ul li
{
 margin:0 0 7px 0;
 list-style:none;
 line-height:0;
}

#content .mainMenu ul li a, #content .mainMenu ul li.active a
{
 display:block;
 background:transparent url(../images/menu_item_bottom_1.png) scroll no-repeat left bottom;

 text-decoration:none;
 font-weight:bold;
 line-height:0;
} 

#content .mainMenu ul li a span
{
 display:block;
 padding:6px 12px 7px 4px;
 background:transparent url(../images/menu_item_top_1.png) scroll no-repeat left top;
 
 font-size:12px;
 color:#ffffff;
 line-height:19px;
 text-align:right;
 text-decoration:none; 
}

#content .mainMenu ul li a:hover, #content .mainMenu ul li.active a
{
 display:block;
 background:transparent url(../images/menu_item_bottom_2.png) scroll no-repeat left bottom;
} 

#content .mainMenu ul li a:hover span, #content .mainMenu ul li.active a span
{
 display:block;
 background:transparent url(../images/menu_item_top_2.png) scroll no-repeat left top;
}


/*············ mainContent ············*/
/*
#content .mainContent
{
 float:left;
 padding:0 18px 0 25px;
 width:388px;
}
*/
#content table
{
  width: 100%;
}

#content tr
{
  vertical-align: top;
}

#content td
{
  padding: 10px 0 0 0;
}
/*············ secondContent ············*/
/*
#content .secondContent
{
 float:left;
 width:329px;
 padding:0 0 0 23px;
 background:#ccccfe url(../images/rightColumn.jpg) scroll no-repeat right top;
}
*/

#content .secondContent img.photoShadow
{
 display:block;
 width:302px;
 height:276px;
 padding:7px 11px 11px 3px;
 background:url(../images/rightcolumns_image.jpg) scroll no-repeat left top;
}

#content .secondContent p
{
 width:308px;
}

/*············ footer ············*/
/*
#content .footer
{
 clear:both;
 height:26px;
 width:614px;
 margin:0 32px 0 185px;
 padding:0 85px;
 background:#0000fc;
 
 color:#ffffff;
 font-size:11px;
 line-height:26px;
}
*/

#content .footer p
{
 margin:0;
 text-align: center;
}
#content .footer a
{
 text-decoration:underline;
 color:#FFFFFF;
}
#photogallery
{
width: 740px;
z-index:9;
}
#photogallery h1, #photogallery h2
{
 margin:6px 0 4px 0;
 font-size:16px;
 line-height:18px;
 font-weight:bold;
 color:#e2001a;
}
#photogallery table
{
background-color: #FDF1F2;
width:100%; 
margin:0;
padding:0;
}
#photogallery tr, #photogallery td
{
  margin:0;
  padding:0;
}