@import url("/styles-generic.css");
@import url("/javascript/fancybox/jquery.fancybox-1.3.1.css");

/*= Fonts
-------------------------------------------------------------- */
/* open sans web font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600);
@import url(http://fonts.googleapis.com/css?family=Alice);

body,
input,
textarea {
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
}

h1,
h2,
h3,
h4 {
	font-family: Alice, Georgia, Century, Serif;
}


/*= Global Elements
-------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #C4C4C4;
	text-align: center;
	background:url(/images/bg-01.jpg) no-repeat top center #121212;;
}

/* text styles */
h1 {
	font-size:48px;
	line-height:1em;
	color:#2BB8E1;
	padding:0;
	margin:0 0 18px 0;
	font-weight:normal;
}

h2 {
	font-size:32px;
	line-height:1em;
	color:#ddd;
	padding:0;
	margin:0 0 12px 0;
	font-weight:normal;
}

h3 {
	font-size:24px;
	line-height:1em;
	color:#fff;
	padding:0;
	margin:0 0 12px 0;
	font-weight:normal;
}

h4 {
	font-size:18px;
	line-height:1em;
	color:#fff;
	padding:0;
	margin:0 0 6px 0;
	font-weight:normal;
}

h5 {
	font-size:14px;
	color:#fff;
	padding:0;
	margin:0 0 6px 0;
	font-weight:bold;
}

p {
	padding:0;
	margin:0 0 24px 0;
	line-height:1.6em;
}

a, a:link, a:visited {
	color:#2BB8E1;
	text-decoration:none;
	outline:medium none;	
}
a:hover, a:active {
	color:#fff;
	text-decoration:underline;
}

a.external {
	padding:0 15px 0 0;
	background:url(/images/icon-external-01.gif) no-repeat center right;
}
	a.external:hover,
	a.external:active {
		background:url(/images/icon-external-02.gif) no-repeat center right;
	}

