/*
Theme Name: FolioThemePortfolio
THEME URI: http://foliothemes.com
DESCRIPTION: FolioShowcase is a WordPress Portfolio theme with full Blogging capabilities and is ideal for photographers, artists or designers. It was created to be VERY easy to maintain using simple WordPress posting and writing capabilities and has numerouse php and jquery enhancements.
VERSION: 1.1
Author: Mark Landry
Author URI: http://pixel8tion.net
TAGS:two columns,fixed width, widget ready, valid xhtml, valid css, superfish menu, 1024, jquery, portfolio image slider, featured category slider, gravatars
.
*/


/*====================== Defaults ======================*/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 10px 0;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

p {
	font-size:100%;
	letter-spacing:0.05em;
	line-height:1.8em;
}

h1, h2, h3, h4,  h5, h6 {color:#4d4d4d}


 h1{
font-size: 220%;
padding:15px 0 15px;
}

h2{
font-size: 200%;
padding: 15px 0 15px;
}

h3{
font-size: 160%;
padding:15px 0 15px;
}

h4{
font-size: 140%;
padding: 15px 0 15px;
}

h5{
font-size: 120%;
padding: 10px 0 10px;
}

h6{
font-size: 120%;
padding:10px 0 10px;
}


#posts  ul, #single ul, .blog ul,#posts  ol, #single ol, .blog ol{
	display:block;
	border-top: none!important;
	margin:18px 0;
	}

#posts li, #single li, .blog li {
color:#999999;
font-weight:normal;
list-style-position:outside;
list-style-type:square!important;
margin: 0 0 0 40px;
padding:0 0 0 10px;
background:none!important;
font-size: 100%!important;
line-height:1.5em;
}


#posts li a, #single li a, .blog li a, #single li a:hover {
background:none!important;
font-size: 100%!important;
}

#single ul {
margin:15px 0 25px!important;
}
#posts ol li, #single ol li, .blog ol li{
	color:#999;
	padding-left: 10px;
	list-style: outside decimal;
	display: list-item;
}



a {
	color:#8DC63F;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
	
}
blockquote {
background:#F4F4F4 url(images/quote.gif) no-repeat scroll 475px 5px;
font-style:italic;
margin:10px 10px 25px 0;
padding:10px 55px 5px 30px;
}

code {
	color: #3366cc;
	font-style: italic;
}
strong { font-size: 110%; }
body {
	text-align: center;
	margin: 0;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background: #222;
	font-size:13px;
	

}


/* =============== divs======================*/

.container_16
{ margin-bottom: 0px;
text-align:left; }


#topNav {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #000;
}


#header {
	background:transparent url(images/bg-glow.png) no-repeat scroll center 0;
	padding:0 0 0 10px;
	position:relative;
	z-index:99;	
	border-left:#333 solid 1px;
	border-right:#000 solid 1px;
	height:80px;
}

#headerwrap{
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #333333;
}
/*#mid-wrap{
background:transparent url(images/bg-shadow.png) repeat-x scroll center bottom;
margin:20px 0 0;
}*/
.inner{
margin:90px 0 0!important;
}

#feature{
clear:both;
margin:0;
position:relative;
}

#main {
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
background:#fff;
}
.home {
	padding:20px 20px 50px!important;
}

.sidebar-wrap{
margin: 0 30px 0 0;
padding:0;
float:right;
width:300px;
}


#main .sidebar{
border-left:1px dotted #d6d6d6;
color:#8B8B8B;
float:right;
margin:0 0 30px;
padding:30px 10px 8px 15px;
}
#main .sidebar2{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#8B8B8B;
float:right;
margin:50px 0 30px;
padding:10px 20px 8px;
width:260px;
}


#main .sidebar li {
	border-top: 1px dotted #d6d6d6;
	border-bottom: 0;
	list-style: url(none) none;
	background:none;
	padding: 8px 10px 8px 35px;
}


#main .sidebar ul li, #main .sidebar ul ul li{
margin:0!important;
padding:0;
}

#main .current_page_item{
color:#5d5d5d!important;

}

#main .sidebar ul  ul {
margin:0!important;
}

#main .sidebar-home{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#8B8B8B;
float:right;
margin:50px 0 30px;
padding:0 10px 8px;
}

#main .grid_8 {
padding:0!important;
}

#main .sidebar h3, #main .sidebar-home h3{
background:#FFFFFF url(images/bg-h2.jpg) repeat-x scroll 0 bottom;
border:1px solid #D6D6D6;
color:#5D5D5D;
margin:10px 0 !important;
padding:10px !important;
text-shadow:1px 1px 1px #FFFFFF;
}






