/*

	Theme Name: Paradox WP Theme
	Theme URI: http://themeforest.net/user/DDStudios
	Description: Paradox WordPress Theme by DDStudios & Daniel Sandvik
	Author: DDStudios & Daniel Sandvik
	Version: 1.0

*/

/* reset all elements */
@import url("reset.css");

/* MAIN TAGS */

body {
	
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	
}
hr {margin: 5px 0 10px; border:solid 1px #eee;}
h1, h2, h3,
h4, h5, h6 {
	
	font-weight: bold;
	/*letter-spacing: -1px;*/
	position: relative;
	
}

blockquote {
	
	color: #525252;
	text-align: center;
	font: italic 24px/32px Georgia, "Times New Roman", Times, serif;
	padding: 0 40px;
	
}


a, a:link, a:visited {color:#056939; }

#content a, #content a:link, #content a:visited {color:#056939; text-decoration:none; border-bottom: solid 1px #056939; }
 #content li p a, #content li p a:link, #content p a.button, #content li a.button {border-bottom:none;} 
#content a:hover, #content li a p:hover  {color:#2db661; border-bottom:solid #2db661 1px;}

/* MAIN CLASSES */
.caption {font-size:9px;}

.wrapper {
	
	margin: 0 auto;
	position: relative;
	width: 900px;
	text-shadow: 0 1px 1px #ffffff;
	
}

.title {
	
	padding-bottom: .7em;
	
}

h1 .heading-title, h2 .heading-title, h3 .heading-title, h4 .heading-title, h5 .heading-title, h6 .heading-title {
	
	padding-bottom: .7em;
	display: block;
	width: 100%;
	
}

.button-color, .button {
	
	display: inline-block;
	font-size: 11px;
	line-height: 24px;
	margin-top: 10px;
	padding: 0 15px 0 3px;
	position: relative;
	margin-left: 12px;
	
}

.button {
	
	padding-bottom: 1px;
	
}

.button-color span, .button span {
	
	height: 24px;
	left: -11px;
	position: absolute;
	top: 0;
	width: 12px;
	
}

.button span {
	
	height: 25px;
	
}

.announcement {
	
	float: left;
	font: bold 22px Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 20px 0;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
}

	.announcement .button-color, .announcement .button {
		
		margin-top: 3px;
		
	}

	.announcement .left {
		
		display: inline;
		margin-left: 20px;
		
	}

	.announcement .right {
		
		display: inline;
		margin-right: 20px;
		
	}
	
.list-links, #footer #menu-footer {
		
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		
	}
	
		.list-links li, #footer #menu-footer li {
			
			margin: 0;
			padding: 0;
			
		}
		
			.list-links li a#footer #menu-footer li a {
				
				display: block;
				font-size: 11px;
				padding: 5px 10px;
				
			}







	/* COLUMN TEMPLATE */
	
	.group {
		
		float: left;
		width: 100%;
		
	}
	
	.block {
		
		float: left;
		width: 100%;
		margin-bottom: 40px;
		
	}
	
	.last {
		
		margin-right: 0 !important;
		
	}
	
	.one-half, .one-third, .two-thirds,
	.one-fourth, .three-fourths, .one-fifth,
	.two-fifths, .three-fifths, .four-fifths,
	.one-sixth, .five-sixths {
		
		float: left;
		margin: 0 30px 0 0;
		
	}
	
	.one {
		
		width: 100%;
		float: left;
		
	}
	
	.one-half {
		
		width: 435px;
		
	}
	
	.one-third {
		
		width: 280px;
		
	}
	
	.two-thirds {
		
		width: 590px;
		
	}
	
	.one-fourth {
		
		width: 202px;
		
	}
	
	.three-fourths {
		
		width: 666px;
		
	}
	
	.one-fifth {
		
		width: 156px;
		
	}
	
	.two-fifths {
		
		width: 342px;
		
	}
	
	.three-fifths {
		
		width: 528px;
		
	}
	
	.four-fifths {
		
		width: 714px;
		
	}
	
	.one-sixth {
		
		width: 125px;
		
	}
	
	.five-sixths {
		
		width: 745px;
		
	}