/* buttons */
.button,
a.button {
	display:inline-block;
	height:30px;
	padding:0 10px;
	background:#2BB8E1;
	color:#000;
	line-height:30px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	font-size:15px;
	font-weight:600;
	-moz-text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	-webkit-text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
	.button:hover,
	a.button:hover {
		background:#fff;
		color:#000;
		-moz-text-shadow:none;
		-webkit-text-shadow:none;
		text-shadow:none;
	}

	
/* content classes */
.align-left {
	float:left;
	margin:5px 20px 12px 0;
}

.align-right {
	float:right;
	margin:5px 0 12px 20px;
}
.center{
	text-align: center !important;
}

.photo {
	border:solid 5px #e9e9e9;
	background:#e9e9e9;
}
	.photo label {
		display:block;
		padding:3px;
		color:#5A5A5A;
		font-size:13px;
		text-align:center;
	}
	
.two-col {
	-moz-column-count:2;
	-webit-column-count:2;
	column-count:2;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
	column-gap:30px;
}

h1 span { color:#666; }

hr {
	width:630px;
	margin:0 0 24px -30px;
	border:none;
	border-top:dashed 2px #dadada;
}

blockquote {
	margin:10px 20px;
	padding:10px 15px;
	line-height:1.4em;
	font-size:16px;
	color:#555;
	border:solid 1px #f0f0f0;
	border-left:solid 4px #f0f0f0;
	background:#fbfbfb;
	text-align:left;
}

table {
	margin:0 0 24px 0;
	border-collapse:collapse;
}

ul {
	padding:0 0 0 30px;
	margin:0 0 24px 0;
}

.message {
	position:relative;
	display:block;
	padding:10px;
	background:#fafafa;
	border:solid 2px #999;
	color:#f0f0f0;
	z-index:10;
}
.success {
	padding:10px 10px 10px 40px;
	background:url(/images/success.png) no-repeat #E0FFCA 10px 10px;
	border:solid 2px #68DC23;
}
.warning {
	background:#FFF4CA;
	border:solid 2px #FFCC00;
}
.error {
	background:#FFCACA;
	border:solid 2px #ff0000;
}


/*= Layout
-------------------------------------------------------------- */
#wrapper {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:960px;
	z-index:1;
}


/* HEADER */
#header {
	float:left;
	position:relative;
	width:960px;
	height:140px;
	margin:20px 0 0 0;
	background:#000;
	background:rgba(0,0,0,0.65);
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	border-bottom:solid 1px #000;
	z-index:999;
}
	
	/* logo */
	#header h1 {
		position:absolute;
		top:20px;
		left:27px;
	}
	
	#header .contact {
		float: right;
		margin: 20px 30px 0 0;
		font-weight:300;
		font-size:20px;
		text-align:right;
	}
		#header .contact span {
			display: inline-block;
			margin-left: 20px;
			font-size:14px;
			font-weight:normal;
		}
		#header .phone{
			display: inline-block;
		}
		#header .social{
			display: inline-block;
			float: right;
			min-width: 95px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
	/* navigation */
	#header ul#nav {
		position:absolute;
		right:13px;
		bottom:-1px;
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
		#header ul#nav > li {
			float:left;
			position:relative;
			margin:0 2px;
			border-bottom:solid 1px #000;
			-moz-border-radius:8px 8px 0 0;
			-webkit-border-radius:8px 8px 0 0;
			border-radius:8px 8px 0 0;
		}
		
		#header ul#nav > li > a {
			float:left;
			height:45px;
			padding:0 15px;
			color:#fff;
			font-size:15px;
			line-height:35px;
			text-transform:uppercase;
			-moz-text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
			-webkit-text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
			text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		}
		#header ul#nav > li:hover > a,
		#header ul#nav > li:active > a {
			text-decoration:none;
		}
		#header ul#nav > li:hover,
		#header ul#nav > li:active {
			background:url(/images/nav.png) repeat-x 0 -45px;	
		}
		
		#header ul#nav > li > a img {
			position:relative;
			display:inline-block;
			top:-2px;
			left:5px;
		}
		
		#header ul#nav li > a em {
			font-size:16px;
			font-style:normal;
		}
		
		#home ul#nav li.nav-home,
		#about ul#nav li.nav-about,
		#art-galleries ul#nav li.nav-art-galleries,
		#interior-design ul#nav li.nav-interior-design,
		#the-buzz ul#nav li.nav-the-buzz,
		#news ul#nav li.nav-news,
		#contact ul#nav li.nav-contact,
		.parent-art-galleries ul#nav li.nav-art-galleries {
			background:url(/images/nav.png) repeat-x;
		}
		
		/* subnav */
		#header ul#nav li:hover ul {
			display:block;
		}
		
		#header ul#nav li ul {
			position:absolute;
			display:none;
			top:46px;
			left:0;
			padding:7px 0;
			background:url(/images/subnav-bg.png) repeat-x;
			border-top:solid 1px #6A8E9E;
			-moz-border-radius:0 0 8px 8px;
			-webkit-border-radius:0 0 8px 8px;
			border-radius:0 0 8px 8px;
			list-style-type:none;
			-moz-box-shadow:0 0 5px rgba(0,0,0,1);
			-webkit-box-shadow:0 0 5px rgba(0,0,0,1);
			box-shadow:0 0 5px rgba(0,0,0,1);
		}		
		
		#header ul#nav li ul li {
			float:left;
			margin:0;
		}
		
		#header ul#nav li ul li a {
			float:left;
			width:200px;
			color:#fff;
			padding:10px 15px;
			-moz-text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
			-webkit-text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
			text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		}
		#header ul#nav li ul li a:hover,
		#header ul#nav li ul li a:active {
			padding:9px 15px;
			background:#1A3A47;
			text-decoration:none;
			border-top:solid 1px #11262E;
			border-bottom:solid 1px #48616C;
		}
		.nav-room-makeover{
			font-size: 14px;
		}

/*= Social Icons
-------------------------------------------------------------- */