/*#posts h2 a{
background:transparent url(images/icon-check.gif) no-repeat scroll -1px 3px;
display:block;
padding:0 0 5px 22px;
}*/

#single {
/*background:transparent url(images/bg-glow.png) no-repeat scroll -300px -20px;
*/margin:0;
padding: 40px 0 40px 40px;
width:560px;

}


#single img.alignleft{
	margin: 8px 20px 10px 0;
}

.blog-image{
border:4px solid #ddd;
float:right;
margin:5px 0 5px 20px;
}

#single h3{text-transform:capitalize!important;  }

#single h3 a{color:#5D5D5D;}

#single img.alignright{
	margin: 8px 0 10px 20px;
}




#single embed, #single object{
height:340px !important;
margin:0 0 20px;
width:560px !important;
}



#single .meta-tags{
	background:transparent none repeat scroll 0 0;
	margin:0;
	padding:0;
	
}

#single .meta-tags p{
font-size:10px;
line-height:1.8em;
text-transform:uppercase;
margin:0;
padding:5px 0 0;
}

#single .meta-tags a{
}

#single h2{
background:#FFFFFF url(images/bg-h2.jpg) repeat-x scroll 0 bottom;
border-color:#D6D6D6;
border-style:solid;
border-width:1px ;
color:#5E5E5E;
margin:0 0 0 -8px;
padding:10px !important;
text-shadow:1px 1px 1px #FFFFFF;

}

.blog-title {
margin-left: 0 !important;
}


.pages h2{
margin:0 0 30px -8px!important;
}

#BtmWrap {
	
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #000000;
	padding:0;
	text-align:left;
}

.single-bg{
	background:#f5f5f5;
	border-top:1px solid #fff !important;
	
}


.blog{
	background:#fff none no-repeat scroll center 0 !important;

}

.bg-none{
background:none !important;
}


#footer {
border-top:1px solid #333333;
clear:both;
margin:0;
padding:40px 0;
}

.black{
background:#000000 none !important;
border-top:4px solid #222!important;
margin:40px 0 0!important;

}

#footer h3 {
border-color:#555555;
border-style:dotted;
border-width:0 0 1px;
color:#999999;
font-size:15px;
font-weight:bold;
padding:3px 0 20px;
text-transform:uppercase;
}

/* =============== Theme Color ======================*/
#bg{
	position:absolute;
	top:0;
	width:980px;
	height: 350px;
	margin: 0 auto;
	
}
ul#portfolio li img{
	float:none;
	text-align:left;
	margin:0;
	padding:0;
	width:980px;
	height: 350px;
	display:inline-block;
}
.innerfade{
text-align:left;
}


#header-wrap, #BtmWrap {
		
}



/* ===============  HEADER, LOGO and Tagline ======================*/

#logo{
display:inline;
top:0;
margin:0 0 0 20px;


}
#header h1, #logo h1 {
	margin:0;
	padding:0;
	text-indent:-9999em;
}
#header h1 a, #logo h1 a  {
	color:#555;
	cursor:pointer;
	display:block;
	width:280px;
	height:80px;
	background:transparent url(images/logo.png) no-repeat scroll left 10px;

}
#header .tagline, #logo .tagline{      /* This controls the WordPress Tagline that you type in your admin */
	color:#FFFFFF;
	line-height:1%;
	margin:0 0 0 5px;
	text-indent:-9999em;
	display:none;
}


#logo-foot{
display:inline;
float:right;
margin:0;

}
#logo-foot h1 {
	margin:0;
	padding:0;
	text-indent:-9999em;
}
#logo-foot h1 a  {
background:transparent url(images/logo-small.png) no-repeat scroll right top;
color:#555555;
cursor:pointer;
display:block;
height:40px;
width:100%;

}
#logo-foot .tagline{      /* This controls the WordPress Tagline that you type in your admin */
	color:#FFFFFF;
	line-height:1%;
	margin:0 0 0 5px;
	text-indent:-9999em;
	display:none;
}



/* =================  Menu and navigation  ======================== */
.head-rgt {
Position: relative;
}

.urhere{
background:transparent url(images/bg-trans.png) repeat scroll 0 0;
color:#6299AF;
font-size:95% !important;
letter-spacing:0.1em;
padding:8px 20px;
text-transform:uppercase !important;
top:100px;
margin:25px 20px;
}






/* =================  Menu and navigation  ======================== */