/* HEADER */

#header {
	
	float: left;
	height: 85px;
	width: 100%;
	position: relative;
	z-index: 50;
	
}

	
		#logo {
		margin:0 !important;
		top:13px;
		
	}	

		#logo a {
		background:url("https://safe-eyes.co.nz/wp-content/uploads/2012/04/Safe-eyes-logoNEW_03.gif") no-repeat scroll 0 0 transparent;
		float:left;
		height:63px;
		margin:0;
		text-indent:-9999px;
		top:12px;
		width:149px;
		
	}
	

		#slogan {position:absolute;
		left:-9999px;
			
			
		}
	
	#menu {
		
		float: right;
		position: relative;
		z-index: 200;
		
	}
	
		#menu ul {
			
			list-style: none;
			margin: 0;
			padding: 0;
			
		}
		
			#menu ul li {
				
				float: left;
				line-height: 85px;
				margin: 0 2px;
				padding: 0 0 0 10px;
				position: relative;
				
			}
			
				#menu ul li a {
					
					display: block;
					outline: none;
					margin-left: 10px;
					padding: 0 17px 0 3px;
					position: relative;
					float: left;
					
				}
			
				#menu ul li a:hover, #menu ul li.hovered a {
					
					display: block;
					position: relative;
					
				}

					#menu ul li a:hover span, #menu ul li.hovered a span {
						
						width: 12px;
						left: -12px;
						top: 31px;
						height: 27px;
						position: absolute;
						
					}
				
					#menu ul li.current-menu-item a span {
						
						width: 12px;
						left: -12px;
						top: 29px;
						height: 27px;
						position: absolute;
						
					}
					
					#menu ul li ul {
						
						display: none;
						left: -20px;
						padding-bottom: 10px;
						position: absolute;
						top: 70px;
						width: 200px;
						
						border-radius-bottom-left: 10px;
						-moz-border-radius-bottomleft: 10px;
						-webkit-border-bottom-left-radius: 10px;
						
						border-radius-bottom-right: 10px;
						-moz-border-radius-bottomright: 10px;
						-webkit-border-bottom-right-radius: 10px;
						
					}
					
						#menu ul li ul li {
							
							background: none;
							float: left;
							line-height: 36px;
							margin: 0;
							padding: 0;
							width: 200px;
							
						}
						
							#menu ul li ul li a, #menu ul li.hovered ul li a {
								
								 line-height: 17px;
    margin: 0;
    padding: 8px 15px;
    width: 170px;
								
							}
							
							#menu ul li ul li ul {
								
								top: -1px;
								left: 180px;
								z-index: 50;
								
							}



/* SUB HEADER */

#sub-header {
	
	float: left;
	width: 100%;
	
}

	#sub-header .wrapper #sub-header-bg {
		
		float: left;
		padding: 30px 0;
		width: 100%;
		
	}
	
		#sub-header p {
			
			line-height: 24px;
			margin-bottom: 1.7em;
			
		}
		
.page-title {
	
	margin-top: 15px !important;
	
}

	.page-desc {
		
		display: block;
		font: bold 14px/20px Arial, Helvetica, sans-serif;
		margin: -10px 0 10px 0;
		
	}
	
	.page-desc .comments, .page-desc .author {
		
		margin-right: 20px;
		
	}
	
		.page-desc a {
			
			color: #999999;
			
		}
		
		.page-desc a:hover {
			
			text-decoration: underline;
			
		}
	
h1.intro {
	
	padding-top: 20px;
	
}
.buyNow {
	
	display: block;
	float: left;
	height: 41px;
	margin-right: 20px;
	width: 160px;
	
}