.social-facebook,
.social-twitter{
	position:relative;
	display:inline-block;
	width:32px;
	height:32px;
	float: right;
	background:url(images/social-01.png) no-repeat #ccc;
	text-indent:-9999px !important;
}
.social-twitter{
	margin-right: 10px;
}
.social-facebook:after,
.social-twitter:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.15);
}
a.social-facebook:hover,
a.social-twitter:hover{
	opacity:0.8;
}

.social-facebook {
	background-position:0 0;
	background-color:#3B5998;
}
.social-twitter {
	background-position:-64px 0;
	background-color:#2DAAE1;
}	

/* CONTENT */
#content {
	float:left;
	clear:both;
	width:900px;
	padding:40px 30px 20px 30px;
	margin:0 0 20px 0;
	background:url(/images/content-bg.png) repeat-x #000;
	border-top:solid 1px #254658;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}		
		
		
/* FOOTER */
#footer {
	float:left;
	width:960px;
	padding:0;
	margin:0 0 20px 0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#000;
}

	#footer .column {
		float:left;
		width:280px;
		margin:30px 0 30px 30px;
	}



/*= Pages
-------------------------------------------------------------- */
/* HOME */
/* slideshow */
#slideshow {
	float:left;
	position:relative;
	width:960px;
	height:320px;
	background:#000;
	border-bottom:solid 1px #000;
}
	#slideshow .wrapper {
		position:relative;
		width:960px;
		height:320px;
		overflow:hidden;
	}
	
	#slideshow .wrapper > ul {
		position:absolute;
		width:5760px; /* this needs to match the width of the number of slides */
		height:320px;
		list-style-type:none;
		padding:0;
		margin:0;
		z-index:1;
	}
	
	#slideshow .wrapper > ul > li {
		float:left;
		position:relative;
		display:inline;
		width:960px;
		height:320px;
		overflow:hidden;
	}
	
	/* slideshow paging */
	#slideshow a.prev {
		position:absolute;
		top:135px;
		left:0px;
		width:42px;
		height:50px;
		background:url(/images/slide-arrows.png) no-repeat 0px 0px;
		cursor:pointer;
		z-index:3;
	}
	#slideshow a.prev:hover { background-position:0px -50px; }
	#slideshow a.prev:active { background-position:0px -100px; }

	#slideshow a.next {
		position:absolute;
		top:135px;
		right:0px;
		width:42px;
		height:50px;
		background:url(/images/slide-arrows.png) no-repeat -42px 0px;
		cursor:pointer;
		z-index:3;
	}
	#slideshow a.next:hover { background-position:-42px -50px; }
	#slideshow a.next:active { background-position:-42px -100px; }

	#slideshow .nav {
		position:absolute;
		float:left;
		right:30px;
		bottom:20px;
		z-index:3;
	}
	
		#slideshow .nav a {
			float:left;
			width:10px;
			height:10px;
			margin:0 0 0 8px;
			background:#fff;
			border:solid 1px #ccc;
			cursor:pointer;
			-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
			-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
			box-shadow:0 0 8px rgba(0,0,0,0.5);
		}
		
		#slideshow .nav a:hover,
		#slideshow .nav a:active {
			margin:-1px -1px -1px 7px;
			background:#fff;
			border:solid 2px #4DC4E6;
		}
		
		#slideshow .nav a.selected {
			margin:-1px -1px -1px 7px;
			background:#BFEAF7;
			border:solid 2px #4DC4E6;
		}

	
	/* slides */
	#slideshow a.full {
		float:left;
		width:960px;
		height:320px;
	}
	
	#slideshow .slide-about {
		background:url(/images/slides/about/bg.jpg) no-repeat;
	}
	
		#slideshow .slide-about h1 {
			position:absolute;
			top:91px;
			left:415px;
			font-size:32px;
			color:#fff;
		}
		
	#slideshow .slide-laguna {
		background:url(/images/slides/laguna/bg.jpg) no-repeat;
	}
		#slideshow .slide-laguna h1 {
			position:absolute;
			top:50px;
			left:0px;
			padding:15px 30px 15px 100px;
			font-size:32px;
			color:#fff;
			-moz-border-radius:0 8px 8px 0;
			-webkit-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
			background:#000;
			background:rgba(0,0,0,0.7);
		}
		
	#slideshow .slide-angel {
		background:url(/images/slides/angel/bg.jpg) no-repeat;
	}
		#slideshow .slide-angel h1 {
			position:absolute;
			top:50px;
			left:0px;
			padding:15px 30px 15px 100px;
			font-size:32px;
			color:#fff;
			-moz-border-radius:0 8px 8px 0;
			-webkit-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
			background:#000;
			background:rgba(0,0,0,0.7);
		}
		
	#slideshow .slide-home-decor {
		background:url(/images/slides/home-decor/bg.jpg) no-repeat;
	}
		#slideshow .slide-home-decor h1 {
			position:absolute;
			top:50px;
			left:0px;
			padding:15px 30px 15px 100px;
			font-size:32px;
			color:#fff;
			-moz-border-radius:0 8px 8px 0;
			-webkit-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
			background:#000;
			background:rgba(0,0,0,0.7);
		}

	#slideshow .slide-interior-design {
		background:url(/images/slides/interior-design/bg.jpg) no-repeat;
	}
		#slideshow .slide-interior-design h1 {
			position:absolute;
			top:50px;
			left:0px;
			padding:15px 30px 15px 100px;
			font-size:32px;
			color:#fff;
			-moz-border-radius:0 8px 8px 0;
			-webkit-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
			background:#000;
			background:rgba(0,0,0,0.7);
		}
		
	#slideshow .slide-the-buzz {
		background:url(/images/slides/the-buzz/bg.jpg) no-repeat;
	}
		#slideshow .slide-the-buzz h1 {
			position:absolute;
			top:50px;
			left:0px;
			padding:15px 30px 15px 100px;
			font-size:32px;
			color:#fff;
			-moz-border-radius:0 8px 8px 0;
			-webkit-border-radius:0 8px 8px 0;
			border-radius:0 8px 8px 0;
			background:#000;
			background:rgba(0,0,0,0.7);
		}
		