#page-nav {
float:right;
margin: 0;
z-index:90;
}

#page-nav ul {
list-style-image:none;
list-style-type:none;
margin:0;
padding-left:0;
float:right;

}

#page-nav ul ul{
margin:55px 0 0 !important;
padding:0 !important;
width:150px;
}




#page-nav ul li {
display:block;
float:left;
height:80px;
letter-spacing:0.2em;
padding:0 ;

}



#page-nav ul li li {
border:none;
float: left; 
display: block; 
padding-left: 0px; 
height: 20px;
margin-right:0px;
letter-spacing:0.0em;
}

#page-nav ul li a:link,#page-nav ul li a:visited, #page-nav ul li a:active  {
color:#999999;
display:block;
float:left;
font-size:11px;
letter-spacing:0.05em;
line-height:1.5em;
margin:0;
padding:25px 10px 38px;
text-shadow:1px 1px 1px #000000;
text-transform:uppercase;
font-weight:bold;

}

#page-nav ul li a:hover, #page-nav  .current_page_item a {
color:#fff!important;
text-decoration:none;

}


#page-nav li li {
display: block;
padding: 0px;
height: auto !important;
width: 130px; 
}

#page-nav li:hover, #page-nav .current_page_item {
background:#111111 !important;
color:#fff!important;


}

#page-nav li li a:link, #page-nav li li a:visited {
background-color:#000;
color:#fff;
display:block;
font-size:11px;
height:auto !important;
width:130px;
padding:8px 10px;
border-top:1px dotted #2d2d2d;
}

#page-nav li li a:hover {
background-color: #222 !important;
}


#page-nav  li:hover ul,#page-nav ul.nav li.sfHover ul {
left:0px!important;
top:24px!important;
}

#page-nav li:hover li ul,#page-nav ul.nav li.sfHover li ul {
left:150px!important;
top:0px!important;
background:#9d9d9d!important;
padding:0;
margin:0;
}

#page-nav  .sfHover  .sf-with-ul{
color:#fff;
}

#page-nav .children{
margin:0 0 0 213px;
}


#page-nav ul ul ul{
margin:0px 0 0 !important;
padding:0 !important;
width:150px;
}



.nav, .nav * {margin:0;padding:0;list-style:none;}

.nav ul {
	position:absolute;
	top:-999em;

}
.nav ul ul{  }

.nav li {float:left;position:relative;z-index:90;}


.nav a {display:block;}

.nav ul li{width: 100%;}


.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}


.sf-shadow ul {
background:transparent url(script/images/shadow.png) no-repeat scroll right bottom;
padding:0 8px 9px 0;
}






/* =============== Main Content ======================*/

.more a{
background:#9DD23C url(images/bg-more.jpg) repeat-x scroll right 1px;
border:1px solid #9DD23C;
color:#FFFFFF !important;
line-height:28px;
padding:1px 20px 3px 10px !important;
text-shadow: 1px 1px 1px #547F07;


}
#main .grid_8 {
padding: 0 20px;
width: 420px;
}

#main .thumb-img{
border:4px solid #DDDDDD;
float:left;
height:70px;
margin:0 25px 0 0;
width:100px;
}

#main h2, #main h2 a{
margin-bottom:18px;
padding:0;
text-transform:capitalize;

}

#main p{
	color:#8b8b8b;
	margin:5px 0;
	padding:0 0 10px;
}


.meta {
background:#FFFFFF url(images/bg-h2.jpg) repeat-x scroll 0 bottom;
color:#555555;
font-size:10px;
letter-spacing:0.1em;
margin:0 0 20px;
padding:5px 20px;
text-transform:capitalize;
}
#main .meta {
border-color:#EEEEEE #CCCCCC #CCCCCC;
border-style:solid;
border-width:1px;
}

#main .meta p{
padding:0 !important;
text-transform:uppercase;
}
.meta a{
padding:5px 0 0;


}

.meta a:hover{ 
}

.meta .readmore{
display:inline;
float:right;
}
.meta .readmore a{
	background:#9DD23C url(images/bg-more.jpg) repeat-x scroll right -2px;
	border:1px solid #9DD23C;
	color:#FFFFFF !important;
	display:inline;
	line-height:28px;
	margin:10px 0 0;
	padding:1px 20px 2px 10px !important;
	text-shadow:1px 1px 1px #547F07;
}
.meta .readmore a:hover{

}

.meta .dates{
color:#888888;
display:inline;
float:left;
padding:10px 0;
}

