/*	
Theme Name: Display
Description: A sleek themeforest Portfolio and Business Template
Version: 1.1
Author: Kriesi
Author URI: http://www.kriesi.at
*/



/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
margin:0;
padding:0;
}

/*Structured layout mainpage*/


body{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:23px;
position:relative;
}

.wrapper{ 
width:100%;
position:relative;
display:table;
}

#top{
position:relative;
width:960px;
margin:0 auto;
}

/************************************************************************
HEAD AREA
*************************************************************************/


#head{
height:110px;
z-index: 5;
}

/*LOGO*/

#top .logo, .logo a{
height:90px;
width:84px;
display:block;
position:absolute;
left:0px;
top:13px;
border: none;
padding: 0;
margin: 0 126px 0 0;
overflow: hidden;
}

#top .logo a, #top .logo a:hover{
top:0;
left:0;
outline:none;
border: none;
}

#top .logobg a{
text-indent:-9999px;
}

#nav{
position: absolute;
right:15px;
top:30px;
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5;
}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding:6px 10px;
width:100px;
border: none;
text-decoration: none;
line-height: 18px;
outline: none;
}


#nav li a strong{
display:block;
font-weight: normal;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#nav li a span{
display:block;
font-size: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

/*Phone Number*/
#top .phone {
  position: absolute;
  right: 30px;
  top: 0;
  border-top: 3px solid #FF9000;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

/*navigation*/


#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;
}


#top #nav ul a{
line-height:28px;
font-size: 12px;
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
top:48px;
width:172px;
left:0;
}

#top #nav li ul a{
width:150px;
height:auto;
float:left;
text-align:left;
padding:0 10px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:171px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}

/*featured*/

#featured, #featured:focus{
position:relative;
width:960px;
height:485px;
overflow: hidden;
outline: none;
}

#featured_image, #featured_image:focus{
width:940px;
height:420px;
overflow: hidden;
margin:0 auto;
border: none;
outline: none;
}

object, object:focus{
outline: none;
}

#featured_image img, #featured_image a img{
position:absolute;
z-index: 2;
visibility: hidden;
}

#featured #featured_image .current_img, #featured #featured_image .current_img img{
z-index: 3;
visibility: visible;
}

.js_active #featured #featured_image .current_img, .js_active #featured #featured_image .current_img img{
visibility: hidden;
}


/*infotext*/
#infotext{
width:940px;
padding:0 10px;
}

#infotext h2{
font-family:arial;
font-size:18px;
padding:10px 0 12px;
position:relative;
top:2px;
}

#infotext h2 a {
  display: block;
  height: 102px;
  background: url('images/jg-visual-published-logos.png') no-repeat 20px 30px;
  font: 21px/21px Georgia, "Times New Roman", Times, serif;
}
#top #infotext h2 a:hover {
  background-position: 20px -128px;
  color: #222;
}

/*content*/

#main{
padding-top:40px;
width:940px;
position: relative;
margin: 0 auto;
overflow: hidden;
}

#content{
width:610px;
margin:0;
overflow: hidden;
position:relative;
float:right;
}

.fullwidth #content, .contact #content{
width:940px;
}

.contact #content h3 {
	clear: none;
}

/* Contact Page */
.contact .call,
.contact .visit,
.contact .email-address,
.contact form h3 {
  background: url('images/contact-icons.png') no-repeat 310px 0;
  padding: 0 0 0 380px; 
}
.contact .visit { background-position: 310px -206px; }
.contact .email-address { background-position: 310px -104px; }
.contact form h3 {
  height: 57px;
  padding: 0 0 0 70px;
  background-position: 0 -309px;
}

