/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/

html, body, form 	{ margin:0px;
					  padding:0px;
					  height:100%; }

body 	{ color: #595857;
	  font: 12px Arial, Verdana, sans-serif;
	  margin:0px;
	  padding:0px;
	  height:100%; 	}

.bg1 	{ background: url(../images/bg1.png); }
.bg2 	{ background: url(../images/bg2.png); }
.bg3 	{ background: url(../images/bg3.png); }
.bg4 	{ background: url(../images/bg4.png); }


p	{ font: 14px Arial, Verdana, sans-serif;
	  line-height:20px;	}

span	{ font: 14px Arial, Verdana, sans-serif;
	  line-height:18px;	}

div	{ font: 14px Arial, Verdana, sans-serif;
	  line-height:18px;	}

table, table p	{ font: 14px Arial, Verdana, sans-serif;
		  line-height:18px;	}

tr, tr p	{ font: 14px Arial, Verdana, sans-serif;
		  line-height:18px;	}

td, td p	{ font: 14px Arial, Verdana, sans-serif;
		  line-height:18px;	}




h1 	{ font: bold 30px Arial, Verdana, sans-serif;
	  color: #595857;	
	  margin-bottom: 20px;	}

h2 	{ color: #595857;	
	  font: bold 14px Arial, Verdana, sans-serif;
	  padding:10px 0px 6px 0px;
	  border-bottom: 1px solid #fff;	}

h3 	{ font-weight:bold;	}

a 	{ color: #004282;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

.parent { display: block;
	  min-height: 100%;
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 0;
	  background: url(../images/bggradient.png) repeat-x; }

div#container	{ margin:0 auto;
				  position:relative;
				  height:auto;
				  width:100%;
				  padding-bottom: 210px; }

div#containerpage	{ margin:150px auto 0 auto;
			  position:relative;
			  height:auto;
			  width:736px; }


/* ------------------------------------------------
	
-------------------------------------------------*/


	#topleft  { margin:0px 0px 0px 0px;
		    padding:0px 0px 0px 0px;
		    display:block;
		    width:394px;
		    height:389px;
		    line-height: 1.5em;
		    font-family: verdana;
		    background: url(../images/logo.png) no-repeat 0px 0px; }

		#topleft a { color:#fff; 
			     font:12px arial, verdana, sans-serif; }

		.padding { display:block;
			   padding:0px 0px 30px 0px; }
		
		
		#topleft h2 { float:left;
			      display:block;
			      width:275px;
			      margin:0px 0px 10px 0px; }

		span.small { float:left;
			     display:block;
			     width:90px;
			     height:22px;
			     padding:10px 0px 0px 0px;
			     text-align:right;
			     line-height:18px !important;
			     color:#fff;
			     font:11px arial, verdana, sans-serif;
			     border-bottom: 1px solid #fff; }
		
		.googlefield { float:left;
			       width:318px;
			       height:27px;
			       margin:0px 0px 0px 0px;
			       border:none;
			       background: url(../images/google.png) no-repeat 0px 0px; }

		.searchbtn { float:left;
		 	     margin:5px 0px 0px 5px; }

	

	#topright { padding: 0;
				margin: 0;
				top: 0;
				right: 0;
				position: absolute;	
				width: 900px;
				overflow: hidden; }

		#topright .content { float:right;
							 padding:0px 0px 0px 0px;
							 line-height: 1.5em;
							 font-family: verdana;
							 overflow:auto; }

	#content { display:block;
			   width: 544px;
			   margin:-190px auto 0px auto;
			   padding:44px;
			   background:#f0ede5; }


	#submenu { display:block;
			   width: 100%;
			   margin:0px auto;
			   padding:0px; }

		#submenu ul  { margin:0px auto;
		  	    	   padding:0px;
					   width:auto;
					   text-align:center; }

			#submenu li  { display:inline-block;
						   width:203px;
						   height:203px;
						   margin:0px auto 21px auto;
			  	       	   padding:0px 10px; }

			#submenu li a { width:auto;
							display:block;
							color:#696969;
							font:18px courier new, "times new roman", times, serif;	
						    background:#fff;
						    text-align:center; }
							
			#submenu li p { color:#696969;
							font:18px courier new, "times new roman", times, serif;}

			#submenu ul.gallery li a { width:203px;
						   padding:0px; }

			#submenu ul.gallery img { display:block;
						  width:203px;
						  height:203px; }

			#submenu li a:hover { text-decoration:none;
					      color:#fff;
					      background:#434343; }
			#submenu li a:hover span { color:#fff; }

  	   	
				#submenu li a blockquote { display: table;
										   width:203px;
										   height: 203px;
										   border:none;
										   text-align:center;
										   font-weight:normal;
										   cursor:pointer;
										  *display: block;
										  *position: relative;  }			 
						
	 			#submenu li a blockquote span { display: table-cell;
										 		  width:203px;
												vertical-align: middle;
												cursor:pointer;
												color:#696969;
											    text-align:center;
												font:18px courier new, "times new roman", times, serif;	
											   *display: block;
											   *position: absolute;
											   *left: 0px;
											   *width: 100%;
											   *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
					#submenu li a blockquote span span { display: inline;
									     vertical-align: baseline;
									     position: relative;
									     left: auto;
									     width: auto;
									     top:auto; }	
	