.meta .tags{
display:inline;
float:right;
padding:0 0 4px 25px;
color:#ccc;
}

.meta .dates a{
color:#888;
}
.meta .dates a:hover{
}



/* ========================== mid Content ======================= */

#BtmContent{
background:transparent url(images/bg-glow.png) no-repeat scroll center 0;
border-left:#333 solid 1px;
border-right:#000 solid 1px;
padding:0 0 50px;
}

#BtmContent .cat_nav {
	margin: 0;
}
#BtmContent .cat_nav  h3{
	background-image:url(images/galleries-categories.png);
	background-repeat:no-repeat;
	display:block;
	height:40px;
	margin-top:15px;
}
#BtmContent .cat_nav a {
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid transparent;
color:#777;
display:block;
font-size:11px;
letter-spacing:0.1em;
padding:10px 15px 15px ;
text-transform:uppercase;
text-shadow:1px 1px 1px #000000;

}



#BtmContent .cat_nav a:hover { 
background:#191919;
color:#FFFFFF;
}

#BtmContent li.current-cat {
margin:-1px 0 0!important;
}

#BtmContent li.current-cat a {
background:#E6E6E6 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#8DC63F;
margin:-1px 0 0!important;
text-shadow: 1px 1px 0px #fff;
font-weight:bold !important;	

}

#BtmContent li.current-cat a:hover { 
background:#E6E6E6 none repeat scroll 0 0;
color:#8DC63F;

}

#BtmContent .cat_nav li { 
	display:inline;
	float:left;
	margin:0;
	

 }
 
 #BtmContent .col1 {
	margin-top:60px;
	padding:20px 0 50px 40px;
}

 #BtmContent .col2 {
	margin-top:60px;
	padding:20px 0;
	float:right;
}

 #BtmContent .col2 h4{
 margin:0;
 padding:0;
 }

.border-lgt{
border-left:#000 solid 1px;
border-right:#333 solid 1px;
}
 
#main .sidebar  li a {
background:transparent url(images/bullet.png) no-repeat scroll 5px 9px;
border-bottom:0;
color:#999999;
display:block;
font-size:110%;
padding:8px 10px 8px 35px;
text-transform:capitalize;
}
#main .sidebar li a:hover { 
background:#EEEEEE url(images/bullet1.png) no-repeat scroll 5px 9px;
color:#5D5D5D;
text-shadow:1px 1px 1px #FFFFFF;
}

#main ul{
display:block;
margin:0 0 18px;
padding:0;
	}

.blog-post{
background:#FFFFFF url(images/bg-grad2.jpg) repeat-x scroll 0 bottom;
border:1px solid #cdcdcd;
padding:10px 20px 20px;
text-align:justify;
}






/* ============== top slider section ======================= */

.mid-wrapper{ background:#FFF url(images/bg-mid.gif) repeat-x 0 -70px; text-align:left; 
}
.feature-img {
	border: 10px solid #e6e6e6;
	position: absolute;
	left: 20px;
	top: 20px;
	float: none;
}
.topPost {
	font-size:9pt;
	margin:0!important;
	height:380px;
	padding:0;
	position:relative;
	text-align:left;
}
/*.topPost a img {
	border: 10px solid #FFFFFF;
	position: absolute;
	left: 20px;
	top: 30px;
	float: none;
}*/
.topTitle {
	margin: 0px;
	padding: 0 0 5px 0;
}
.topPost h2.topTitle a {
	font-size: 16px;
	font-weight: bold;
	color: #777 !important;
	margin-top: 0px;
	padding-top: 0px;
	text-transform: uppercase;
}
.topPost h2.topTitle a:hover { color: #567488; }
.topPost p.topMeta {
	color:#111;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	border-bottom:2px solid #CCCCCC;
	font-size:11px;
	padding-bottom:10px;
}
.topPost p.topMeta a {
	text-decoration: none;
	color: #777;
	padding-right: 5px;
	padding-left: 5px;
}
.topPost p.topMeta a:hover {
	color: #567488;
	text-decoration: underline;
}
.topPost div.topContent {
	color:#FFFFFF;
	font-size:100%;
	padding:0 20px;
	margin:15px 60px 15px 0 !important;
	
}
.topPost-right {
	font-size: 100%!important;
	color: #fff;
	margin: 30px 0!important;
	float: right!important;
	width: 300px!important;
}

.topPost div.topContent a {
	text-decoration: none;
	color: #999;
}
.topPost div.topContent a:hover {
	text-decoration: underline;

}
.topPost div.topContent ul, .topPost div.topContent ol { padding: 0 0 0 30px; }
.topPost div.topContent ul li, .topPost div.topContent ol li { color: #444; }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
	font-size: 9pt;
	font-style: italic;
	margin-right: 0px;
	color: #fff;
	margin-bottom: 5px;
	display: block;
	background-color: #E9E9E9;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover { background: #040404; }
.topPost span.topComments a {
	color: #5e0000;
	background: url(images/comments.gif) left no-repeat;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost span.topMore a {
	color: #1F1910;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 85%;
	display: block;
}

.topPost span.topTags em {
	background: url(images/tags.gif) left no-repeat;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
	color: #0a0a0a;
	display: inline;
}
.topPost span.topTags a {
	color: #567488;
	line-height: 27pt;
	vertical-align: middle;
}
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
	color: #bfedff !important;
	text-decoration: none;
}




/* ========================== Bottom Content - footer ======================= */


#morefootWrap {
	background-color:#101010;
	background-repeat:repeat-x;
	border-top:1px solid #333333;
	text-align:left;
	padding:20px 0;
}


#footer p {
	color:#5d5d5d;
	font-size:90%;
	
}