.learn-more-button, .contact-us-button {
	
	display: block;
	float: left;
	height: 48px;
	margin-right: 20px;
	width: 170px;
	
}



	/* SUB MENU */
	
	#submenu {
		
		margin-top: 25px;
		position: relative;
		
	}
	
		#submenu ul {
			
			list-style: none;
			margin: 0;
			padding: 0;
			
		}
		
			#submenu ul li {
				
				float: left;
				margin: 0 5px;
				padding: 0;
				
			}

				#submenu ul li a {
					
					display: inline-block;
					font-size: 12px;
					line-height: 25px;
					padding: 0 15px 0 3px;
					position: relative;
					margin-left: 12px;
					
				}
				
				#submenu ul li a span {
					
					height: 25px;
					left: -12px;
					position: absolute;
					top: 0;
					width: 12px;
					
				}



/* CONTENT */

#content {
	
	float: left;
	padding: 50px 0 30px 0;
	width: 100%;
	
}

	#main-content {
		float: left;
		padding-bottom: 20px;
		width: 590px;
		
	}
	
	#main-content-full {
		
		float: left;
		padding-bottom: 20px;
		width: 900px;
		
	}
	
	
	
	
/* BLOG */

.post-item {
	
	float: left;
	margin: 0 0 70px 0;
	width: 100%;
	
}

	#main-content-full .post-item {
		
		margin: 0 30px 0 0;
		width: 280px;
		
	}

	.post-head {
		
		float: left;
		padding-bottom: 15px;
		margin-bottom: 15px;
		width: 100%;
		
	}

	.post-item .date {
		
		width: 45px;
		float: left;
		margin: 0 20px 0 0;
		position: relative;
		text-align: center;
		
	}
	
		.post-item .date .bg {
			
			width: 45px;
			height: 2px;
			position: absolute;
			top: -3px;
			left: 0;
			
		}
	
		.post-item .date .month {
			
			display: block;
			font: normal 10px/13px Arial, Helvetica, sans-serif;
			padding-bottom: 2px;
			
		}
		
		.post-item .date .day {
			
			display: block;
			font: bold 20px/35px Arial, Helvetica, sans-serif;
			
		}
		
	h2.post-title {
		
		font: bold 28px/34px Arial, Helvetica, sans-serif;
		
	}
	
	h3.post-title {
		
		font: bold 18px/20px Arial, Helvetica, sans-serif;
		
	}
	
		.post-title a:hover {
			
			text-decoration: underline;
			
		}
	
	.post-item .post-info {
		
		font-size: 10px;
		float: left;
		margin-top: -14px;
		line-height: 18px;
		
	}
	
		#main-content-full .post-item .post-info {
			
			margin-top: -3px;
			
		}
	
		.post-item .post-info a:hover {
			
			text-decoration: underline;
			
		}
	
		.post-item .post-info .comments {
			
			padding-left: 14px;
			margin-right: 20px;
			font: normal 10px Arial, Helvetica, sans-serif;
			
		}
		
		.post-item .post-info .author {
			
			padding-left: 14px;
			margin-right: 20px;
			
		}
		
		.post-item .post-info .cats {
			
			padding-left: 14px;
			margin-right: 20px;
			
		}
		
		.post-item .post-info .info-date {
			
			padding-left: 14px;
			margin-right: 20px;
			
		}
		
		
		
	/* COMMENTS */
	
	#comments {
		
		
	}
	
		#comments h3 {
			
			margin-bottom: 1.5em !important;
			
		}
	
		#comments ol {
			
			list-style: none;
			margin: 0;
			padding: 0;
			
		}
		
			#comments ol li {
				
				clear: both;
				display: block;
				float: left;
				margin: 0 0 20px 0;
				padding: 0;
				width: 100%;
				
			}
			
				#comments ol li .comment-info {
					
					float: left;
					width: 80px;
					
				}
				
					#comments ol li .comment-info img {
						
						margin-bottom: 8px;
						
					}
				
					#comments ol li .comment-info .author a {
						
						font: bold 12px/16px Arial, Helvetica, sans-serif;
						display: block;
						
					}
				
					#comments ol li .comment-info .author a:hover {
						
						text-decoration: underline;
						
					}
					
					#comments ol li .comment-info span.date {
						
						display: block;
						font: normal 10px/16px Arial, Helvetica, sans-serif;
						padding-left: 15px;
						
					}
					
					#comments ol li .comment-info span.time {
						
						display: block;
						font: normal 10px/16px Arial, Helvetica, sans-serif;
						padding-left: 15px;
						
					}
					
				#comments ol li p {
					
					margin-left: 100px;
					padding: 30px;
					position: relative;
					
					border-radius: 10px;
					-moz-border-radius: 10px;
					
				}
				
				#comments ol li p span {
					
					top: 55px;
					height: 11px;
					left: -11px;
					position: absolute;
					width: 11px;
					
				}
				
			#comments ol li ul {
				
				clear: both;
				float: left;
				margin: 20px 0 0 0;
				padding-top: 20px;
				width: 100%;
			}
			
				#comments ol li ul li {
					
					padding-left: 40px;
					float: none !important;
					clear: both;
					min-height: 135px;
					width: auto !important;
					
				}
				
				
	#comment {
		
		float: left;
		margin-bottom: 30px;
		width: 100%;
		
	}
	
	
	
	
