/* =================================================================== */
/* Import Section
====================================================================== */
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */ 
@import url("fancybox.css");			/* Popup */ 

/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 26px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }

.section-title {
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
}
/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	margin-top: 6px;
	color: #000;
	font: 12px/1.7 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background: url(../images/body-grad.gif) repeat-x 0 0;
	background: #181818;
}

h1, h2, h3, h4, h5, h6 {
	color: #171717;
	font-weight: normal;
	line-height: 1.25;
	margin-bottom: 16px;
	font-family: 'Damion', cursive;
}

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

a, a > * {
	color: #b81828;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: text-decoration: underline; }

hr {
	background: #efefef;
	color: #efefef;
	margin: 5px 0 25px;
}

hr.dotted { border-style: dotted; }

#about.container {
	
}
	
#wrapper {
	background: #fff;
	padding-bottom: 0;
	width: 1024px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 1.0); 
	box-shadow: 0 0 50px rgba(0, 0, 0, 1.0);
	background-image: url(../images/hanging.jpg);
	background-position: 100% 92px;
	background-repeat: no-repeat;
}



/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.highlight {color: #b81828; }

.hidden { display: none; }

.disabled { cursor: auto; }

.align-center { margin-left: auto; margin-right: auto !important; text-align: center; }

.align-left { float: left; }

	img.align-left { margin-bottom: 15px; margin-right: 15px; }

.align-right { float: right; }

	img.align-right { margin-bottom: 15px; margin-left: 15px; }


	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
		float: left;
		margin-right: 40px;
	}

	.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; }

	.one-half { width: 460px; }

	.one-third { width: 300px; }

		.two-third { width: 620px; }

	.one-fourth { width: 230px; }

		.three-fourth { width: 700px; }

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	height: auto;
	text-align: center;
	font-size: 50px;
	font-family: 'Damion', cursive;
}

.slogan { 
	font-family: 'Damion', cursive;
	
}

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

#content { padding-top: 40px; }

.ie7 #content { padding-top: 25px; }


.mag-list {
text-align: center;
} 

.mag-list li { 
	list-style: none;
	display: inline;
    padding: 20px;
}			

.mag-list  img { 
	width: 147px; 
	height: 202px; 	
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 1.0); 
	box-shadow: 0 2px 10px rgba(0, 0, 0, 1.0);
} 

a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
	opacity: .65;
	} 	


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

#footer {
	background: #3a3a3a;
	color: #868686;
	margin-top: 80px;
	padding: 35px 0 30px;
	position: relative;
	background-image: url(../images/footer-bg-top.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #868686; }

		#footer a:hover,
		#footer-bottom a:hover { color: #b81828; }

	#footer .title {
		border-bottom: 1px solid #4b4b4b;
		display: block;
		font-size: 10px;
		margin: 0 0 12px;
		padding: 0 0 12px;
		text-transform: uppercase;
	}


	/* -------------------------------------------------- */
	/*	Contact Info
	/* -------------------------------------------------- */

	#footer .contact-info {}

		.address { background: url(../images/icon-address.png) no-repeat 0 0; padding-left: 23px; }

		.phone { background: url(../images/icon-phone.png) no-repeat 0 1px; }

		.email { background: url(../images/icon-email.png) no-repeat 100% 4px; padding-right: 23px;}

	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social {
		margin: 0 auto;
	}

	.social-links {text-align: center;}

		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 20px 20px 20px 20px;
			text-indent: -9999px;
		}

		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			.social-links a {
				background-repeat: no-repeat;
				background-position: 0 -32px;
				display: block;
				height: 32px;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 33px;
			}

			.social-links li.facebook a { background-image: url(../images/icon-facebook.png); }

			.social-links li.flickr a { background-image: url(../images/icon-flickr.png); }

			.social-links li.googleplus a { background-image: url(../images/icon-googleplus.png); }

			.social-links li.twitter a { background-image: url(../images/icon-twitter.png); }

			.social-links li a:hover { background-position: 0 0; }
			