#footer h2, #footer h2 a {
color:#59799F;
font-size:140%;
line-height:1.35em;
padding:0 0 10px;
text-transform:capitalize;
}


#footer a { }
#footer a:hover { color: #fff; }



#footer li a  {
background:transparent url(images/bullet.png) no-repeat scroll 5px 10px;
border-bottom:1px dotted #444444;
color:#999999;
display:block;
font-size:110%;
padding:8px 10px 8px 35px;
text-transform:capitalize;
}
#footer li a:hover { 
background:#262626 url(images/bullet1.png) no-repeat scroll 5px 10px;

}

#footer ul{
display:block;
margin:0;
padding:0 0 20px;
	}
	
#footer ul.children {
display:block;
margin:0;
padding:0;
}
.decription {
	font-size: 80%;
	color: #D3D2CC
}

.textrght{ text-align:right;}


/* ========================== Comments ======================= */

.comments a {
	height: 34px !important;
	width: 34px;
	color: #333333;
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	float: right;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: -10px;
	margin-right: -8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#comment {
	margin-bottom:40px;
	padding:10px 15px;
	
}
#comment p{
	color:#ccc;
}
#comment a {  }
/*#comment a:hover { color: #fff; }*/
#numberofcomments {
	border-top:1px solid #DDDDDD;
	color:#999999;
	font-size:10pt;
	margin:80px 0 20px;
	padding-top:60px;
	text-transform:uppercase;
}
ol#commentlist {
	list-style: none;
	margin: 10px 0;
	font-size: 9pt;
}
#commentlist li {
	margin: 0 0 15px 0;
	padding: 10px!important;
	display:block;
	list-style-type:none!important;
}
#commentlist li.alt {
	background: #F4F4F4 none repeat scroll 0 0!important;
	border: 1px solid #010101;
	border: none;
	list-style-type:none;
}
#commentlist li.cleared {
	background: transparent;
	border: none;
	
}
#commentlist li a {
	background: transparent;
	border: none;
	display:inline;
	padding:0!important;
	margin:0!important;
}

#commentlist li a:hover{
	border:none;
	display:inline;
	background:none;
	padding:0!important;
	margin:0!important;
}

#commentlist .gravatar, #commentlist  .avatar{ 
border:none!important;

}
#commentlist a:hover { color: #eee; }
#commentlist a.gravatar {
float:left;
padding:0;
margin:0 20px 5px 0;
width:69px;
}



#commentlist .commentbody {
	margin: 0;
	padding: 0 5px 0 0;
	float: right;
	width: 380px;
}
#commentlist .commentbody p a { text-decoration: underline; }
#commentlist cite {
	font-size: 10pt;
	font-style: normal;
	text-transform:capitalize;
	font-weight: normal;
}
#commentlist cite span{
	font-size: 10px!important;
	font-style: normal;
	text-transform:none;
	font-weight: normal;
}
/*#commentlist small.commentmetadata a { color: #fff; }*/
#commentlist p { 
	color: #8B8B8B;
	line-height:1.5em;
	font-weight: normal;
}
#comment h3 {
	border-bottom:medium none;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:normal;
	margin:5px 0 0;
	padding:0 0 15px;
}
textarea#comment {
border:1px solid #D6D6D6;
color:#5d5d5d;
width:95%;
}
#comment #submit {
	margin-left: 0px;
	margin-top: -25px;
}

