@charset /* Reset defaults (no need to edit)*/ "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	text-align: center;
}:focus{outline:0}ol,ul,li{list-style-type:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}
/* End Reset defaults (no need to edit above this line)*/

/*Import Custom Styles */

/**************************** Site Structure *****************************/

html {
	font-size: 100%;
}

@font-face {
	font-family: GeosansLight;
	src: url('../fonts/GeosansLight.ttf');
}

@font-face {
	font-family: GeosansLight;
	font-weight: bold;
	src: url('../fonts/GeosansLight.ttf');
}

body {	font-family: Arial, Helvetica, sans-serif;
		font-size: .875em;
	    line-height: 1.6em;
		background: url(../img/pattern5.png) #efefef;
		color: #666;
}
 
#container {
	width: 960px;
	font-size: 1em;
	padding: 0 20px 20px 20px;
	background: #FFF;
	margin: auto;
	position: relative;
	border-radius: 5px;
	clear: both
}

#header {position: relative; margin: auto; width: 980px}

#logo {float:left; padding: 20px 0;}

.wrap-articles {margin-left: -30px;}

.post-box {width: 388px; background: #f0f0f0; float: left; border: 1px solid #CCC;
           position: relative;
			border-radius: 5px; 
			-webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px #888888;
			height: 200px; 
			padding: 10px 22px; 
			margin: 0 0 30px 30px
}

.content {}


#footer {font-size: .8em; padding: 0; margin: 0 0 10px 0; clear: both; text-align: center;}

/**************************** Text formatting *****************************/


.no_display {display: none;}

h1, h2, h3 { font-family: GeosansLight, sans-serif; }