/* PORTFOLIO */

.portfolio-zoom, .portfolio-play {
	
	width: 21px;
	height: 21px;
	
}
	
.portfolio-follow {
	
	width: 21px;
	height: 21px;
	
}

.portfolio-item-2 {
	
	float: left;
	margin-right: 30px;
	width: 435px;
	
}

	.portfolio-item-2 .portfolio-image {
		
		height: 250px;
		float: left;
		margin-bottom: 1em;
		position: relative;
		width: 435px;
		
	}
	
		.portfolio-item-2 .portfolio-image-extras {
			
			display: none;
			height: 250px;
			left: 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 456px;
			
		}
		
			.portfolio-item-2 .portfolio-image-title {
				
				width: 435px;
				
			}
		
			.portfolio-item-2 .portfolio-image-title h3 a {
				
				display: block;
				line-height: 250px;
				white-space: pre;
				
			}
			
			.portfolio-item-2 .portfolio-follow, .portfolio-item-2 .portfolio-play {
				
				position: absolute;
				top: 5px;
				right: 0px;
				
			}
			
			.portfolio-item-2 .portfolio-zoom {
				
				position: absolute;
				top: 29px;
				right: 0px;
				
			}

.portfolio-item-3 {
	
	float: left;
	margin-right: 30px;
	width: 280px;
	
}

	.portfolio-item-3 .portfolio-image {
		
		height: 200px;
		float: left;
		margin-bottom: 1em;
		position: relative;
		width: 280px;
		
	}
	
		.portfolio-item-3 .portfolio-image-extras {
			
			display: none;
			height: 200px;
			left: 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 301px;
			
		}
		
			.portfolio-item-3 .portfolio-image-title {
				
				width: 280px;
				
			}
		
			.portfolio-item-3 .portfolio-image-title h3 a {
				
				display: block;
				line-height: 200px;
				white-space: pre;
				
			}
			
			.portfolio-item-3 .portfolio-follow, .portfolio-item-3 .portfolio-play {
				
				position: absolute;
				top: 5px;
				right: 0px;
				
			}
			
			.portfolio-item-3 .portfolio-zoom {
				
				position: absolute;
				top: 29px;
				right: 0px;
				
			}