.commentmetadata{
font-size:10px !important;
font-weight:normal;
}

/* ====================== Misc ======================  */

			/* ===== ads=====  */
.ads{
/*background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;*/
}

.ad-block {
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #D6D6D6;
color:#8B8B8B;
float:right;
margin:40px 0 25px;
padding:0 8px 8px;

}
.ad-block .banner-img {
margin:5px 0px 5px 9px;
border:1px solid #000;
}



.txt-right{
text-align:right;
}

.extra-margin-left{
margin-left: 50px;

}
.wp-caption-text, p.wp-caption-text{
color:#9aaabb!important;
font-size:90%!important;
padding:5px!important;
line-height: 17px;
background:#F3F3F3;
}




#recentcomments li{
line-height:1.5;
padding:5px 10px 5px 0 !important; 
border-bottom:1px dashed #DDDDDD;
text-align:left;
	
}
#recentcomments li a{
	border-bottom:none;
	background:none!important;  
	  
}
#recentcomments li a:hover{
	  background:none!important; 
	  color:#59799F;
	  text-decoration:none;
	  background:none;  
}
.textwidget{
font-size:90%;
letter-spacing:0.1em;
line-height:1.8em;
padding:10px 5px 20px;
}



.tag a{
line-height: 1.5em;
}

#calendar_wrap{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#111111;
margin:0 0 30px;
}
#wp-calendar tfoot{
text-transform:uppercase;
padding:5px 0;
}

#wp-calendar #prev{
padding:10px 0 5px 5px;
text-align:left;

}
#wp-calendar #next{
padding:10px 5px;
text-align:right;

}
#wp-calendar #pad a:hover{
background:none;
}

#wp-calendar {
empty-cells: show;
font-size: 14px;
margin:0;
width: 100%;

} 
#wp-calendar td:hover, #wp-calendar #today {
background: #ddd;
color: #fff;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar td {
color: #999;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar th {
color:#5d5d5d;
font-style:normal;
padding:10px 0;
text-align:center;
text-transform:capitalize;
} 
#wp-calendar caption{
color:#5d5d5d;
letter-spacing:0.2em;
padding:20px 0;
text-transform:uppercase;
}


.highlight {
	color: #222;
	font-weight: bold;
}

.cleared {
	margin: 0;
	padding: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}

.aligncenter, div.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}



img.size-large, img.size-thumbnail {
/*margin:10px 0 10px -8px !important;*/
border:4px solid #E6E6E6;
}



img.alignleft {
	float: left;
	margin: 12px 20px 10px -8px;
	border:4px solid #E6E6E6;
}


img.alignright {
	float: right;
	margin: 12px -8px 10px 20px;
	border:4px solid #E6E6E6;
}



.FeaturedPhoto {  /* This is the container for the Featured Posts Image backgound  */
	float: right;
	background-image: url(images/photo.gif);
	background-repeat: no-repeat;
	height: 264px;
	width: 330px;
	margin-left: 20px;
}

.FeatureCaption {  /* This controls the caption for the image in the featured post scroller */
	color:#577DAF;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	height:30px;
	left:658px;
	line-height:100%;
	padding:5px 10px;
	position:absolute;
	top:253px;
	width:230px;
	z-index:2;
}
img.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
.wp-caption {
padding-top:4px;
text-align:center;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	/*border: none;*/
}


#searchform{
	margin:0 0 10px;
	padding:0;
	
}
#searchbox {
background:#333 url(images/bg-glow.png) repeat scroll center 0;
border:1px solid #232323;
color:#777777;
font-size:90%;
padding-bottom:5px;
padding-left:10px;
padding-top:9px;
width:205px;
float:left;
margin:0 20px 0 0;
}

#footer #searchbox {
margin:5px 0!important;
}
.submitbutton{
margin:3px!important;
}

.img-left{
float:left;
margin:-2px 0 0;
}


.float-right{
float:right;
}


/* ========================== SLIDER ======================= */

#slider{

}
#page {
	margin:0 auto;
	width:960px;
	position:relative;
	background: transparent url(images/bg-glow.png) no-repeat scroll center 0;
}



.featured {
	background-image: url(images/Featured.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	height: 101px;
	width: 104px;
	left: 856px;
	top: 0;
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
margin:20px auto 0;
padding:0 0 8px 35px;
width:960px;
}

#flowtabs  ul{
height:55px;

}

#flowtabs li { 
	float:left; 
	margin:5px; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	position:relative;
}