/* =================================================================== */
/* Portfolio
====================================================================== */
.picture {position: relative;}
.picture img {width: 100%; height: auto;}

			.portfolio-item {
				margin: 5px 0 25px 0;
			}


			/* Filters
			====================================*/
			#filters {
				position: relative;
				text-align: center;
				display: block;
				background-color: #fff;
			}

			#filters ul li {
				display: inline;
			}

			#filters a {
				padding: 5px 7px 5px 5px;
				display: inline-block;
				color: #888;
				font-weight: normal;
				margin: 0;
				position: relative; 
				top: 1px;
				border: 1px solid #fff;
				border-bottom-color: #ccc;
			}

			#filters a:hover,
			.selected {
				/*background: #b81828 !important;*/
				border: 1px solid #ccc  !important;
				border-bottom-color: #fff !important;
				color: #b81828 !important;
			
			}
			
			.option-set {
				border-bottom: 1px solid #ccc;
			}


			#portfolio-wrapper {
			}

			#portfolio-wrapper img {
			}


			/* Isotope Filtering
			====================================*/

			.isotope-item {
				z-index: 2;
			}

			.isotope-hidden.isotope-item {
				pointer-events: none;
				z-index: 1;
			}

			/**** Isotope CSS3 transitions ****/

			.isotope,
			.isotope .isotope-item {
				-webkit-transition-duration: 0.8s;
				 -moz-transition-duration: 0.8s;
				-ms-transition-duration: 0.8s;
				-o-transition-duration: 0.8s;
				 transition-duration: 0.8s;
			}

			.isotope {
				-webkit-transition-property: height, width;
				-moz-transition-property: height, width;
				-ms-transition-property: height, width;
				-o-transition-property: height, width;
				transition-property: height, width;
			}

			.isotope .isotope-item {
				-webkit-transition-property: -webkit-transform, opacity;
				-moz-transition-property:    -moz-transform, opacity;
				-ms-transition-property:     -ms-transform, opacity;
				-o-transition-property:         top, left, opacity;
				transition-property:         transform, opacity;
			}

			/**** Disabling Isotope CSS3 transitions ****/

			.isotope.no-transition,
			.isotope.no-transition .isotope-item,
			.isotope .isotope-item.no-transition {
				-webkit-transition-duration: 0s;
				-moz-transition-duration: 0s;
				-ms-transition-duration: 0s;
				-o-transition-duration: 0s;
				 transition-duration: 0s;
			}


			/* Disable CSS transitions for containers with infinite scrolling*/
			.isotope.infinite-scrolling {
				-webkit-transition: none;
				-moz-transition: none;
				-ms-transition: none;
				-o-transition: none;
				transition: none;
			}




			
			
	/* -------------------------------------------------- */
	/*	Misc Elements
	/* -------------------------------------------------- */

	#footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover {
		background: #ddd;
		color: #3a3a3a;
	}

	#footer .button.no-bg { color: #ddd; }

	#footer .button .arrow { background-color: #3a3a3a; }

	#footer blockquote { background-color: #464646;}

		#footer blockquote.simple {
			background: none;
			border-left-color: #484848;
			color: #868686;
		}

	#footer .infobox {
		background: #464646;
		border-color: #363636;
	}

	#footer .infobox, #footer .infobox * { color: #868686; }

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

#footer-bottom {
	background: #303030;
	line-height: 17px;
	padding: 12px 0;
	background-image: url(../images/footer-bg-bottom.gif);
	background-position: 0 0;
	background-repeat: no-repeat;

	
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }

				/* ---------------------------------------------------------------------- */
				/*	Popup Box
				/* ---------------------------------------------------------------------- */


				/* Z-index of #mask must lower than #boxes .window */
				#mask {
				  position:absolute;
				  z-index:9000;
				  background-color:#000;
				  display:none;
				}

				#boxes .window {
				  position:fixed;
				  width:440px;
				  height:200px;
				  display:none;
				  z-index:9999;
				  padding:20px;
				}


				/* Customize your modal window here, you can add background image too */
				#boxes #dialog {
				  width:375px; 
				  height:203px;
				}