/* news */
.entries .entry-date {
	color:#ccc;
}

.entries .entry {
	float:left;
	clear:both;
	margin:0 0 30px 0;
}


/* Art Galleries */
#art-galleries #slideshow {
	width:900px;
	height:275px;
	margin:0 0 24px 0;
}

	#art-galleries #slideshow .wrapper {
		float:left;
		width:680px;
		height:275px;
		z-index:1;
	}
	
	#art-galleries #slideshow .wrapper > ul {
		width:680px;
	}
	
	#art-galleries #slideshow .wrapper > ul > li {
		width:680px;
		height:275px;
	}
	
	#art-galleries #slideshow .nav {
		float:left;
		position:relative;
		top:0;
		left:0;
		width:220px;
		height:275px;
		padding:0;
		margin:0;
		list-style:none;
		box-shadow:1px 1px 4px rgba(0,0,0,0.5);
		z-index:2;
	}
	
		#art-galleries #slideshow .nav li {
			float:left;
			position:relative;
			width:219px;
			height:53px;
			border-top:solid 1px #68A3BD;
			border-bottom:solid 1px #2D5B6F;
			border-right:solid 1px #2D5B6F;
			background:url(/images/slide-nav-01.png) repeat-x;
			-moz-text-shadow:1px 1px 1px rgba(255, 255, 255, 0.2);
			-webkit-text-shadow:1px 1px 1px rgba(255, 255, 255, 0.2);
			text-shadow:1px 1px 1px rgba(255, 255, 255, 0.2);
		}
		#art-galleries #slideshow .nav li.selected a {
			color:#fff;
			-moz-text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
			-webkit-text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
			text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
		}
	
		#art-galleries #slideshow .nav a {
			position:absolute;
			top:0;
			left:0;
			width:189px;
			height:53px;
			margin:0;
			padding:0 15px;
			border:none;
			background:transparent;
			line-height:53px;
			font-size:20px;
			font-weight:600;
			color:#222;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			z-index:5;
		}
		#art-galleries #slideshow .nav a:hover,
		#art-galleries #slideshow .nav a:active {
			color:#fff;
			text-decoration:none;
			-moz-text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
			-webkit-text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
			text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4);
		}
		
		#art-galleries #slideshow .nav .arrow {
			position:absolute;
			left:0;
			width:235px;
			height:55px;
			background:url(/images/slide-nav-arrow-01.png) no-repeat;
			z-index:4;
		}
		
		#art-galleries #slideshow ul.slides li a.full {
			width:680px;
			height:275px;
		}
		
		#art-galleries #slideshow ul.slides li p {
			position:absolute;
			left:0;
			bottom:0;
			width:620px;
			height:auto;
			margin:0;
			padding:10px 30px;
			-moz-border-radius:0;
			-webkit-border-radius:0;
			border-radius:0;
			color:#fff;
			font-size:18px;
			background:#000;
			background:rgba(0, 0, 0, 0.5);
			-moz-text-shadow:1px 1px 0 #000;
			-webkit-text-shadow:1px 1px 0 #000;
			text-shadow:1px 1px 0 #000;
		}
		
		/* slides */
		#art-galleries .slide-newbeg { background:url(/images/slides/art-galleries/new-beginnings.jpg) no-repeat; }
		#art-galleries .slide-celebration { background:url(/images/slides/art-galleries/celebration.jpg) no-repeat; }
		#art-galleries .slide-happiness { background:url(/images/slides/art-galleries/happiness.jpg) no-repeat; }
		#art-galleries .slide-wishful { background:url(/images/slides/art-galleries/wishful.jpg) no-repeat; }
		#art-galleries .slide-mardi-gras { background:url(/images/slides/art-galleries/mardi-gras.jpg) no-repeat; }


