@import url(http://fonts.googleapis.com/css?family=Telex);

@import url('https://fonts.googleapis.com/css?family=Poiret+One|Sofia|Raleway');

@font-face {
font-family: 'Garineldo';
src: url("Garineldo.otf") format("opentype");
}


@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 500;
  src: url(http://themes.googleusercontent.com/static/fonts/tangerine/v3/HGfsyCL5WASpHOFnouG-RLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

@font-face {
  font-family: 'charcoalc';
  font-style: normal;
  font-weight: 150;
  src: url('charcoalc.eot') format('eot'),
   url('charcoalc.ttf') format('truetype');
}


body {
  -webkit-font-smoothing: antialiased;
}


.internal{
	}
	
html{
	width: 100%;
	height:100%;
	background-color:#333;
	padding:0px;
	margin:0px;
	}	
body{
	padding:0px;
	margin:0px;
	width: 100%;
	height:100%;
        font: 12px/24px 'Poiret One',Arial,Helvetica,sans-serif;
	
	}
	
#mainwrapper{
	width: 100%;
	height:100%;
	display:table-cell;
 background:url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	color: #FFFFFF;
    font:  12px/24px 'Poiret One',Arial,Helvetica,sans-serif;
	padding:0px;
	margin:0px;
	position: absolute;
	z-index:-1;
	top:0px;
	left:0px;
	}
	
	a {
		color: #bdbdbd;
		text-decoration: none ;
                -o-transition:1s;
  		-ms-transition:1s;
 		 -moz-transition:1s;
 		 -webkit-transition:1s;
 		 /* ...and now for the proper property */
 		 transition:1s;
	}
	a:hover {
		color: #444;
		cursor: pointer;
	}
	
#maincontent{
	vertical-align:middle;
	background: url("../images/mainbg.png") no-repeat scroll 0 0 transparent;
	
	
    margin: auto auto auto auto;
    padding: 20px;
    position: relative;
    width: 1010px;
	height: 600px;
	
	}
aside#leftside{
	display:block;
	float:left;
	width: 182px;
	}
	
aside#rightside{
	display:block;
	margin-top: -5px;
	float:left;
	width: 786px;
	height:573px;
	
	}	
nav{
	
	}

nav ul#vmenu{
	margin:0px 0px 0px 2px;
	padding:0px;
	}	
	nav li.item {
    
    list-style: none outside none;
    
}
nav li a.menuitem {
    color: #BDB4B4;
    text-decoration: none;
	text-transform: uppercase;
	font: normal 11px/30px 'charcoalc';
        -o-transition:1s;
  	-ms-transition:1s;
 	-moz-transition:1s;
 	-webkit-transition:1s;
 	/* ...and now for the proper property */
 	transition:1s;
}

nav li.item a:hover {
    color: #91A9B2;
    text-decoration: none;
}


li {
    color: #FFFFFF;
}
	
#contnt.smallheight
{
width:800px;
height:0px;
background:red;
transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */
behavior: url(ie-css3.htc);/* ie css */

}



/*div:hover*/
#contnt.expan
{
 height:500px;
}

.dimbackground{
	
	background: #fff;
    background: rgba(255,255,255,0.9);
}


.dim {
	background-color:#000000;
   opacity: 0.5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   -o-transition: opacity .25s ease-in-out;
   behavior: url(ie-css3.htc);/* ie css */
   }

.fadeout {
      opacity: 0;
      }
   
.fadein {
      opacity: 1;
      }
	  
.backgroundimage{
	
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out; 
   -o-transition: opacity .25s ease-in-out;
   behavior: url(ie-css3.htc);/* ie css */
   	
	}
	
	
.backgroundhide{
	display: none;
	opacity: 0;
	}
	
.backgroundshow{
	display: block;
	opacity: 1;
	}
	
#contentsarea{
	width: 786px;
	height:573px;
	position:relative;
	}
#slideimage_container	{
	width: 786px;
	height:573px;
	position:absolute;
	}
.slide{
	width: 786px;
	height:573px;
	opacity:1;
	}
