@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}: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%; }


body {	font-family: Arial, Helvetica, sans-serif; font-size: .875em; line-height: 1.6em; background: #eaeaea; }
     #container { font-size: 1em; width:960px; padding: 20px; margin: auto; position: relative; clear: both}
	 .sectionholder { width:960px; margin:0 auto;}
			 .header { width:100%;  height:auto; background:#FFF; float:left;}
					#site_title { width:80px; height:100px; margin:20px auto 10px auto;}
						#site_title img { width:100%; height:auto;}
						
						.lightbrown { width:100%; height:auto; padding:29px 0; float:left;}
						.threeblox { width:100%; height:auto; float:left;}
						.threeblox li { width:260px; height:200px; background: #fff; float:left; padding:20px; margin:0 30px 0 0;}
						.threeblox li:nth-child(3) { margin:0 0px 0 0;}
						
						.threebloxlast { width:960px; height:auto; float:left;}
						.threebloxlast li { width:260px; height:auto; float:left; margin:0 30px 0 0; padding:20px 40px 20px 0;}
							.threebloxlast li a { width:260px; height:auto; float:left; color:#999;  padding:0 0 0 15px; margin:0;background: url(../img/arrowpoint.png) 0 6px no-repeat; font-weight:lighter; font-family: 'Quicksand', sans-serif; letter-spacing:-1px;}
							.threebloxlast li a:hover { text-decoration:underline;}
						.threebloxlast li:nth-child(3) { margin:0 0px 0 0;}
						
						.picturesec { width:300px; height:140px; float:left; margin:0 0 10px -20px; background:#006;}
						
					.wrap-articles {margin-left: -30px;}
						.wrapper  { width:100%;float:left; background-color:#272c2f; border-top:5px solid #000; padding:10px 0;}
						#prod_nav { height:156px; width:960px;margin:10px 10px 0 0;}
						
						.bottomimfo { height: 40px; width: 280px;  margin: -10px 0 0 -20px; background: none repeat scroll 0% 0% #333; float: left; padding: 10px 0 0 20px;}
						
					
					/**************************************************************************************/
					/*----------------------------------------- Tabs ------------------------------------*/
					/************************************************************************************/
		
					.menu_tab { padding: 0; clear: both}
					.menu_tab li { display: inline; }
					.menu_tab li a { background: #3d4753; 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: 4%; width: 92%; }
		
		
					/**************************************************************************************/
					/*------------------------------------- Grid Homepage -------------------------------*/
					/************************************************************************************/

					.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 }
		
					.tab_article {margin: 20px 0; clear:both}
					.tab_article img {float: left; width: 50px; height: 50px; margin-right: 12px}
					.tab_article p {overflow: hidden; padding: 0; font-size: .9em; line-height:normal; font-style: italic}
					.tab_article h3 {height: 30px}
					.sidebar_right {float: right; width:300px}
				
				 	
					#footer { width:100%;margin: 0 auto;}
					.widgetsarea { width:100%;margin: 0 auto; background: #fff; float:left;}
						.footerbottom{ width:100%;margin: 0 auto; background:#272C2F; padding:20px 0; font-family: 'Quicksand', sans-serif; color:#FFF; font-size:11px; float:left;}
					
/**************************** Typography *****************************/

.border { border-bottom:5px solid #666;}
.no_display {display: none;}

h1, h2, h3, h4 { font-family: 'Quicksand', sans-serif; } 

h1 {font-size: 34px;  padding: 20px 0; color: #000 }

h3 {margin:0 0 10px 0; color: #333; font-weight: normal; text-transform:normal}
h2 {margin:0 0 5px 0; color: #666; font-weight: normal; text-transform:normal; padding-bottom:5px; letter-spacing:-1px}

h2 {font-size: 2em}

h3 {font-size: 2em}

h4 {font-size:24px; line-height:24px; font-weight: lighter; text-transform:uppercase; margin:0 0 10px 0; border-bottom:5px solid #666;}

.heading_bg {background: url(../img/heading_bg.png) repeat-x 0 30px  }

.heading_bg h1, 
.heading_bg h2, 
.heading_bg h3, 
.heading_bg h4 {background: #FCFCFC; padding-right: 10px; display: inline-block}

#footer h3 {color: #888d92}


p {
	padding: 10px 0;
	font-size:12px; color:#333; margin:0 0 20px 0;
}

.post_meta {padding-bottom: 5px 3px}

.post_meta li {display: inline-block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 12px; height: 16px; line-height:16px; padding-left: 22px; margin-right: 15px}

.post_meta_admin {background: url("../img/sprite.png") no-repeat 0 -64px}
.post_meta_date{background: url("../img/sprite.png") no-repeat 0 -80px}
.post_meta_comments{background: url("../img/sprite.png") no-repeat 0 0}

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


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: #EF3B24; text-decoration: none}


#container ul li {list-style:none}
#container ol li {list-style: none}

blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 10px 0}

/* Lists *

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

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



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




/**************************** 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 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none; display:none;
    
    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;
    font-weight: bold;
	text-decoration: none;
    padding: 5px 15px;
	font-size: 12px;
	
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
	
   background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
   background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
   background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0')
}

.button:hover {  
  -webkit-box-shadow: 0 0 6px #cccccc;
  -moz-box-shadow: 0 0 6px #cccccc;
   box-shadow: 0 0 6px #cccccc;
       background-image: -moz-linear-gradient(top, #E0E0E0, #fafafa);
	   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0E0E0), to(#fafafa));
	   background-image: -webkit-linear-gradient(top, #E0E0E0, #fafafa); 
	   background-image: -ms-linear-gradient(top, #E0E0E0, #fafafa);
	   background-image: -o-linear-gradient(top, #E0E0E0, #fafafa);
	   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#fafafa')
   }

/* button small */
 
.button_small { width:90px; -moz-border-bottom-colors: none;  -moz-border-image: none; -moz-border-left-colors: none;  -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CCCCCC #CCCCCC #AAAAAA; border-style: solid; border-width: 1px;  box-shadow: 0 0 1px #FFFFFF inset; color: #555555; font-weight: bold; text-decoration: none; padding: 3px 7px 3px 15px; font-size: 11px; display: inline-block; text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
	
   background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
   background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
   background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0')
}

.button_small:hover {  
  -webkit-box-shadow: 0 0 6px #cccccc;
  -moz-box-shadow: 0 0 6px #cccccc;
   box-shadow: 0 0 6px #cccccc; }




/**************************************************************************************/
/*-------------------------------------- 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; 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; background: url(../img/article_bg.png) }
.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:960px;
    height:450px;
	float:left;
	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:30px;
}




#grid {width:960px; padding: 0 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: #f8f8f8; padding: 15px; margin: 30px 0; border: 1px solid #CCC; border-radius: 5px; clear: both}

/*-----------------------------------------------*/
/*-------------    Product Viewer  -------------*/
/*---------------------------------------------*/

/* navigation */

#prod_wrapper {border-bottom: 1px solid #e3e3e3; height: 501px; margin-bottom: 30px; padding: 0}



#prod_nav ul {	
	width:960px;
	margin:0 auto;	
}

#prod_nav li {	
	float:left; width:180px; list-style-type:none; text-align:center; margin:0 10px 0 0;
}

#prod_nav a { color:#333333; display:block; padding:10px 0 45px 0; position:relative; word-spacing:-2px; font-size:11px; height:122px; text-decoration:none; background:#FFF;}	

#prod_nav a.current {
	background: #ccc;
	float: none;
	margin:0;
	border-bottom: 3px solid #000
}

#prod_nav img { background-color:#fff; border:1px solid #ccc; display:block; margin:0 10px 10px 10px;}

#prod_nav strong {
	display:block;		
}

/* panes */
#panes {
	width: 960px;
	margin: auto;
	height:300px;
	margin-bottom:-20px;
	padding-bottom:20px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}


#panes div {
	display:none;		
	position:absolute;
	top: 0px;
	left: 0px;
	font-size:12px;
	color:#444;	
	width:945px;
	padding-right: 15px
}

#panes img {
	float:left;
	margin:0 20px 20px 0; border:10px solid #CCC; 		
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h5 {
	margin:0 0 10px 0;
	font-size:22px;
	font-weight:normal;
	display: inline-block
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}



/* ei slider */


.ei-slider{ position: relative; width:960px; height:350px; margin: 0 auto;}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size:40px;
	line-height: 50px;
	font-family: 'Quicksand', sans-serif;text-shadow:#000 0px 0px 4px;
	color: #fff;
}
.ei-title h3{
	font-size: 60px;
	line-height:50px;
	font-family: 'Quicksand', sans-serif; text-shadow:#FFF 0px 0px 4px;
	text-transform: uppercase;
	color: #000; letter-spacing:-8px;
}
.ei-slider-thumbs{
	height: 5px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #0CF;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*-------------------------------------------------------------------------------------------------*/
					/*09 - PORTFOLIO*/
/*-------------------------------------------------------------------------------------------------*/	
.portfolio-item-preview {
	display:block;
	background:url(file:///D|/wamp/www/TEMP/csstemplateheaven.com/images/bg-fade.png) no-repeat center center;
	

}
.portfolio-img{}
.bordered-img {
	border:5px solid #f8f8f8;
}
.pretty-box{
	background-color:#f8f8f8;
	background:-moz-linear-gradient(center bottom , #f8f8f8 0px, #FFF 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f8f8f8),color-stop(1, #FFF));
	border:1px solid #ebebeb !important;
	padding:4px;
}
.pretty-box:hover {	
	border:1px solid #556074 !important;
	-moz-box-shadow:0 0px 3px #e7e7e7;
	box-shadow: 0 0px 3px #e7e7e7;
	-webkit-box-shadow: 0 0px 3px #e7e7e7;
	-o-box-shadow: 0 1px 3px #e7e7e7;
}
#portfolio {
	width: 960px;
	margin: auto;
}

#portfolio p {padding:0; margin-bottom: 5px}

.portfolio-container ul li a.hide {
	display: none;
}
.portfolio-container {
	padding: 0px;
	display: block;
	width: 990px;
	float: left;
	height:auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: -30px;
}
.portfolio-container ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-top:10px;
}

.portfolio-container ul li {list-style-type: none }

/***************************************************
		  FILTERABLE   PORTFOLIO 
***************************************************/
#filterable  {
	display: inline;
	float: right;
	margin-bottom: 20px;
	margin-right:20px;

}
#filterable li {
	float: left;
	margin-left: 25px;
	
}
#filterable li a {
	display: block;

}

.filterable_current a {
	color: #8e1a00;

}
#filterable li h5{
	float: left;
	margin-top: 0px;
	
}
/*-------------------------------------------------------------------------------------------------*/
		/*PORTFOLIO DETAILS NAVIGATION*/
/*-------------------------------------------------------------------------------------------------*/
.portfolio-details-nav{float:right;width:100%;margin-bottom:15px;}
#prev,#next {
	display:block;
	float:right;
	padding:4px 9px;
	margin-right:5px;
	border:1px solid #d7d7d7;
	background-color:#ffffff;	
}
#prev:hover,#next:hover {
	background-color:#F7F7F7;
}
#prev a:hover,#next a:hover {
	text-decoration:none!important;
}

/*-------------------------------------------------------------------------------------------------*/
		/* pretty photo */
/*-------------------------------------------------------------------------------------------------*/