/* GALLERIES */
/* custom gallery */
.gallery {
	float:left;
	width:930px;
}
	
	/* items */
	.gallery .item {
		float:left;
		width:202px;
		/*margin:0 30px 30px 0;*/
		margin:-5px 25px 25px -5px;
		padding:4px;
		border:solid 1px #000;
		overflow:hidden;
	}
	.gallery .item:hover {
		border:solid 1px #2BB8E1;
		text-decoration:none;
	}

	.gallery .item img {
		float:left;
		width:202px;
		height:202px;
	}

	.gallery .item h4 {
		float:left;
		clear:left;
		width:202px;
		text-align:center;
		margin:5px 0 3px 0;
	}
	
	/* data */
	#data {
		position:static;
		z-index:3;
	}
	
		#data .details {
			position:absolute;
			display:none;
			z-index:300;
			padding:40px;
			background:#000;
			border-radius:8px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			-o-border-radius:8px;
			box-shadow:0px 0px 30px #000;
			-moz-box-shadow:0px 0px 30px #000;
			-webkit-box-shadow:0px 0px 30px #000;
			-o-box-shadow:0px 0px 30px #000;
		}

		#data .details .wrapper {
			width:auto;
		}
		
		#data .details img {
			height:auto !important;
			width:auto !important;
			margin:0 0 18px 0;
		}
		
		#data .details h2 {
			color:#fff;
		}
		
		#data .details .close {
			position:absolute;
			display:none;
			top:-15px;
			right:-15px;
			width:30px;
			height:30px;
			background:url(/images/close-01.png) no-repeat;
			text-indent:-9999px;
			font-size:0;
		}
		
		#data .details p.notes {
			width:400px;
			margin:0 auto 24px;
		}
		
		#data .details table {
			background:#151515;
			display:inline-block;
			border-top:solid 1px #444;
			border-left:solid 1px #444;
		}
		
		#data .details table td {
			padding:10px;
			border-right:solid 1px #444;
			border-bottom:solid 1px #444;
		}
		
		#data .details form table {
			float:left;
			background:transparent;
			border:none;
			text-align:left;
		}
		
		#data .details form table td {
			padding:0;
			border:none;
		}
		
		#data .details form input[type="image"] {
			float:left;
			clear:left;
		}
		/*#data .details-dimensions input[type="image"]{
			width: 100% !important;
			height: auto !important;
		}*/


