* {
	margin: 0px;
	padding: 0px;
}
body {
    background: #ffffff;
	font:  normal 12px  Arial,Monaco, Courier, monospace;
	color: #7f7f7f;
	line-height: 133%;
}
ul,li{
	
	list-style-type: none;
	
}	

img {
	max-width:100%; 
	height:auto;
	
	}
	
#container_left {
	
		display: block;
		position: fixed;
		float: left;   
		*float: none;
		left: 0;
		top: 0;
		width: 90px;
		height: 100%;
		padding: 0 20px;
		background: #666;/*#C1F0F6;*/
		z-index: 0;
		border:#000;
	}
#container_right {
	
		display:block;
		float: left;
		width: auto;
		margin: 20px 20px 10px 210px;
		padding: 15px 0 0 0;
		z-index: 1;
		border:#000;
		
	}	
#logo{
	border-radius:2px;
	width:150px;
	height:150px;
	display: block;
	margin: 30px 3px 30px 0px;
	padding:10px 10px 1px 1px;
	background-color: #FFA500;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
  	box-shadow: rgba(0,0,0,0.5) 0px 1px 3px; 
  	
}

#logo:hover  {
	
	border-radius:3px;
	background-color: #EE9A00/*#1a5c65*/;
	-webkit-transition: background 0.9s ease-in-out;
    -moz-transition: background 0.9s ease-in-out;
    -o-transition: background 0.9s ease-in-out;
    -ms-transition: background 0.9s ease-in-out;
    transition: background 0.9s ease-in-out;
    -webkit-transition: box-shadow 0.9s ease-in-out;
    -moz-transition: box-shadow 0.9s ease-in-out;
    -o-transition: box-shadow 0.9s ease-in-out;
    -ms-transition: box-shadow 0.9s ease-in-out;
    transition: box-shadow 0.9s ease-in-out;
   -webkit-box-shadow: rgba(0,0,0,0) 0px 0px 0px;
	-moz-box-shadow: rgba(0,0,0,0) 0px 0px 0px;
  	box-shadow: rgba(0,0,0,0) 0px 0px 0px; 
}
.menu li a{
    color: transparent;
    display: block;
    padding-bottom:3px;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #fff;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu:hover li a{
    text-shadow: 0px 0px 3px #fff;
}
.menu li a:hover{
	font-size:larger;
    color: orange;
    text-shadow: 0px 0px 0px #666;
    padding: 0px 0px 20px 0px;
}
/*this is the new stuff*/
.menu li ul {
	/*position: inline;*/
	left: 1px;
	top: 0;
	display: none;
	}
.menu ul li a {
	display: block;
	text-decoration: none;
	
	padding-left: 5px;
	
	}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%; }
/* End */
.menu li:hover ul { 
	display: inline;
	
 }
	/*#1a5c65*/
/*form stuff*/
p{
	font-size:15px;
	padding:10px;
}
.about{
	margin:65px 0px 5px 30px;
	padding: 10px 10px 10px 10px;
}
form{
	margin:10px 20px 10px 20px;
	padding: 10px 20px 10px 10px;
}
form ul{
    list-style-type: none;
}

form ul li{
    margin: 15px 0;
}

form label{
    display:block;
    padding:5px;
    
}

form input, textarea {
	margin:12px;
    padding:5px;
    border: #ccc 3px solid;
    width: 200%;
    
}

input[type=submit], form a {
	border:#666;
	margin-right:1em;
	padding:6px;
	text-decoration: none;
	font-size:12px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#ccc;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
   border:#666;
   
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
	/*-moz-box-shadow:0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;*/
	
}
input[type=submit]:hover, form a :hover{
	background:#666;
	cursor:pointer;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0px 2px 0px 15px;
	/*display: block;
	float:left;
	margin: 1% 0 1% 1.6%;*/
}
.col2 {
	display: block;
	float:left;
	margin: 0px 29px 0px 0px;
	/*display: block;
	float:left;
	margin: 1% 0 1% 1.6%;*/
}
.col3 {
	display: block;
	float:left;
	margin: 1px 0px 0px 5px;
	/*display: block;
	float:left;
	margin: 1% 0 1% 1.6%;*/
}
/*.col {
	display: block;
	float:left;
	margin: 0px 2px 0px 10px;
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col2 {
	display: block;
	float:left;
	margin: 0px 60px 0px 10px;
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;*/
}
/*.col {
	display: block;
	float:left;
	margin: 10px 50px 0px 10px;
	/*display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}*/
.col:first-child { margin-left: 0; }

/*  GRID OF Two  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.1%;
}

.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}
/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
}
/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.92%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
	.span_1_of_7 {
		width: 100%; 
	}
}
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
#contact{
margin: 10px 10px 10px 50px;
	padding:10px 3px 10px 15px;
}
#contact img{
	max-width:87%; 
	height:auto;
	/*padding: 10px 0px 20px 100px;*/
	
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
   	border:#666;
   	
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
  	-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
  	box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
}
	
/**** Clearfix ****/
/*.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }*/
/*#footer{
	position:absolute;
	font-size:10px;
	clear: both;
	text-align: right;
	padding-right:5px;
	margin:5px;
}*/
#footer{
	margin:10px 0px 0px 0px;
    position:fixed;
    left:0px;
    bottom:0px;
    
    width:100%;
   
    text-align: right;
}
/*#footer{
	position:fixed;
	font-size:10px;
	clear: both;
	text-align: right;
	left:0px;
    bottom:0px;
    height:30px;
    width:100%;
}*/

a {text-decoration:none
}

			
	
	
div.img
  {
  margin:1px;
  border:1px solid #ffffff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:0px;
  border:5px solid #ffffff ;
  }
div.img a:hover img
  {
   	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
  	box-shadow: rgba(0,0,0,0.5) 0px 1px 5px; 
  }
div.desc
  {
  text-align:left ;
  font-weight:normal ;
  width:400px ;
  margin:2px ;
  }