/* Process Page */
.process-nav {
  padding: 10px 7px;
  background-color: #222222;
  border: 1px solid #aaa;
  width: 280px;
  color: #fff; 
  position: fixed;
  top: 270px;
}
.process-nav h3 { 
  color: #fff;
  border-bottom: 1px solid #aaa;
  display: inline;
}
.process-nav ol {
  padding: 10px 0 0;
  font-size: 16px;
  font-family: Georgia, Arial, Helvetica, serif;
}
.process-nav li {
  margin: 0 0 5px 0;
  padding: 0;
}
.process-nav li a { color: #fff; }
.process-nav li a.current {
  border-bottom: 1px solid #666;
  color: #ff9000;
  cursor: default;
}
.process {
  margin: 0 0 0 310px;
  text-align: center;
}
.process h3, .process h4 { clear: none; }
.process h3,
.process h4 {
  text-transform: uppercase;
  margin: 0;
}
.process h4 { margin: 40px 0 0; }
.process-step { border-bottom: 1px solid #aaa; }
.process-step.last { border: none; }
.process-step a.icon {
  background: url('images/process-icons.png') no-repeat 0 0;
  display: block;
  margin: auto;
  border: none;
}
.process-step a.icon:hover { border: none; }
.process-step a#initial-meeting { background-position: 0 -338px; width: 87px; height: 57px; }
.process-step a#layout-pages{ background-position: 0 -445px; width: 70px; height: 66px; }
.process-step a#initial-designs{ background-position: 0 -225px; width: 77px; height: 63px; } 
.process-step a#full-website-designs{ background-position: 0 -783px; width: 94px; height: 60px; }
.process-step a#finish-website-designs{ background-position: 0 -115px; width: 54px; height: 60px; }  
.process-step a#test-website{ background-position: 0 -675px; width: 69px; height: 58px; } 
.process-step a#browser-testing{ background-position: 0 0; width: 74px; height: 65px; } 
.process-step a#search-engine-optimization{ background-position: 0 -561px; width: 58px; height: 64px; }  
.process-step a#website-launch{ background-position: 0 -893px; width: 56px; height: 82px; } 
.process-step a#wordpress-content-management{ background-position: 0 -1025px; width: 61px; height: 66px; } 

#sidebar{
width:280px;
overflow: hidden;
margin-right:50px;
position:relative;
float:left;
}

#sidebar .box{
margin:0;
padding:0 0 10px 0;
}

#sidebar .box ul li {
	margin-left: 0px;
}

/*IE6 li margin fix */
* html #sidebar .box ul li {
	margin-left: -15px;
}

#sidebar h3{
padding:20px 0 4px;
}

/*Sidebar Three Photo Group*/
h1.pageHeading { margin: 0 0 0 310px; }

div.sidebarPhotos {
	width: 300px;
	float: left;
	margin: -45px 10px 10px 0;
}

div.sidebarPhotos img {
	margin: 0 0 10px 0;
}

.about-text {
  margin-left: 310px;
}

.entry .about-text ul {
  margin-left: 0;
}

.page-2 h2,
.page-2 h4 { clear: none; }


/*Photography Page Rollover Styles */
.boxgrid{ 
	width: 790px; 
	height: 160px; 
	margin: 0 auto 20px auto; 
	overflow: hidden;
	position: relative;
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	margin: 0;
	padding: 0;
}
	
.boxgrid a:hover img {
	position: absolute;
}
			
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 99%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 999;
}

.boxcaption h3 {
	color: #fff;
	margin: 5px 0 0 3px;
}

.caption .boxcaption {
		top: 125px;
		left: 0;
}

/* IE6 Photo Galleria Plugin Fixes */
* html #galleria { width: 940px; }
* html #galleria strong { display: none; }
* html #galleria div { float: left; margin: 10px;}
* html #galleria a { border:0;}

/*sidebar nesting and hiding of indent lists*/
#sidebar .box a{
display:block;
line-height:22px;
padding:3px 10px;
}
#main #sidebar .tags a{
  display: inline;
  border: none;
  background: none;
  padding: 0;
}
#main #sidebar .tags ul {
  border-bottom: 1px solid #D6D6D6;
}
#sidebar .box ul ul a{
padding:3px 10px 3px 25px;
}
#sidebar .box ul ul ul a{
padding:3px 10px 3px 40px;
}
#sidebar .box ul ul ul ul a{
padding:3px 10px 3px 55px;
}
#sidebar .box ul ul ul ul ul a{
padding:3px 10px 3px 70px;
}
#sidebar .box ul ul ul ul ul ul a{
padding:3px 10px 3px 85px;
}
#sidebar .box ul ul ul ul ul ul ul a{
padding:3px 10px 3px 100px;
}
#sidebar .box ul ul ul ul ul ul ul ul a{
padding:3px 10px 3px 115px;
}
#sidebar .box ul ul ul ul ul ul ul ul ul a{
padding:3px 10px 3px 130px;
}
#sidebar .box ul ul ul ul ul ul ul ul ul ul a{
padding:3px 10px 3px 145px;
}

.sidebarmenu .current{
font-weight: bold;
}