/* fancybox galleries */
.gallery > a {
	float:left;
	width:202px;
	margin:0 30px 30px 0;
}
.gallery > a:hover,
.gallery > a:active {
	margin:-5px 25px 25px -5px;
	padding:4px;
	border:solid 1px #2BB8E1;
}

.gallery > a img {
	float:left;
	width:202px;
	height:202px;
}
		
		
/* INTERIOR DESIGN */
#interior-design .dezign-logo{
	margin:-6px 0 2px 0;
}
#interior-design .column{
	width: 252px;
	float: left;
	padding:20px 0 0;
	border-right:dashed 1px #999;
}
#interior-design .col-first{
	margin-left: 0 !important;
	padding-left: 0;
	padding-right: 35px;
}
#interior-design .col-second{
	padding-right: 35px;
	margin-left: 35px;
}
#interior-design .col-third{
	border-right: none !important;
	margin-left: 35px;
	padding-right: 0;
}

#interior-design .col1 {
	float:left;
	width:580px;
	padding:20px 30px 0 0;
	margin:10px 0 0 0;
	border-right:dashed 1px #999;
}

#interior-design .pic1 {
	width:250px;
	height:200px;
	float:right;
	margin-left: 30px;
	border:solid 1px #fff;
}

#interior-design .pic2 {
	width:100%;
	height:200px;
	float:left;
	margin:0 30px 15px 0;
	border:solid 1px #fff;
}
#interior-design .col2 {
	float:left;
	width:259px;
	padding:20px 0 0 30px;
	margin:10px 0 20px 0;	
}

#interior-design .pic3 {
	width:250px;
	height:200px;
	float:left;
	margin-bottom: 30px;
	border:solid 1px #fff;
	}

#interior-design .col4 {
	float:left;
	width:900px;
	height:230px;
	padding:30px 0 0 0;
	margin:30px 0 0 0;
	border-top:dashed 1px #999;
}

	#interior-design .col4 .gallery {
		float:left;
		width:900px;
		margin:6px 0 14px 0;
	}
	
	#interior-design .col4 .gallery a {
		float:left;
		width:100px;
		height:100px;
		margin:0 15px 10px 15px;
		border:solid 1px #fff;
	}
	#interior-design .col4 .gallery a:first-child {
		margin-left: 0;
	}
	#interior-design .col4 .gallery a:last-child {
		margin-right: 0;
	}
	#interior-design .col4 .gallery a:hover,
	#interior-design .col4 .gallery a:active {
		border:solid 1px #2BB8E1;
		padding:0;
	}
	
	#interior-design .col4 .gallery a img {
		width:100px;
		height:100px;
	}
	
	#interior-design .respicleft {
		float:left;
		margin-right: 30px;
		margin-bottom: 20px;
		position:relative;
    }
	
	#interior-design .respicright {
	float:right;
	margin-left: 30px;
	margin-bottom: 20px;
	position:relative;
	z-index:0;
	}
	
	#interior-design .orange {
   	background:#F98311;
	border:solid 25px #F98311;
	
}

	#interior-design .pink {
    transform:rotate(-2deg);
	background:#F20697;
	border:solid 25px #F20697;
}
	#interior-design .blue {
	transform:rotate(2deg);
	background:#0DAA9F;
	border:solid 25px #0DAA9F;
}

	#interior-design .green {
    background:#8BC648;
	transform:rotate(-2deg);
	border:solid 25px #8BC648;
}

	#interior-design .textpink {
    color:#F20697;
	}
	
	#interior-design .textblue {
    color:#0DAA9F;
    font-size: 20px;
	}

	#interior-design .blue-center{
		text-align: center;
		font-size: 24px;
	}