.portfolio-item-4 {
	
	float: left;
	margin-right: 30px;
	width: 202px;
	
}

	.portfolio-item-4 .portfolio-image {
		
		height: 120px;
		float: left;
		margin-bottom: 1em;
		position: relative;
		width: 202px;
		
	}
	
		.portfolio-item-4 .portfolio-image-extras {
			
			display: none;
			height: 120px;
			left: 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 223px;
			
		}
		
			.portfolio-item-4 .portfolio-image-title {
				
				width: 202px;
				
			}
		
			.portfolio-item-4 .portfolio-image-title h3 a {
				
				display: block;
				line-height: 120px;
				white-space: pre;
				
			}
			
			.portfolio-item-4 .portfolio-follow, .portfolio-item-4 .portfolio-play {
				
				position: absolute;
				top: 5px;
				right: 0px;
				
			}
			
			.portfolio-item-4 .portfolio-zoom {
				
				position: absolute;
				top: 29px;
				right: 0px;
				
			}
			
	#prev-portfolio {
		
		height: 50px;
		position: absolute;
		right: 80px;
		top: -12px;
		width: 50px;
		
	}
	
		#prev-portfolio a {
			
			display: none;
			height: 50px;
			left: 0;
			position: absolute;
			top: 0;
			width: 50px;
			
		}
			
	#next-portfolio {
		
		height: 50px;
		position: absolute;
		right: 20px;
		top: -12px;
		width: 50px;
		
	}
	
		#next-portfolio a {
			
			display: none;
			height: 50px;
			left: 0;
			position: absolute;
			top: 0;
			width: 50px;
			
		}
		
		
	/* PAGINATION */
	
	#pagination {
		
		float: left;
		margin: -30px 0 20px 0;
		width: 100%;
		
	}
	
	#main-content-full #pagination {
		
		margin: 0px 0 10px 0;
		
	}
	
		#pagination ul {
			
			list-style: none;
			margin: 0;
			padding: 0;
			
		}
		
			#pagination ul li {
				
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
				
			}	

	#pagination ul li.current a.button {
		
		padding-bottom: 0;
		
	}
	
	#pagination ul li.current a.button span {
		
		height: 24px;
		
	}
		
		
		
		

	/* LATEST WORKS */
	.latest-works {
		
		float: left;
		width: 100%;
		height: 105px;
		margin-bottom: 50px;
		overflow: hidden;
		position: relative;
		
	}
	
		.latest-works .prev-arrow, .latest-works .next-arrow {
			
			cursor: pointer;
			height: 82px;
			position: absolute;
			width: 24px;
			
		}
		
		.latest-works .prev-arrow {
			
			top: 0;
			left: 0;
			
		}
		
		.latest-works .next-arrow {
			
			top: 0;
			right: 0;
			
		}
		
		.latest-works-items {
			
			float: left;
			height: 105px;
			margin: 0 0 0 42px;
			position: relative;
			overflow: hidden;
			width: 815px;
			
		}
		
		.latest-works ul {
			
			list-style: none;
			margin: 0;
			padding: 0;
			height: 105px;
			position: absolute;
			top: 0;
			left: 0;
			width: 9999px;
			
		}
		
			.latest-works ul li {
				
				float: left;
				/*margin: 0 20px 0 0;*/margin: 0;
				padding: 0;
				text-align: center;
				width: 136px/*147px*/;
				
			}
			
				.latest-works ul li a img {
					
					padding: 3px;
					
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					
				}
				
				.latest-works ul li a span {
					
					font-size: 11px;
					padding: 1px 0 0 20px;
					
				}
				
				.latest-works ul li a:hover span {
					
					font-weight: bold;
					
				}
				
	



/* SIDEBAR */

#sidebar-right {
	
	float: right;
	margin: 10px 0 50px;
	padding-left: 30px;
	position: relative;
	width: 250px;
	
}

	#sidebar-right #sidebar-top {
	
		width: 14px;
		height: 50px;
		position: absolute;
		top: -50px;
		left: 0;
		
	}

	#sidebar-right #sidebar-bottom {
	
		width: 14px;
		height: 50px;
		position: absolute;
		bottom: -50px;
		left: 0;
		
	}

#sidebar-left {
	
	float: left;
	margin: 50px 30px 50px 0;
	padding-right: 30px;
	position: relative;
	width: 250px;
	
}

	#sidebar-left #sidebar-top {
	
		width: 14px;
		height: 50px;
		position: absolute;
		top: -50px;
		right: 0;
		
	}

	#sidebar-left #sidebar-bottom {
	
		width: 14px;
		height: 50px;
		position: absolute;
		bottom: -50px;
		right: 0;
		
	}
	
blockquote.testimonial {
	
	font: italic 12px/16px Arial, Helvetica, sans-serif;
	padding: 12px 18px;
	text-align: left;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}

