* { 
	margin:0; 
	padding:0; 
}

html{
	overflow: -moz-scrollbars-vertical;
	font:normal 62.5%/150% arial, verdana, sans-serif;
	color:#fff;
}

body{
	background-color: #333;
  /* max-width hack for IE since it doesn't understand the valid css property */
	width: 1000px;
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  

  max-width: 1000px;

  margin: 0 auto;
	font-size:1em; /* 13px now */
	background: #FFFFFF url(../images/45degree.png) repeat;
	margin-top: 0px;
}

.textRight{
	text-align:right;
}

.container {
	width: 80%;
	float: left;
}

.menu{
	margin:0; padding:0;
	overflow:hidden; /* Clears the floats */
	width:20%; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
	/*background-color: #fff;*/
	float: right;
}          

.gallery{
	margin:0; padding:0;
	padding-top: 20px;
	overflow:hidden; /* Clears the floats */
	width:100%; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
	background-color: #1a1a1a;
	float: left;
}

.main{
	margin:0; padding:0;
	padding-top: 20px;
	overflow:hidden; /* Clears the floats */
	width:75%; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
	background-color: #1a1a1a;
	float: left;
	font-size: 1.3em;
	line-height: 120%;
	
}
        
a{
	color: #E3BB55;	

}

a:visited{
	color: #E3BB55;	

}

a:hover{
	background-color: #333;
	text-decoration: none;
	color: #fff;
}

.gallery li{
	display:inline; /* For IE so it doesn't double the 1% left margin */
	width:23.8%;
	margin:0 0 10px 1%; padding:10px 0;
	height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
	position:relative; /* This is the key */
	/*background:url(../images/45degree.png);*/
	float: left;
}
.gallery a,
.gallery img{
	display:block;
	width:100%;
}

a img{ /* A small fix */
	border:none; 
} 

.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
	padding:3px;
	background:#eeefef;
	width:75px; height:75px;
	border:2px solid #eeefef; 
	position:absolute; top:50%; left:50%; 
	margin:-41px 0 0 -41px; 
}

.gallery a:hover{
	border-color:#000;
}

.gallery{
	/*border-bottom:1px solid #fff;*/
	padding-bottom:10px;
	/*margin-top:10px;*/
	
}

.footer {
	width: 50%;
	border-top: 1px solid #333;
	/*background-color: #000;*/
	font: 1.1em arial;
	float: left;
	margin-top: 10px;
	padding-bottom: 40px;
	color: #666;
}

.sfooter {
	margin-top: 10px;
	width: 50%;
	/*background-color: #000;*/
	font: 1.1em arial;
	float: left;
	font-size: 0.8em;
	color: #666;
}

.footer p {
	/*background-color: #333;*/
}

#header {
	border-bottom: 1px solid #fff;
	/*background-color: #000;*/
}

.width50 {
	width: 50%;
	float: left;
}

.width80 {
	width: 80%;
	float: left;
}
.width10 {
	width: 10%;
	float: left;
}

.width100 {
	width: 100%;
	float: left;
}

#header .width50 {
	width: 50%;
	float: left;
}

#header .s1 {
	margin-top: 15px;
	padding: 0;
	font: 200 2.5em "times", serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #FFF;
}

#header a{
	text-decoration: none;
	background: none;
}


#header .s2 {
	position: relative;
	margin: 0;
	padding: 0;
	font: 200 0.9em "times", serif;
	letter-spacing: 2px;
	color: #666;
}

.main h1 {
	position: relative;
	margin: 0;
	padding: 0;
	/*background-color: #333;*/
	
	font: 1.5em arial;
	color: #E3BB55;	
}

.main h2 {
	position: relative;
	margin: 0;
	padding: 0;
	/*background-color: #333;*/
	
	font: 1.3em arial;
	color: #ccc;	
}

.clear {

	clear: both;

}

.dropBorder {

	border: 3px solid #E3BB55;
}



.articleTools a {
	text-decoration: none;
}

.articleTools a:hover {

}





.bold {

font-weight: bold;

}
.navigation ul { 
	list-style-type:none;
}
 
.navigation li {
	display:block; padding-left:0px
}



.navigation .title {
	display: block;
	/*#background: #4D4234 url(../images/bg_nav.gif) no-repeat right top;*/
	/*#background-color: #1a1a1a;*/
	padding: 0.8em 0em 0.8em 0.3em;
	font: 2.0em arial;
	color: #E3BB55;	
	border-bottom: 1px solid #333;
	/*border-left: 1px solid #333;*/
	text-align:  right;
}

.navigation li a,
.navigation li a:visited {
	display: block;
	border-bottom: 1px solid #333;
	border-top: 0;
	padding: 0.4em 0.4em 0.4em 0em;
	font: 1.5em arial;
	color: #fff;
	text-decoration: none;
	background-color: #1a1a1a;
	text-align: right;
}
.navigation li a:hover {
	background-color: #E3BB55;
	color: #1a1a1a; 
	border-bottom: 1px solid #1a1a1a;
}