/* a- tag inside single tab */
#flowtabs li a {
	background:#EEEEEE none repeat scroll 0 0;
	color:#000000;
	display:block;
	font-size:12px;
	height:44px;
	margin:0 !important; 
	padding:0 !important; 
	text-align:center;
	text-decoration:none;
	width:54px;
	outline: none!important;
	/* font decoration */
	color:#000; 
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	
}

#flowtabs img { border:2px solid #999; 	 }
#flowtabs img a { margin:0 !important; 
	padding:0 !important; 	 }
 
/* mouseover state */
#flowtabs a:hover 		{  }
#flowtabs a:hover  img	{ border:2px solid #fff; 	 }


/* currently selected tabs */
#flowtabs a.current		{ cursor:default;  }
#flowtabs a.current	img { border:2px solid #8DC63F; }

#flowtabs a.current span { background:transparent url(images/arrow-dwn.png) no-repeat scroll center top;
							border:medium none;
							display:block;
							height:10px;
							position:absolute;
							top:-15px;
							left:0;
							width:50px;
}

/* panes */
#flowpanes {
	width:960px;
	height:375px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin: 0 20px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2, #flowpanes div h2 a {

}

#flowpanes a {
	color:#8DC63F;	outline: none!important;	
	
}

#flowpanes p, #flowpanes samp {
	color:#777;	
	letter-spacing:0.00em;
    line-height:1.6em;	
	
}

#flowpanes div.narrow {
	padding-right:160px;		
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:960px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}


#flowpanes embed, #flowpanes object {
width:500px!important;
height: 325px!important;

}

.prev a, .next a{

outline: none!important;
}

.prev, .next{
background: transparent url(images/nav-arrows.png) no-repeat 0 0; 
border:none;
text-indent:-9999px;
outline: none !important;
}
.next, next a{
display:block;
width:32px;
height:66px;
position:absolute;
top:140px;
right:0; 
background-position:-45px 0;
outline: none !important;
}

/*.next:hover{
background-position:-45px 0;

}*/
.next:focus{
outline: none !important;

}

.prev{

display:block;
width:32px;
height:66px;
position:absolute;
top:140px;
left:-20px;
background-position:0 0;
azimuth:
}


.thumb-image{
width:50px;
height:40px;

}

/*.prev:hover{
background-position:0 0;
}
*/


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
position:relative;
	-background:#666;
}

/* accordion header */
#accordion h2 {
background:transparent url(images/btn-minus.gif) no-repeat scroll 0 12px;
color:#4D4D4D;
cursor:pointer;
font-family:trebuchet MS;
font-size:16px;
font-weight:bold;
margin:0;
padding:10px 0 10px 25px;
text-transform:uppercase;
text-shadow:1px 1px 1px #000000;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background:transparent url(images/btn-plus.gif) no-repeat scroll 0 12px;
	
}

/* accordion pane */
#accordion div.pane {
	display:none;
	/*height:180px;*/
	padding:15px;
	color:#AFB2A8;
	font-size:12px;
	line-height:1.5em;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#accordion .more a, #accordion a.more-link {
	background:#9DD23C url(images/bg-more.jpg) repeat-x scroll right -2px;
	border:1px solid #9DD23C;
	color:#FFFFFF !important;
	display:inline;
	line-height:28px;
	margin:10px 0 0;
	padding:1px 20px 2px 10px !important;
	text-shadow:1px 1px 1px #547F07;
}

#accordion h2.collapse {
background:none;
color:#333333;
font-size:10px;
right:0;
position:absolute;
top:3px;
}

h2.collapse.current {
display: none;
}


.pane-hide{
padding:0!important;
}

/* ========= icons ========= */



.photoshop-icon,.illustrator-icon,.wp-icon,.acrobat-icon,.aftereffects-icon,.coda-icon,.color-icon, .dreamweaver-icon,
.encore-icon, .finalcut-icon, .fireworks-icon, .flash-icon, .indesign-icon, .joomla-icon, .jquery-icon,
.moo-tools-icon, .motion-icon, .premier-icon, .prototype-icon, .quark-icon, .moo-tools-icon 
{ display:inline-block; width:16px;height:16px; text-indent: -9999px!important;  margin:3px; }

