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

/*======================= Define Layout ========================*/

body{
	background:#ffffff url(images/bgstrip.jpg) repeat-x;
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	font-size:10px;
	}
	
#wrapper{
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	padding:0px;
	width:770px;
	}
#header{
	width:729px;
	background:#fff url(images/wrapBg.jpg) no-repeat;
	height:222px;
	}
#head_menu{
	width:729px;
	margin-left:29px;
	background-color:#FFF;
	}
#pages{
	margin-left:29px;
	padding:0;
	background-color:#f7f7f7;
	width:729px;
	}	
#panel{
	width:732px;
/*	margin:29px;*/
	}
#gallery{
	clear:both;
	margin-left:200px;
	width:600px;
	text-align:right;
	padding:7px;
	}
#footer{
	clear:both;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	color:#000;
	margin-left:200px;
	width:500px;
	text-align:right;
	padding:7px;
	}
ul,li{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	}
/*======== CLEARING FIX ================================*/
.clearfix:after {        
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;} 

.clear{
clear:both;
	}

/*======== PAGE COLUMNS ================================*/
#col_left{
	float:left;
	width:372px;
	padding:15px
	}
#col_right{
	float:right;
	width:278px;
	padding:15px
	}
	
#col_left_contact{
	float:left;
	width:490px;
	padding:15px
	}
#col_right_contact{
	float:right;
	width:230px;
	padding:15px
	}
#col_left_gallery{
	float:left;
	width:650px;
	padding:15px;
	height: 520px;
	margin-bottom: auto;
	}
	
/*======== TYPOGRAPHY ================================*/
p.generic{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	}
.hilites{
	color:#cf712c;
	}
/*======== IMAGES ================================*/
img.wrap{
	margin:0px 7px 0px 0px;
	border:2px solid #ccc;
	}