.contents{
	display:none;
	/* Fallback for web browsers that doesn't support RGBa */
border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-top-right-radius:10px;
-webkit-border-top-right-radius:10px;
-0-border-top-right-radius:10px;
behavior: url(ie-css3.htc);/* ie css */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  
   /*top: 165px;*/
   width: 786px;
   height: 392px;
   
   position: absolute;
   bottom:0;
   
}
   
   
.content_container {
	
	position: absolute;
  top:15px;
  left:202px;
   width: 786px;
   height: 573px;
 
 z-index:9;
 color: #ffffff;
	}  
   
 .contenttext{
	
	 
	 margin: 0px;
	 padding: 0px;
	 padding-right: 50px;
	 width: 735px;
   	 height: 392px;
   overflow:auto;
   
	 } 
	
	 .contenttext span{
		margin-left: 30px; 
		 } 	
	
	p.dynatext{
		margin: 0px !important;
		padding: 0px !important; 
		padding-left: 30px !important; 
	}
	
	span.dynatext{
		margin: 0px !important;
		padding: 0px !important;
	}

span.dynatext:empty{
		margin: 1em !important;
		padding: 0px !important; 
		padding-left: 30px !important; 
	}
	
	.contenttext li {padding-left: 30px !important;}
	
.contenthide{
	display: none;
	opacity: 0;
	}
	
.contentshow{
	display: block;
	opacity: 1;
	}
	
.hide{
	display: none;
	opacity: 0;
	}
.show{
	display: block;
	opacity: 1;
	}
	
	
	
	
.aboutusCont p, form {
    margin-left: 30px;
	margin-bottom: 15px;
    padding-right: 20px;
    padding-top: 0px;
    text-indent: 0;
}
p, p span, p span b {
    font: 14px/20px 'Raleway',Arial,Helvetica,sans-serif !important;
    margin: 0 0 30px !important;
    text-indent: 0px !important;
}

#formdiv {float:right; width:60%;}

.aboutusCont h1 {
    font-size: 35px;
    font-weight: 100;
	margin-top: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
	margin-bottom: 25px;
	color:#fff;
    text-transform: uppercase;
}
.aboutTitle {
	
    font-size: 45px;
    padding: 0 0 0 30px;
}

#loader{display: block; margin:auto;float:inherit; width:150px; top:200px; position:relative;
}

#loader .logo{ position:absolute; top:0px;
}
#loader .loading{  position:absolute; top:60px;left: -15px;
}
/*footer css*/
#footer		{display: block;
    float: left;
    margin-top: 8px; }
.socialLinks		{ width:180px; float:left; margin-top:-2px;}
.socialLinks img	{ padding-left:5px; border:0px;}
.teamBlog			{ width:290px; float:left; margin-top:-5px;}
.teamBlog ul 		{ margin:0; padding:0;}
.teamBlog li 		{ display:inline; font:bold 11px/0px Arial, Helvetica, sans-serif; list-style:none; text-transform:uppercase; padding-left:10px; color:#fff}
.teamBlog li a		{  text-decoration:none; color:#bdb4b4; font-family: charcoalc; font-weight:normal;}
.teamBlog li a:hover	{ color:#91A9B2}
.copyright {
	width: 490px;
	float: left;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
	color: #bdb4b4;
	font-family: charcoalc;
	font-weight: normal;
	line-height: 1.3;
}
	line-height: 1.3em;
	text-transform: uppercase;
}
.imgRabbit	{ bottom: 70px; left: 505px;position: relative;}

a.hidecontent{
	color: #fff;
	text-decoration:none;
	}
	
a:hover.hidecontent{
	color: #fff;
	text-decoration:none;
	}
	
nav li a.menuitem span { font-size: 14px; }	
	
/* input and form CSS */

input[type="text"], textarea, select {
  display: block;
  margin: 0;
  width: 100%;
  font-size: 16px;
  color: #d7d7d7;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background-color: #333333;
  outline: none;
  padding: 5px;
  border: none;
}

#rform input[type="text"], 
#rform textarea, 
#rform select, 
#rform input[type="submit"] { 
  margin: 1px; 
}

input[type="submit"] { 
  border-radius: 5px;
  font-size: 16px;
  color: #d7d7d7;
  appearance: none;
  box-shadow: none;
  background-color: #333333;
  outline: none;
  padding: 5px 10px;
  border: none;
}

input[type="submit"]:hover { 
  color: #dddddd;
  background-color: #999999;
}

select { height: 30px; }

input[type="text"]:focus, textarea:focus, select:focus {
  outline: none;
}
	
label.error { color: red; }