/*
Theme Name: Photo Nexus for Wordpress
Theme URI: http://photonexus.imaginemthemes.com/wp/
Description: Theme Design by Mondre'
Version: 1.9
Author: Mondre'
Author URI: http://blog.imaginemthemes.com
Tags: fixed width, two columns

	Photo Nexus v1.9
	http://photonexus.imaginemthemes.com/wp/

	This theme was designed and built by Mondre,
	you will find him at http://themeforest.net/user/imaginem 
	in Themeforest

*/

/*
begin resets
*/
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 {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/*
Main Global Layout Settings
*/


*{ padding: 0px; }
body, html{ height: 100%; margin: 0; background:#fff; }
body{ font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif; font-size: 62.5%; }
a{ outline: none; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

.clear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

/* -------- Page Structure -------- */
#thebody { width: 100%;margin:0;padding-top:0;}
#thebodysmallbg { width: 100%;margin:0;padding:0;}
#thepage { width: 960px; margin: 0px auto; }

/* -------- Top Paddings -------- */
#top-padding { padding-top:60px; }
.top-padding-min { padding-top:50px; }

/*---- Column ----*/

#columns {
	margin: 0;
	padding: 0;
	display: table-cell;
	display: block;
	height: auto !important;
}


#contentcol {
	float: left;
	width: 730px;
	background:#E8E8E8;
	border-bottom:12px solid #B9B9B9;

}

#gallerycategories {
	float: right;
	width: 250px;
	color:#fff;
}

#gallerycol {
	float: left;
	width: 730px;

}


/* -------- Featured -------- */

#feature {
	width:730px; height:550px;
}

#portfolioslides {
	list-style:none;
	margin:0;
	padding:0;
}

#portfolioslides li.featurecenter { width:730px; margin:0 auto; }
#portfolioslides li.featurecenter img { display:block; margin:0 auto; }

/* ------------ The Side Menu -----------*/
#navwrap {
	float:right;
	font-size: 10px;
	color:#D1D1D1;
	width:200px;
}
#navwrap ul {list-style:none;margin:0; font-weight:normal;}
#navwrap li {}
	#navwrap li a {
		font-size:9px;
		padding-top:10px;
		padding-left:5px;
		padding-bottom:5px;
		height:100%;
		text-decoration:none;
		color:#464646;
	}
/* Top Menu Home About Contact */
#navwrap li.company {
	padding-top:5px;
	padding-bottom:5px;
	height:100%;
	text-decoration:none;
	color:#464646;
	font-weight:bold;
	}
	#navwrap li.company a {
		letter-spacing: 2px;
		padding-top:10px;
		padding-bottom:5px;
		height:100%;
		padding-left:13px;
		text-decoration:none;
		color:#464646;
	}
	#navwrap li.company a:hover {
		text-decoration:none;
		color:#000;
	}
	
/* Pages */
.pagemenu { }

/* Category Title */
#navwrap li.categories {
	}
	#navwrap li.categories {
		text-transform:lowercase;
		text-align:center;
		letter-spacing: 12px;
		padding-top:30px;
		padding-bottom:5px;
		padding-left:5px;
		width:195px;
		display:block;
		height:100%;
		text-decoration:none;
		color:#747474;
		font-weight:bold;

	}
	