.sidebarmenu ul ul, .sidebarmenu .currentli_item ul ul, .sidebarmenu .parentli_item .li_item ul{
display:none;
}

.sidebarmenu .currentli_item ul, .sidebarmenu .parentli_item ul{
display: block;
}


.box{
position:relative;
margin-right:50px;
float:left;
overflow: hidden;
padding-bottom: 50px;
}

.wrapper .box3{
margin:0;
}

.wrapper .box_small{
width:280px;
}

.wrapper .box_mini{
width:160px;
margin-right:20px;
}

.box_small h3{
padding:4px 0 4px 0;
margin: 0;
}

/*sidebar widgets*/



.widget_search #s{
border: none;
width:219px;
padding:8px 50px 8px 10px;
color:#ccc;
}

#sidebar .widget_search #searchsubmit{
border: none;
display:block;
height:33px;
position:absolute;
right:0px;
text-indent:-9999px;
top:0px;
width:36px;
cursor: pointer;
padding:0;
outline: none;
}

#main #sidebar .widget_tag_cloud a {
display:inline;
border:none;
background: none;
padding:3px;
line-height: 1.5em;
}

#main #sidebar .textwidget a{
display:inline;
background: none;
padding: 0;
margin: 0;
}


#main #sidebar .rsswidget{
background: none;
}

#sidebar .rsswidget img{
display:none;
}

.rss-date, .rssSummary, .widget_rss cite{
padding:3px 10px;
}

#main #sidebar .box .recentcomments a{
background-image: none;
border: none;
}

#main #sidebar .box .recentcomments{
display:block;
line-height:22px;
padding:3px 10px;
}

/*--------------------calendar--------------------*/
#wp-calendar a, #wp-calendar a:visited {
display:block;
text-decoration:none;
padding:0;
border:none;
width:auto;
}

#wp-calendar a:hover{
display:block;
}

#wp-calendar {
empty-cells: show;
width:100%;
text-align:center;

}

#wp-calendar #next a,#wp-calendar #prev a {
text-decoration:none;
display:block;
background: none;
border:none;
}
#wp-calendar #next a:hover,#wp-calendar #prev a:hover {
}

#wp-calendar caption {
margin-bottom:5px;
}


/*blog*/
.entry{
position: relative;
padding-bottom:30px;
clear:both;
float:left;
width: 100%;
}

.entry .box{
padding-bottom:0;
}

.post_data{
border-left:none;
border-right:none;
font-size:11px;
line-height:22px;
padding:3px 1px;
position:relative;
float:left;
width:608px;
margin-bottom: 17px;
}

.post_data .categories{
float:left;
}

.post_data .author{
float:right;
}

.blogentry h1, .bloglist h2 {
width:490px;
padding:5px 0 0 0;
font-size: 32px;
}

h2.cat-tag-arc {
  border-bottom: 1px solid #D6D6D6;
  line-height: 100%;
}

.blogentry img{
max-width:610px;
}

.entry h2{
padding:5px 0 0 0;
}

.entry .date{
height:44px;
position:absolute;
right:0;
text-align:center;
width:112px;
top:8px;
}

.entry .day{
font-size:36px;
font-weight:bold;
line-height:45px;
display: block;
width:55px;
position: absolute;
top:0;
left:0;
height:40px;
}

.entry .month{
display:block;
font-size:18px;
left:60px;
line-height:1em;
position:absolute;
text-transform:uppercase;
top:6px;
width:50px;
}

.entry .year{
display:block;
font-size:14px;
font-weight:bold;
left:60px;
letter-spacing:2px;
line-height:1em;
position:absolute;
top:25px;
width:53px;
}

/*pagination*/

#top .pagination {
clear:both;
padding:0 0 60px 0;
position:relative;
z-index:3;
}

#top .pagination span, #top .pagination a{
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:3px 6px;
text-decoration:none;
width:auto;
}


#top .pagination .current{
font-size:11px;
padding:3px 6px;
}


/*Portfolio*/
#subpage .box_small .more-link,  .box_page .more-link{
position: relative;
top:-13px;
}

#top h3 a.portfolioHeading {
	text-decoration: underline;
	font-size: 18px;
}

#top h3 a.portfolioHeading:hover {
	text-decoration: underline;
}