/* Room Makeover */
.makeover-logo{
	display: block;
	margin: 0 auto 20px auto;
}

.makeover-details{
	margin:10px 0 20px 0;
	font-weight: bold;
	text-transform: uppercase;
}

.makeover .orange{
	margin-top: 20px;
	transform:rotate(-2deg);
}

.makeover-content{
	width: 400px;
	float: left;
}
	.makeover-content i{
		font-size: 22px;
	}
	.makeover-content ul{
		margin-top: 10px;
	}
	.makeover-content ul li{
		font-size: 18px;
		line-height: 1.6em;
	}

.paint-callout{
	float: right;
	margin-top: -313px;
	width: 313px;
	height: 313px;
	text-align: center;
	background: url('images/splat.png') no-repeat;
}
	.paint-callout p{
		margin-top: 125px;
		text-align: center;
		line-height: 1.2em;
		font-size: 20px;
		font-weight: bold;
		color: #000;
	}

article.collection{
	padding-top: 50px;
	clear: both;
}
	article.collection .collection-desc{
		width: 430px;
		display: inline-block;
	}

	article.collection .gallery{
		width: 464px;
	}
	article.collection .gallery.right{
		float: right !important;
	}
		article.collection .gallery.right a:last-child{
			margin-right: 0;
		}
/* CONTACT */
#contact h1 { margin:0 0 6px 0; }
#contact h4 { margin:0 0 32px 0; }

#contact .info {
	float:left;
	width:300px;
	padding:30px 30px 10px 30px;
	background:#252525;
	border-radius:8px;
}

	#contact .info h4 { margin:0 0 3px 0; }

#contact form {
	float:left;
	width:500px;
	margin:-18px 0 0 40px;
}


/* contact form */
form .field {
	float:left;
	clear:both;
	width:100%;
}

form label {
	float:left;
	clear:left;
	margin:18px 0 3px 0;
	color:#c5c5c5;
}

form input.textbox,
form textarea {
	float:left;
	clear:left;
	width:70%;
	margin:0;
	padding:7px 8px;
	background:#1d1d1d;
	border:solid 1px #3C3C3C;
	color:#fff;
	font-size:14px;
	text-shadow:0 0 8px rgba(255,255,255,0.3);
	-moz-box-shadow:1px 3px 3px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.2) inset;
	box-shadow:1px 3px 3px rgba(0,0,0,0.2) inset;
}
	form input.textbox:hover,
	form textarea:hover {
		border:solid 1px #747474;
	}

	form input.textbox:focus,
	form textarea:focus {
		border:solid 1px #2BB8E1;
		-moz-box-shadow:0 0 10px rgba(43,184,225,0.5);
		-webkit-box-shadow:0 0 10px rgba(43,184,225,0.5);
		box-shadow:0 0 10px rgba(43,184,225,0.5);
		outline:medium none;
	}
	
	form input.textbox.invalid,
	form textarea.invalid {
		border:solid 1px #941D1D;
	}
	
	form input.textbox.invalid:focus,
	form textarea.invalid:focus {
		-moz-box-shadow:0 0 10px rgba(223,0,0,0.5);
		-webkit-box-shadow:0 0 10px rgba(223,0,0,0.5);
		box-shadow:0 0 10px rgba(223,0,0,0.5);
	}
	
	
form textarea {
	width:90%;
	height:120px;
}

form .field-error {
	display:none;
}

form .field-error.error {
	float:left;
	display:none;
	clear:left;
	width:auto;
	font-size:13px;
	margin:0;
	padding:5px 8px;
	border:solid 1px #941D1D;
	border-top:none;
	background:#341212;
	color:#fff;
	white-space:nowrap;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}

form .spinner {
	float:left; 
	clear:left; 
	margin:0 10px 24px 0;
}

form input.button {
	font-weight:bold;
	margin:0 10px 24px 0;
}

form .message {
	float:none;
	margin:0 0 24px 0;
	width:auto;
	border:solid 1px #6AB752;
	background-color:#182E12;
}