h1 {font-size: 4em; padding: .7em 0; color: #000 }

h2, h3, h4, h5, h6 {margin: 15px 0; color: #000; font-weight: normal}

h2 {font-size: 2em}

h3 {font-size: 2em}

h4 {font-size: 1.2em; font-weight: 700}


p {
	padding: 10px 0;
	font-size: 1em;
	text-align: center;
}

.excerpt {font-size: 1.4em; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 30px;}

.block_intro {
	background: #2b323d;
	padding: 30px;
	margin-bottom: 30px;
	font-size: 2em;
	line-height: 1.2em;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: .15em
}


small {font-family: Georgia, "Times New Roman", Times, serif; color: #999}

strong {font-weight: bold; font-size: 1.2em}

em {font-style: italic;}

a {color: #0096ff; text-decoration: none}

#container ul, #container ol {margin: 0 20px 20px}
#container ul li {list-style:disc}
#container ol li {list-style: decimal}

blockquote {margin: 20px 0; border: 1px dotted #999; background: #f0f0f0; padding: 0 20px}

/* Lists *

dt {font-size: 1.4em;}
dd {margin-bottom: 30px; font-size: 1em; color: gray; border-bottom: 1px dotted gray; padding-bottom: 30px;}

/**************************** Tables *****************************/

table {
	background:#ccc;
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	font-size: 12px;
	margin:20px 0;
	border-collapse: separate;
	border:#ccc 1px solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.4);}
	
table th {padding:14px 20px}

table td {
	background-image: -o-linear-gradient(rgb(242,242,242),rgb(222,222,222));
	background: -moz-linear-gradient(center top , #f2f2f2, #dedede) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dedede));
	padding: 10px 10px
}

.featured-column {}


table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px}
	
table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
}

/**************************** Forms *****************************/

.p_forms {margin: 0;}

fieldset {border: 1px solid gray; padding: 20px;}

legend {padding: 0px 10px; border: 1px solid gray; font-weight: 700}

label {font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #666}

input {margin-bottom: 10px}

textarea {width: 70%; height: 100px; margin-bottom: 10px}

select {margin-bottom: 20px}


/**************************** Gallery *****************************/

#gallery {

	margin-left: -13px;
	overflow: auto;
	padding-bottom: 18px;
	position:static;
}

.float_left {
	float: left;
	background: #1A1A1A;
	height: 170px;
	width: 175px;
	border: 1px solid #CCC;
	box-shadow: 3px 3px 3px #e3e3e3;
	margin: 0px 0px 13px 13px;
	padding-top: 9px;
	text-align: center;
}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}



#navcontainer_gallery
{
padding-left: 0;
margin-left: 0;
background: #1d232c;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer_gallery li
{
display: inline;
padding: .5em 1em;
background: #0404040;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #101010;
}

#navcontainer_gallery li a
{

color: White;
text-decoration: none;
}

#navcontainer_gallery ul li a:hover
{
background-color: #369;
color: #fff;
}

/************************** Dim Lights **************************************/

        #movie {position:relative; z-index:102;}
		
        #description { float:left; width:320px;border:solid 1px #dcdcdc; padding: 10px 20px;}
		
        #command { position:relative; height:0px; display:block; margin: 0 0 0 0;}
		
        .lightSwitcher {position:absolute; z-index:999; top: -13px; left: -12px; 					

		display: block;
		padding: 0 4px;
		width: auto; /* IE 7 input button fix */
		overflow: visible; /* IE7 input button fix */
		text-decoration: none;
		outline: none; 
		cursor: pointer;
		
		font-size: 8px;
		text-transform: uppercase;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #adadad;
		
		color: #000000; 
		background: #ffffff 0 0 no-repeat;  
		text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
}
						
        .lightSwitcher:hover {text-decoration:none;}
		
        #shadow {background: rgb(0, 0, 0) ; opacity: 0.9; position:absolute; left:0; top:0; width:100%; z-index:100;}
		
        .turnedOff {
				  display: block;
				  padding: 0 4px;
				  width: auto; /* IE 7 input button fix */
				  overflow: visible; /* IE7 input button fix */
				  text-decoration: none;
				  outline: none; 
				  cursor: pointer;
				  
				  font-size: 8px;
				  
				  -webkit-border-radius: 3px;
				  -moz-border-radius: 3px;
				  border-radius: 3px;

				  text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
				  border: 1px solid #000000;
				  color: #EAEAEA;
				  background: #000000 url(../img/grad-black.svg) 0 0 no-repeat;
				  
				  background: -moz-linear-gradient(top, #878787 0%, #515151 50%, #000000 51%, #131313 100%); 
				  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(50%,#515151), color-stop(51%,#000000), color-stop(100%,#131313));
}
		
	    #clickHere {position:absolute; top: -25px; left:130px;}



/**************************************************************************************/
/*------------------------------------- Buttons -------------------------------------*/
/************************************************************************************/

.button {
	  display: inline-block;
	  margin-top: 10px;
	  padding: 4px 8px;
	  width: auto; /* IE 7 input button fix */
	  overflow: visible; /* IE7 input button fix */
	  text-decoration: none;
	  outline: none; 
	  cursor: pointer;
	  
	  -webkit-border-radius: 6px;
	  -moz-border-radius: 6px;
	  border-radius: 6px;
	  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
	  -moz-transition: -moz-box-shadow 0.3s ease-in-out;
	  -o-transition:  background-color 0.3s ease-in-out;
	  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.button:active {
	  position: relative;
	  top: 1px;
}

.button_small {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #E0E0E0);
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #555555;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 0 8px;
    text-decoration: none;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
}



/**************************************************************************************/
/*---------------------------------- Button Colors ----------------------------------*/
/************************************************************************************/

.white {
border: 1px solid #adadad;
color: #000000;
background: #ffffff 0 0 no-repeat;

text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
}

.white:hover {
color: #000000;
background: #ededed 0 0 no-repeat;

background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); 
-webkit-box-shadow: 0 0 12px #cccccc;
-moz-box-shadow: 0 0 12px #cccccc;
box-shadow: 0 0 12px #cccccc; 	
}

.black {
border: 1px solid #000000;
color: #ffffff;
background: #000000 url(../img/grad-black.svg) 0 0 no-repeat;

background: -moz-linear-gradient(top, #878787 0%, #515151 50%, #000000 51%, #131313 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(50%,#515151), color-stop(51%,#000000), color-stop(100%,#131313));
}

.black:hover {
color: #ffffff;
background: #333333 url(../img/grad-black-hover.svg) 0 0 no-repeat; 	
	
background: -moz-linear-gradient(top, #b7b7b7 0%, #828282 50%, #333333 51%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(50%,#828282), color-stop(51%,#333333), color-stop(100%,#444444));
-webkit-box-shadow: 0 0 12px #666666;
-moz-box-shadow: 0 0 12px #666666;
box-shadow: 0 0 12px #666666; 	
}

.orange {
border: 1px solid #d19900;
color : #ffffff;
background: #f8b500 0 0 no-repeat;

text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));	
}

.orange:hover {
color : #ffffff;
background: #f7c331 0 0 no-repeat;

background: -moz-linear-gradient(top, #fcf8ed 0%, #fcdb81 50%, #f7c331 51%, #faecc5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf8ed), color-stop(50%,#fcdb81), color-stop(51%,#f7c331), color-stop(100%,#faecc5));	
-webkit-box-shadow: 0 0 12px #f7c331;
-moz-box-shadow: 0 0 12px #f7c331;
box-shadow: 0 0 12px #f7c331; 		
}

.blue {
border: 1px solid #1883a3;
color: #ffffff;
background: #21b4e2 0 0 no-repeat;

text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed));
}

.blue:hover {
color: #ffffff;
background: #4fc1e3 0 0 no-repeat;

background: -moz-linear-gradient(top, #e6ebed 0%, #a1dbf0 50%, #4fc1e3 51%, #e6ebed 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6ebed), color-stop(50%,#a1dbf0), color-stop(51%,#4fc1e3), color-stop(100%,#e6ebed)); 
-webkit-box-shadow: 0 0 12px #21b4e2;
-moz-box-shadow: 0 0 12px #21b4e2;
box-shadow: 0 0 12px #21b4e2; 	
}

.green {
border: 1px solid #507800;
color: #ffffff;
background: #72aa00 0 0 no-repeat;

text-shadow: -1px -1px 0 rgba(0,0,0,0.3);	
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); 
}

.green:hover {
color: #ffffff;
background: #a5cc51 0 0 no-repeat;

background: -moz-linear-gradient(top, #ebf2c6 0%, #b7db5e 50%, #a5cc51 51%, #d5ed95 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf2c6), color-stop(50%,#b7db5e), color-stop(51%,#a5cc51), color-stop(100%,#d5ed95)); 
-webkit-box-shadow: 0 0 12px #72aa00;
-moz-box-shadow: 0 0 12px #72aa00;
box-shadow: 0 0 12px #72aa00; 		
}


/**************************************************************************************/
/*-------------------------------------- pagination ---------------------------------*/
/************************************************************************************/



/*these two css classes must remain for ajax navigation 4*/
/*you can change attributes inside them*/
.current, .pages{ /*css for current page*/ background: #F4F4F4; padding: 0px 5px; border-radius: 3px; position:relative;  float:left;  text-align:center; cursor:auto; margin-right:3px; padding-top:1px; }
.pages{/*css for other pages*/ border:none; cursor:pointer; float: left; margin-right: 5px }
.pages:hover, .current{ background-position:0 -16px; font-weight:bold; float:left; margin-right: 5px }
/*end required css for ajax navigation 4*/

.article_box, .article_box2{position:relative; float:left; width:450px; padding: 10px; border:1px solid #aaa; }
.article_box2, .box_footer{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*loader div when content is loaded from the database*/
.loader_div { position:absolute;  width:100%; left:0;  height:100%; background-color:#000;  z-index:99999;  text-align:center;  padding-top:150px;  font-size:20px; font-weight:bold;	 color:#fff;  filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; visibility:hidden; }

.select{ background-color:#F0F9E8; border:1px solid #7CC53A; font-size:11px; font-family:Tahoma; }
.gray{color:#ccc;}



/**************************************************************************************/
/*------------------------------------- Nivo Slider ---------------------------------*/
/************************************************************************************/


/*NIVO SLIDERS*/
.nivoSlider {
	width: 1000px;
	height: 450px;
	float: left;
	margin-left: -20px;
	border-top: 0px solid #CCC;
	border-bottom: 1px solid #eaeaea;
}
 .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}
#slider3 .nivo-controlNav {position:absolute;right:10px;bottom:10px;z-index:99;}
#slider3 .nivo-controlNav a {display:block;
	float:left;
	margin:0 0px 0 0;
	background:url(../img/nivo-pag.png) top no-repeat;
	width:22px;
	height:22px;
	outline:none;
	text-indent:-9999px;}
#slider3 .nivo-controlNav a.active {	background:url(../img/nivo-pag.png) bottom no-repeat;}

.nivo-directionNav a {display:block;width:50px;height:50px;background:url(../img/slideshow-nav.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background:url(../img/slide-next-prev.png) right no-repeat;right:5px;}
a.nivo-prevNav {background:url(../img/slide-next-prev.png) left no-repeat;left:5px;}
.nivo-caption {text-shadow:none;font-size:12px;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
 .nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#slider3 {
	margin-bottom: 10px;
}

/**************************************************************************************/
/*----------------------------------------- Tabs ------------------------------------*/
/************************************************************************************/

.menu_tab { padding: 0; clear: both}
.menu_tab li { display: inline; }
.menu_tab li a {
	background: #006699;
	padding: 5px 10px;
	float: left;
	border-right: 1px solid #f5f5f5;
	border-bottom: none;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
.menu_tab li.active a { background: #f5f5f5;color:#272727; }

.tab_content { float: left; clear: both; border-top: none; border-left: none; background: #f5f5f5; padding: 20px; width: 920px; }

/**************************************************************************************/
/*------------------------------------- Grid Homepage -------------------------------*/
/************************************************************************************/


#grid {width:960px; padding: 20px 0 30px; height:auto; font-size: 12px; line-height: 18px }

#grid h4 {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0}

.item-hover{
	margin:0!important;
	padding:0!important;
	height:150px;
	}
#grid .portfolio-thumbnail{
	position:absolute;
	left: 0px;
	top: 0px;
	display:none;
	height:100%;
	background: #000;
	text-align: left;
	cursor:pointer;	
}
#grid .thumb-text{
	padding:10px;
}
#grid .portfolio-thumbnail h4{color:#f26c4f;}
#grid .portfolio-thumbnail p{color:#FFF;}
#grid .one-half,#grid .one-third,#grid .one-fourth,#grid .one-fifth {
	margin-right:2px;	
	margin-top:2px;	
	margin-bottom:0!important;	
	margin-left:0!important;
	}
#grid .one-half {
	width:478px;
	float:left;	
	position: relative;
}
#grid .one-third {
	width:318px;
	float:left;	
	position: relative;
}
#grid .one-fourth {
	width:238px;
	float:left;	
	position: relative;
}

#grid .one-fifth {
	width:118px;
	float:left;
	position: relative;
}
#grid .last-grid{margin-right:0px;}


/**************************************************************************************/
/*--------------------------------------- Columns -----------------------------------*/
/************************************************************************************/


.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}
.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px!important;
}

/* boxes */

.box_highlight {background: #f3f3f3; padding: 15px; margin: 20px 0; border: 1px solid #CCC; border-radius: 5px; clear: both}