#bottomright {	padding: 0;
				margin: 0;
				bottom: 0;
				right: 0;
				position: absolute;	
			    width: 400px;
		        height: 30px;
				overflow: hidden;}

#bottomright  { font-size:11px;
				 color:#000;
			     filter:alpha(opacity=10);
			     /* CSS3 standard */
			     opacity:0.2;
			     /* for Mozilla */
			     -moz-opacity:0.2; }
#bottomright p { font-size:11px;
				 color:#000; }
#bottomright a { color:#000; }

/* ------------------------------------------------
	
-------------------------------------------------*/

#mainimg { float:left;
	   display:block;
	   width:400px;
	   margin:0px -20px 0px 0px; }

#maintext { float:left;
			display:block;
			width:356px;
			margin:20px 0px 0px 0px; }

	#maintext h2 { padding:0px 0px 10px 0px; }

	#maintext p { padding:10px 0px 30px 0px;
		      line-height:18px !important;
		      font:11px arial, verdana, sans-serif; }

	#maintext table { margin:10px 0px 30px 0px; }

	#maintext table, #maintext tr, #maintext td { line-height:18px !important;
		   				       font:11px arial, verdana, sans-serif; }

#maintext .col1 { float:left;
		  display:block;
		  width:170px;
		  margin:0px 35px 0px 0px; }

#maintext .col2 { float:left;
		  display:block;
		  width:150px;
		  margin:0px 0px 0px 0px; }

span.contact { font-size:30px; }
/* ------------------------------------------------
	
-------------------------------------------------*/

#container2 {
		min-height:100%;
		position:relative;
	}
	#body {
		padding:0px;
		padding-bottom:30px;	/* Height of the footer */
	}
	#footer {
		clear:both;
		position:absolute;
		bottom:0;
		width:100%;
		padding:0px 0px 0px 0px;
		height:30px;			/* Height of the footer */
	}
	/* other non-essential CSS */


#footer { /*background: #efefef url(../images/footer.jpg) repeat-x top;*/
	  position: absolute;
	  left: 0px;
	  bottom: 0px;
	  width: 100%;
	  display: block;
	  height: 30px;
	  z-index: 999;
	  padding: 0px;
	  margin: 0px;
	  text-align:right; }
	  
	#footer p { display:block;
				height:24px;
				padding:6px 20px 0px 0px;
				color:#f1eee6;
			    font-size:11px; 
				background:#434343;}
	#footer a { color:#f1eee6; }



/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:380px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 380px;
}