/* Categories */
#navwrap li.cat-item a {
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	display:block;
	height:100%;
	text-decoration:none;
	color:#464646;
	background: #D1D1D1;
	letter-spacing: 2px;
	border-bottom:1px solid #B9B9B9;
	}

	#navwrap ul.children li.cat-item a {
		padding-top:10px;
		padding-left:20px;
		padding-bottom:5px;
		display:block;
		height:100%;
		text-decoration:none;
		color:#464646;
		background: #C7C7C7;
		letter-spacing: 2px;
		border-bottom:1px solid #B9B9B9;
	}

	#navwrap li.cat-item a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}
	#navwrap ul.children li.cat-item a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}
	#navwrap li a:hover {text-decoration:none;color:#fff;}


	.cat-item ul.children {border-top:1px solid #464646;}
	.current-cat ul.children li.cat-item {display:inline;font-weight:normal; background:#111;}
	.current-cat-parent ul.children li.cat-item {display:inline; }
	.current-cat {font-weight:bold;}
	#navwrap li.current-cat a , #navwrap ul.children li.current-cat a {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}

/* Page List */
#navwrap li.page_item a {
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	display:block;
	height:100%;
	text-decoration:none;
	color:#464646;
	background: #EAEAEA;
	letter-spacing: 2px;

	border-bottom:1px solid #D9D9D9;
}

	#navwrap li.page_item a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}
	#navwrap li.current_page_item a  {text-decoration:none;color:#E8E8E8;background:#2E2E2E; font-weight:bold;}


/* -------- Gallery -------- */

.gallerywrap{
	text-align:center;
	color:#887;
	font-size:10px;
	letter-spacing:2px;
	}

/* These heights and widths should be edited to your images THUMBNAIL WIDTH AND HEIGHT DEFINED IN pikachoose.js in the JS Directory */	
ul#pikame {
	padding-left:0;
	width:730px;
	margin:0 auto;
	}
	/* Gallery Area */
	.pika_main {
		width:730px;
		padding-right:20px;
		margin:0 auto;
		}
		/* Main Image */
		.pika_main img {}
		.pika_main{
			position: relative;
			margin:0 auto;
			}
	/* Thumbnail */	
	#pikame li {
		margin:2px;
		float: left;
		position:relative;
		border:1px solid #5D5D5D;
		}
		ul#pikame li img {
			position:relative;
			cursor:pointer;
			}
		/* Thumbnail list */
		.pikachoose li {
			float:left;
			position:relative;
			overflow:hidden;
			list-style:none;
			}
			
	/* Caption Wrap setting */	
	.pika_caption{
		width:100%;
		text-align:center;
		font-size: 9px;
		color:#464646;
		padding-top:10px;
		padding-bottom:0;
		}
	/* Title */	
	.phototitle {
		font-size: 10px;
		font-weight:bold;
		color:#464646;
	}
	/* Caption Text */
	.phototext {
		font-size: 9px;
		color:#464646;	
	}
		.phototext a {
			color:#464646;
			font-weight:bold;
			text-decoration:none;
		}
		.phototext a:hover {
			color:#000;
			text-decoration:none;
		}
		
	/* Slideshow Button */
	.pika_play {
		position:absolute;
		top:20px;
		right:20px;
		z-index:1;
		}
		.pika_play a {
			position:relative;
			margin-left:auto;
			cursor:pointer;
			background:#000;
			color:#fff;
			padding:10px;
			}
			
			.pika_play a:hover {
				text-decoration:none;
				}
			.pika_play img{border:none !important;}
		
	/* Navigation Next and Previous */	
	.pika_navigation a{
		font-size: 9px;
		text-decoration: none;
		color:#8B8B8B;
		text-transform:lowercase;
		}
		.pika_navigation a:hover{
			text-decoration:none;
			color:#000;
			}
		.pika_navigation{
			padding-top:10px;
			clear:both;
			text-align:center;
			cursor:pointer;
			}
			
		/* -------- Navigation Next and Previous -------- */
		.nav {
			color:#464646;
			padding-top:5px;
			clear:both;
			font-size:10px;
			letter-spacing:2px;
			text-transform:uppercase;
			}
			.nav a {
				color:#464646;
				font-weight:bold;
				text-decoration:none;
				}
			.nav a:hover {
				color:#000;
				text-decoration:none;
				}


/* -------- Main image -------- */
#main_image{
	margin:0 auto 0px auto;
	height:500px;
	width:730px;
	background:#000;
	}
#main_image img{
	margin-bottom:10px;
	}

/* -------- Extra -------- */
.info {
	text-align:left;
	width:730px;
	margin:30px auto;
	border-top:1px solid #221;
	padding-top:30px;
	}
.info p{
	margin-top:1.6em;
	}


/* -------- Content Format -------- */

	/* -------- Alignment -------- */
	
	.title {
		margin-right:60px;
		padding-left:20px;
		padding-bottom:20px;
		font-size: 32px;
		font-style: normal;
		font-weight: bold;
		text-transform: none;
		letter-spacing: normal;
		color:#000;
	}

	.title a {
		text-decoration:none;
	}
	
	#contents { font-size:13px; line-height:20px; color:#7d7d7d; padding:20px;}
		h1,h2,h3,h4,h5,h6 {
		font-weight:normal;
		color: #5D5D5D;
			}
	
	#contents .alignright {float:right; margin-left:15px;}
	#contents .alignleft {float:left; margin-right:15px;}
	#contents .aligncenter { clear:both; display:block; margin:0px auto;  }


	#contents img.image {border:1px solid #A2A2A2;padding:3px;}
	#contents img.bigimage {border:none;padding:0;}
	#contents .imagecaption {margin-top:-6px;padding:5px 10px 5px 10px;background:#111;color:#fff;font-size:11px;}
	#contents em {font-style:italic;}
	#contents a {color:#111;text-decoration:underline;}
	#contents blockquote{
	margin:0 0 22px 5px;
	padding:0 15px;
	border-left: 5px solid #111;
	}
	
	#contents ul, #contents ol{
	list-style-position:outside;
	margin-left:20px;
	}

	
	/* -------- Headings -------- */
	
	h1, #contents h1 {font-size:28px;font-weight:bold;}
	h2, #contents h2 {font-size:24px;font-weight:bold;}
	h3, #contents h3 {font-size:20px;font-weight:bold;}
	h4, #contents h4 {font-size:18px;}
	h5, #contents h5 {font-size:16px;}
	h6, #contents h6 {font-size:14px;}
	
	/* -------- Bullets -------- */
	
	#contents .servicelist ul { 
		list-style-image: 
		url('images/tick.gif');
		padding-bottom:20px;
		}
		#contents .servicelist ul li { 
			padding-top:5px;
			}
			
	#contents .starlist ul { 
		list-style-image: 
		url('images/star.gif');
		
		padding-bottom:20px;
		}
		#contents .starlist ul li { 
			padding-top:5px;
			}