.acrobat-icon{background:#fff url(images/icon/acrobat.gif) no-repeat 0 0}
.aftereffects-icon{background:#fff url(images/icon/aftereffects.gif) no-repeat 0 0}
.coda-icon{background:#fff url(images/icon/coda.gif) no-repeat 0 0}
.color-icon{background:#fff url(images/icon/color.gif) no-repeat 0 0}
.dreamweaver-icon{background:#fff url(images/icon/dreamweaver.gif) no-repeat 0 0}
.encore-icon{background:#fff url(images/icon/encore.gif) no-repeat 0 0}
.finalcut-icon{background:#fff url(images/icon/finalcut.gif) no-repeat 0 0}
.fireworks-icon{background:#fff url(images/icon/fireworks.gif) no-repeat 0 0}
.flash-icon{background:#fff url(images/icon/flash.gif) no-repeat 0 0}
.illustrator-icon{background:#fff url(images/icon/illustrator.gif) no-repeat 0 0}
.indesign-icon{background:#fff url(images/icon/indesign.gif) no-repeat 0 0}
.joomla-icon{background:#fff url(images/icon/joomla.gif) no-repeat 0 0}
.jquery-icon{background:#fff url(images/icon/jquery.gif) no-repeat 0 0}
.moo-tools-icon{background:#fff url(images/icon/moo-tools.gif) no-repeat 0 0}
.motion-icon{background:#fff url(images/icon/motion.gif) no-repeat 0 0}
.photoshop-icon{background:#fff url(images/icon/photoshop.gif) no-repeat 0 0}
.premier-icon{background:#fff url(images/icon/premier.gif) no-repeat 0 0}
.prototype-icon{background:#fff url(images/icon/prototype.gif) no-repeat 0 0}
.quark-icon{background:#fff url(images/icon/quark.gif) no-repeat 0 0}
.wp-icon{background:#fff url(images/icon/wordpress.gif) no-repeat 0 0}






/* ========================== hover block ======================= */

ul.hover_block{
background: transparent;
margin:0!important;
padding:0!important;
}

ul.hover_block li{
background:#111111 url(images/bg-glow.png) no-repeat scroll -200px 0;
border:2px solid #000;
float:left;
height:386px;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:0 !important;
padding:0 !important;
position:relative;
width:616px;
}

		ul.hover_block li a {
			background: none!important;
			list-style:none !important;
			display: block;
			position: relative;
			overflow: hidden;
			height: 370px;
			padding: 0px;
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a { 
		text-decoration: none; 
		background: none; 
		}

		ul.hover_block li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 8px solid #000;
		}
.hover_block p{

}



/* ======== Contact Form ========= */

#contact_form{
margin:40px 0px;
font-size: 14px;
width: 350px;
}

#contact_form legend{
font-size: 28px;
letter-spacing: 1px;
font-weight:bold;
margin:0 0 40px 0;
}

input {
border:none;
display:block;
margin:0  0 10px 0;
color:#ddd;
background:#f5f5f5;
font-size:13px;
color:#fff;
cursor:pointer;
font-style:normal;
padding: 5px 15px 5px 5px;
font-size:14px;
color:#5d5d5d;
border:1px solid #D6D6D6;
}

input p{
padding:5px;
}

input[type="hidden"] {
display:none!important;
}

textarea{
background: #f5f5f5;
width:378px;
height:149px;
border:none;
color:#ddd;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ddd;

}

.short_text{
width:310px;
}

.submit_form{
margin:10px 0 0;
width:105px;
height:25px;
background:#9DD23C url(images/bg-more.jpg) repeat-x scroll right 3px;
font-size:13px;
color:#fff;
cursor:pointer;
font-style:normal;
}

#loader{
margin:10px 0;
}

#response{
border:1px solid #555;
text-align:center;
padding:10px 5px;
margin: 10px 0;
}


/* ======= FORM ======= */

.wpcf7 input{
background: #f6f6f6;
border:1px solid #ddd;
padding:5px;
}

#accordion input{
background: #333;
border:1px solid #000000;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.5em;
padding:5px;
letter-spacing:1px;
}



#accordion textarea {
background:#333333 none repeat scroll 0 0;
border:1px solid #000000;
color:#DDDDDD;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
height:100px;
/*width:310px;*/
padding:5px;
}

#accordion input[type="submit"], input[type="submit"], .wpcf7 input[type="submit"]{
background:#9DD23C url(images/bg-more.jpg) repeat-x scroll right 2px;
color:#FFFFFF;
cursor:pointer;
font-size:13px;
font-style:normal;
height:25px;
margin:10px 0 0;
padding:0 20px 2px 10px !important;
border-color: #9DD23C;
}

#accordion form p{
color:#5d5d5d;
padding:0;
}