.website-designs-text { margin-bottom: 50px; }
.website-design { clear: both; }
.website-design .website-picture {
  display: block;
  background: url('images/design-shadow.png') no-repeat 0 424px;
  height: 496px;
  width: 498px;
  float: left;
  margin-right: 25px;
  border: none;
}
.website-design .website-picture:hover { border: none; }
.website-design img,
.website-design a:hover img{
  border: 1px solid #acacac;
}
.website-design h2,
.website-design h3 {
  clear: none; 
}
#top .website-design h3 .website-link {
  background: url('images/skin1/bullet_orange.png') no-repeat right 10px;
  padding-right: 11px;
  border-bottom: 1px solid #FF9000;
}
#top .website-design h3 .website-link:hover {
  border-bottom: 1px solid #222;
  color: #ff9000;
}

.website-design h3 {
  font-family: Arial, Helvetica, san-serif;
  font-size: 18px;
  margin-top: 10px;
}


/*footer*/
#footer{
width:940px;
position: relative;
padding-top: 30px;
margin: 0 auto;
}

.footer_widgets{
float: left;
width:720px;
overflow: hidden;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a
{
color:#cbcbcb;
text-decoration: none;
font-size: 12px;
}

#footer .box_custom_footer{
width:220px;
margin-right:0;
float:right;
overflow: hidden;
}

#footer .box h4, #footer .box h4 a{
text-transform: uppercase;
font-size: 16px;
letter-spacing:1.3px;
border:none;
}

#footer .box ul{
list-style-type: none;
list-style-position: outside;
margin:0;
} 

#footer .box ul ul{
border:none;
}

#footer .box ul li a{
display:block;
padding:3px 10px;
line-height:22px;
position: relative;
}

#footer .custom_button{
width:150px;
padding:10px 60px 10px 10px;
display: block;
text-align: center;
border: none;
}

.rsswidget img{
display: none;
}

.custom_button strong{
display: block;
font-size: 20px;
font-weight: normal;
letter-spacing:1px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.custom_button span{
display: block;
font-size: 14px;
font-weight: normal;
letter-spacing:0.5px;
}

#sitesearch_footer{
padding-top:20px;
position: relative;
}

.box_custom_footer p{
font-size:11px;
line-height: 17px;
padding:10px 0;
}

#searchform{
position: relative;
}

#footer #s{
border: none;
width:160px;
padding:8px 50px 8px 10px;
color:#ccc;
}

#footer .widget #s{
width:100px;
}

#footer #searchsubmit{
border: none;
display:block;
height:35px;
position:absolute;
right:3px;
text-indent:-9999px;
top:0px;
width:35px;
cursor: pointer;
padding:0;
outline: none;
}

.wrapper .social-bookmarks a {
  padding: 4px 0 0 40px;
  display: block;
  border: none;
  font-size: 13px;
  height: 32px;
  background: url('images/social-media-icons.png') no-repeat 0 0;
  margin-bottom: 9px;
}

.wrapper #footer .social-bookmarks a:hover {
  color: #FF9000;
  border: none;
}

.social-bookmarks a.twitter { background-position: 0 -164px; }
.social-bookmarks a.rss { background-position: 0 -82px; }

.wrapper #footer .box .recentcomments a{
background-image: none;
border: none;
}

.widget_tag_cloud{
line-height: 2.5em;
}

.widget_tag_cloud a{
padding:2px;
}

/*generic*/
.rounded{
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.more-link{
display:block;
line-height:16px;
padding:9px 0 0;
width:72px;
}

#frontpage .more-link {
	width: 110px;
}

input, select, textarea{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
position:relative;
outline: none;
}

blockquote {
font-size:12px;
font-style:italic;
margin:0 0 20px;
padding:10px 20px 10px 41px;
}

.wrapper a{
text-decoration:none;
}

.wrapper a:hover{
text-decoration:none;
}

a img, a:hover img{
border:none;
text-decoration:none;
z-index: 2;
position: relative;
outline: none;
}

.wrapper a.image { border:none; }
.wrapper a.image:hover { border: none; }

#main div.portfolio_entry img, #main div.box_post img, #main div.blogentry img{
float:left;
margin-bottom: 5px;
display: inline;
}

p{ padding: 0 0 1em 0}



ul, ol{
margin-bottom:10px;
}

ul li{
list-style-type: none;
padding-left:10px;
}

#top #nav, #top #nav li, #sidebar li, #sidebar ul, #footer li, #footer ul{
padding:0;
list-style-type: none;
background: none;
border:none;
}