em.testimonial {
	
	display: block;
	font: italic 11px/20px Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	margin: -12px 0 20px 20px;
	
}



	/* SMARTPHONE SLIDE */
	
	#smartphone-slide {
		
		margin: 0 auto;
		padding-top: 310px;
		position: relative;
		text-align: center;
		width: 207px;
		
	}
	
		#smartphone-slide .cats {
			
			display: block;
			margin: -7px 0 15px 0;
			
		}
	
			#smartphone-slide .cats a {
				
				font-size: 10px;
				
			}
	
		#smartphone-slide .next-arrow {
			
			cursor: pointer;
			height: 73px;
			left: 173px;
			position: absolute;
			top: 95px;
			width: 34px;
			
		}
	
		#smartphone-slide .prev-arrow {
			
			cursor: pointer;
			height: 73px;
			left: 0;
			position: absolute;
			top: 95px;
			width: 34px;
			
		}
	
		#smartphone-slide ul {
			
			height: 180px;
			left: 43px;
			list-style: none;
			overflow: hidden;
			position: absolute;
			top: 48px;
			width: 120px;
			
		}
		
			#smartphone-slide ul li {
				
				display: none;
				margin: 0;
				padding: 0;
				position: absolute;
				
			}
			
				#smartphone-slide ul li span.cats {
					
					display: none !important;	
					
				}
			
			#smartphone-slide ul li.current, #smartphone-slide ul li.prev {
				
				display: block;
				
			}
			
			#smartphone-slide .button-color {
				
				margin-top: 0px;
				
			}



	/* HEADING ICONS */
	
	.icon span, .span-icon {
		
		height: 32px;
		float: left;
		margin: -7px 8px 0 0;
		width: 32px;
		
	}



	/* FOOTER */
	
	#footer {
		
		float: left;
		padding: 40px 0 0 0;
		width: 100%;
		
	}
	
	#footer .wrapper, #copyright .wrapper, .portfolio-image-title h3 {
		
		/*text-shadow: 0 1px 1px #000000;*/
		
	}

	#footer .list-links, #footer #menu-footer  {
		
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		
	}
	
		#footer .list-links li, #footer #menu-footer li  {
			
			margin: 0;
			padding: 0;
			
			
		}
		
			#footer .list-links li a, #footer #menu-footer li a {
				color:#333;
				display: block;
				font-size: 11px;
				padding: 5px 10px;
				
			}
			
			#footer .list-links li a span.post-title, #footer #menu-footer li a span.post-title  {
				
				display: block;
				font-size: 12px;
				font-weight: bold;
				
			}
			
			#footer .list-links li a span.post-info, #footer #menu-footer li a span.post-info  {
				
				display: block;
				font-size: 10px;
				
			}
			
	#search {
		
		float: left;
		height: 31px;
		margin-bottom: 30px;
		width: 280px;
		position: relative;
		
	}
	
		#search .search-input {
			
			font: italic 11px/18px Arial, Helvetica, sans-serif;
			width: 225px;
			overflow: hidden;
			padding: 7px 40px 6px 15px;
			
		}
		
		#search .search-button {
			
			cursor: pointer;
			position: absolute;
			right: 4px;
			top: 4px;
			width: 26px;
			height: 23px;
			
		}



/* COPYRIGHT */

#copyright {
	
	float: left;
	font-size: 11px;
	width: 100%;
	padding: 15px 0;
		text-shadow: 0 1px 1px #000000;
	
}

	#copyright a {
		
		text-decoration: underline;
		
	}
	
	
	
/* FORMS */

label {
	
	display: block;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
}

input, textarea, select {
	
	/*width: 98%;*/
	
}

input, textarea, select,
input:focus, textarea:focus, select:focus {
	
	padding: 10px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

.medium {
	
	width: 70%;
	
}

.short {
	
	width: 40%;
	
}

.submit {
	
	cursor: pointer;
	text-transform: uppercase;
	width: 150px;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	
}

#DDSliderCont {
	
	margin: 30px 0;
	
}