/* -------- Table -------- */
	
#contents table.nexustable {
	font-size:11px; text-align:center;
	color:#5D5D5D;
	border: 1px solid #fff;
	border-collapse: collapse;
}
#contents table.nexustable th {
	background:#D1D1D1;
	border: 1px solid #fff;
	padding: 8px; width:100px;
}
#contents table.nexustable tr {
	background:#E8E8E8;
}
#contents table.nexustable td {
	border: 1px solid #fff;
	padding: 8px; width:100px;
}


/* Contact Form Text Input Styles*/

.contactinfo { width:280px; float:right; padding: 0 20px 0 0; margin:0; font-size:13px; line-height:20px; color:#7d7d7d;}

.contactmap { color:#111; font-size:11px; background:#E8E8E8; padding:10px;}
	.contactmap a { color:#111; font-size:11px; }

#contactForm { width:250px; float:left; margin: 0 0 0 20px; padding:0;}

	.screenReader { left: -9999px; position: absolute; top: -9999px; }
	.thanks {  font-size:12px; border: 1px dotted #FFECDA; margin:50px 50px 50px 20px;padding:10px; color:#8B8B8B; background:#fff; width:265px; float:left; }

	/*****Forms*****/
	ol.forms { float: left; list-style: none; margin: 0; width: 420px; padding:0 0 40px 0;  }
	ol.forms li { 
		clear: both; 
		float: left; 

		position: relative;

	}
	ol.forms li.inputbar { 
		margin-bottom:20px;
	}
	ol.forms label {
		cursor: pointer;
		display: block;
		float: left;
		width: 100px;
		font-size: 13px;
	}
	ol.forms input, ol.forms textarea {
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
		border: 2px solid #CCCCCC;
		color:#7d7d7d;
		font: inherit;
		padding: 2px;
		width: 314px;
		font-size: 13px;
	}
	ol.forms textarea { height: 200px;}
	ol.forms input:focus, ol.forms textarea:focus { border: 2px solid #111; }
	.error { color: #f00; }
	ol.forms li .error { font-size: 12px; margin-left: 15px; }
	ol.forms li.textarea .error {

	}
	ol.forms li.screenReader { margin-bottom: 0; }
	ol.forms li.buttons button {
		background: #111;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size:14px;
		overflow: hidden;
		padding: 6px 3px 6px 3px;
		width: 100px;
	}
		ol.forms li.buttons button:hover { color: #fff; }
		ol.forms li.buttons button:active { color: #fff; }
		ol.forms li.buttons, ol.forms li.inline {  width: 460px;  }
		ol.forms li.inline input { width: auto; }
		ol.forms li.inline label { display: inline; float: none;  }



	
	/* -------- Address -------- */
	
	.addressbox { 
		float:right;
		font-size:18px;
		line-height:22px;
		position:relative;
		right:168px; top:40px;
		margin-bottom:100px;
		}
	.addresstitle {
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	.fulladdress {
		color:#464646;
		font-size:14px;
		margin-bottom:10px; margin-left:5px;
	}
	
		.fulladdress ul {
			list-style:none;
		}
			.fulladdress ul li {
			}
			
			
/* Contact Text Input Styles*/
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ccc;
}

/* BOX styles ----------*/

.box {
	margin: 0 0 15px;
	padding-top: 0px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 18px;


}


/*---- Footer ----*/

#navwrap ul.footer {
	list-style:none;
	padding-left:5px;
	padding-bottom:2px;
	border-top:1px solid #B9B9B9;
	border-bottom:1px solid #B9B9B9;
	margin-top:30px;
	padding-top:5px;
	color:#D1D1D1;
	font-size:9px;
}

#navwrap ul.footer li {

padding-left:5px;
padding-bottom:2px;
text-decoration:none;
color:#464646;
font-size:9px;
border-bottom:none;
}
#navwrap ul.footer li a {
padding:0;
text-decoration:none;
color:#464646;
font-size:9px;
font-weight:bold;
}

/*=== End of CSS ===*/