.innerfade-title{
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 290;
	width: 100%;
	background: #00a7ee url(img/title-bg.png);
	height: 34px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: .8;
	border-top: 1px solid white;
}
.innerfade-title h2{
	color: white;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	line-height: 34px;
}
.mycontrolboxclass{
        position: absolute;
        right: 35px;
        top: 20px;
}


ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-tyle: none;
}
ul#animated-portfolio li{
        padding: 0;
}

#pointermenu2{
	margin: 0;
	padding: 0;
}

#pointermenu2 ul{
	margin: 0;
	float: right;
	font: 1.2em arial;
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
}

#pointermenu2 ul li{
	display: inline;
}

#pointermenu2 ul li a{
	float: left;
	color: white;
	font-weight: bold;
	padding: 7px 19px 7px 25px;
	text-decoration: none;
	margin-left: 5px;
	background-color: #333;
}

#pointermenu2 ul li a:visited{
	color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ 
	color: #000;
	background-color: #E3BB55;
}

.imageBox{
	width:120px;	/* Total width of each image box */
	height:230px;	/* Total height of each image box */
	float:left;
}

imageBox_theImage a:hover{
	background-color: #fff;
}
	
.imageBox_theImage a{
	background-color: #000;
}	

.imageBoxcont{
}

.imageBox_theImage{
	width:100px;	/* Width of image */
	height:150px;	/* Height of image */
	/* 
	Don't change these values *
	*/
	background-position: center center;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}

.imageBox .imageBox_theImage{
	border-bottom:1px solid #333;	/* Border color for not selected images */
	padding:2px;
}

.imageBox_label, .imageBox_label a, .imageBox_label a:visited {	/* Title of images - both selected and not selected */
	width:110px;
	text-align:center;
	font-family: arial;
	font-size:0.9em;		
	padding-top:2px;
	margin: 0 auto;
	color: #333;
	text-decoration: none;

}

.imageBox_label a:hover {	/* Title of images - both selected and not selected */
	width:110px;
	text-align:center;
	font-family: arial;
	font-size:0.9em;		
	padding-top:2px;
	margin: 0 auto;

	color: #fff;
}

#slickbox {
	background: #1a1a1a; 
	border: 1px solid #333; 
	width: 85%;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.small a{
	font-size: 0.9em;
	color: #FF6633;	
	text-decoration: none;
}

.small a:visited{
	font-size: 0.9em;
	color: #FF6633;	
	text-decoration: none;
}

.small a:hover{
	background-color: #333;
	text-decoration: none;
	color: #fff;
}


ul.lang {
	margin-right:0px;
	display:block;
	list-style-type: none;
	
	
}

ul.lang li {
	float:left;
	margin-left:5px;
	border: 0px solid #333;
	padding: 2px;
	text-align:center;
	
}

ul.lang li a,
ul.lang li a:visited {
	color: #fff;
	padding: 5px;
	text-decoration: none;
}

ul.lang li a:hover {
	color: #1a1a1a;
	background-color: #E3BB55;
}

.underline {
border-bottom: 1px solid #E3BB55; 
color: #fff;

}
/**************************************************************

   Form Elements

 **************************************************************/



label {

  display: block;
  width: 20%;
margin-top: 0px;
  font-size: 1.0em;
  float: left;

}

textarea {
	width: 100%;
	height: 10em;

}


input,

textarea,

select {

  padding: 2px;


  color: #1a1a1a;

  background: #E3BB55;

  border: 1px solid #1a1a1a;


}



input:focus,

input:hover,

textarea:focus,

textarea:hover,

select:focus,

select:hover {

  color: #000;

  background: #E3BB55;

  border: 1px solid #8E6F4B;
  

}


input.submit {

	padding-left: 20%;

}


input.button {

  padding: 2px 5px;



  font: 400 1.1em  verdana;



  color: #555;

  background: #9FF3FF;

  border-width: 1px;

  border-style: solid;

  border-color: #FFF #00DFFF #00DFFF #FFF;

}



fieldset {

	border: none;
	 border-top: 1px solid #333;
	 

}



legend {
	
	
	font-size: 1.2em;
}



/**************************************************************

   Blockquote and included icons

 **************************************************************/



blockquote {

  margin: 10px 15px;

  padding-left: 80px;
  padding-bottom: 20px;

  color: #fff;

  background-color: #1A1A1A;  

  background-image: url(../images/icons/quote.gif);

  background-repeat: no-repeat;

  background-position: 5px 50%;  
  border: 1px solid #333;

}



blockquote.exclamation {

  background-image: url(../images/icons/info.png);

}



blockquote.stop {

  background-image: url(../images/icons/stop.gif);

}



blockquote.go {

  background-image: url(../images/icons/accept.png);

}

#contactPop blockquote {
background-color: #fff;  
color: #1a1a1a;

}