ol li{
list-style-type: decimal;
list-style-position:inside;
}

#sidebar ul, #sidebar ol{
margin:0px;
}

#sidebar li{
list-style-type:none;	
}


h1,h2,h3,h4,h5,h6, legend{
letter-spacing: 0.4px;
font-weight:normal;
padding-bottom:5px;
line-height:1.4em;
position: relative;
font-family:Georgia, Arial, Helvetica, san-serif;
}

h1{clear:both; font-size:36px;}
h2{font-size:22px; clear:both;}
h3, legend{font-size:22px; clear:both;}
h3 {margin-top: 20px; padding-bottom: 0px;}
h3.homeColumn { margin-top: 0; }
h4{font-size:16px; clear:both;}
h5{font-size:14px; clear:both;}
h6{font-size:13px; clear:both;}



#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
text-decoration:none;
border:none;
} 

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
text-decoration:none;
border:none;
} 



blockquote p{
padding:11px 0px;
}

blockquote{
margin:0 0 22px 5px;
padding:0 15px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
}

.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#main div.blogentry img.aligncenter { 
float: none;
display: block;
margin: 0 auto;
padding: 0 auto;
}

#top .extra_margin_right{
margin-right:50px;
}

#top .no_margin_right{
margin-right:0;
}

#top .wp-smiley{
border:none;
padding:0;
}

.meta{
display:block;
position:relative;
top:3px;
font-size:11px;
line-height:14px;
}

.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next {
margin-top:8px;
}

.pp_details .pp_nav {
margin:-3px 0 0;
}

.lightbox_video, .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
}


#top .ie6_lightbox, #footerwrap .ie6_lightbox{
position: relative;
border:none;
}
/*CONTACT FORM*/	



#searchsubmit, #send, #top #submit{
cursor:pointer;
}



.text_input, .text_area{
padding:4px;
font-family: Arial, Helevtica, Verdana, san-serif;
width:200px;
font-size:11.5px;
}

#send, #submit{
padding:4px 20px;
font-family: Arial, Helevtica, Verdana, san-serif;
font-size:11.5px;
}

.hidden{
display:none;
}

#commentform{
padding-bottom:20px;
}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
padding-left:7px;
}
.blocklabel{
display:block;
padding:10px 0 0 0;
}

#top .text_area{
width:600px;
}

#send, #top #submit{
cursor:pointer;
}



/*comments*/
#top .comment-edit-link, #top .comment-meta a{
border:none;
}

.commentlist{
margin-bottom:20px;
float:left;
width:100%;
}

#top .commentlist #comment{
width:70%;
}


.commentlist li{
width:100%;
clear:both;
float:left;
padding:0;
list-style-type:none;
padding:20px 0 0 0;
position:relative;
}
.commentlist .children, .commentlist .children li{
border:none;
}

.gravatar{
float:left;
width:60px;
padding:0px 10px;
text-align: center;
}

.gravatar img{
display:block;
padding:5px;
}

.comment_content{
float:left;
width:524px;
padding-bottom:20px;
}

.commentmetadata{
float:right;
padding-right:10px;
}

.commentmetadata a, .comment-edit-link, .comment-reply-link{
text-decoration: none;
font-size:10px;
}

#top .comment-reply-link{
border:none;
}

.comment-edit-link{
padding-left:10px;
}

.says{
display:none;
}

.author_name{
font-weight:bold;
font-style:normal;
font-size:15px;
float:left;
}

.comment_text{
clear:both;
}

.comment-reply-link{
text-align: center;
display: block;
}

.commentlist #respond{
padding-left:80px;
}

.commentlist li {
	margin-left: 0px;
}

#cancel-comment-reply-link{
text-decoration: none;
margin-left:15px;
font-size: 10px;
}

.commentlist .children{
padding:0 0 0 70px;
}
.commentlist .children li .comment_content{
width:454px;
}

.commentlist .children .children li .comment_content{
width:384px;
}

.commentlist .children .children .children li .comment_content{
width:314px;
}

.commentlist .children .children .children .children li .comment_content{
width:244px;
}

.commentlist .children .children .children .children .children li .comment_content{
padding:0;
}

.comment_nav{
position: relative;
top:-13px;
font-size: 10px;
z-index: 4;
}

.comment_nav a{
text-decoration: none;
}

.comment_prev{
float:left;
}
.comment_next{
float:right;
}