@CHARSET "UTF-8";

/* IMPORT FONTS */
@font-face {
    font-family: HelveticaStdBoldCondensed;
    src: url('../fonts/helveticaltstd-boldcond.eot');
    src: url('../fonts/helveticaltstd-boldcond.eot') format('embedded-opentype'),
         url('../fonts/helveticaltstd-boldcond.woff') format('woff'),
         url('../fonts/helveticaltstd-boldcond.ttf') format('truetype'),
         url('../fonts/helveticaltstd-boldcond.svg#HelveticaLTStdBoldCondensed') format('svg');
	}

@font-face {
    font-family: HelveticaStdRoman;
    src: url('../fonts/helveticaltstd-roman.eot');
    src: url('../fonts/helveticaltstd-roman.eot') format('embedded-opentype'),
         url('../fonts/helveticaltstd-roman.woff') format('woff'),
         url('../fonts/helveticaltstd-roman.ttf') format('truetype'),
         url('../fonts/helveticaltstd-roman.svg#HelveticaLTStdRoman') format('svg');
	}

@font-face {
    font-family: MvBoli;
    src: url('../fonts/mvboli.eot');
    src: url('../fonts/mvboli.eot') format('embedded-opentype'),
         url('../fonts/mvboli.woff') format('woff'),
         url('../fonts/mvboli.ttf') format('truetype'),
         url('../fonts/mvboli.svg#MVBoliRegular') format('svg');
	}

/* reset */
* { color: #898989; margin: 0; font-weight: normal; outline:none; padding: 0; text-decoration: none;}
ul {list-style: none;}
h1,h2,h3 {font-family: MvBoli;}

span.red{color: red; font-size: 18px;}

/* body styling */
body {background-color: #f6f3e0; font-family: HelveticaStdRoman;}

/* navbar styling */
div#nav_wrapper {
	background-color: #333333;
	background-image: url('../assets/nav-bg.png'); 
	display: block; overflow: hidden;}

nav#nav_top {
	display: block; 
	height: 48px;
	margin: auto; 
	margin-bottom: 24px; 
	margin-top: 24px;
	padding: 0 10 0 10;
	width: 960px;
	}

/* navbar logo styling */
nav#nav_top span {
	color: white; 
	float: left; 
	font-family: HelveticaStdBoldCondensed;
	margin-left: 10px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4)
	}
nav#nav_top span#logo_big_txt {font-size: 48px;}
nav#nav_top span.orange_txt {color:#ffac5b;}
nav#nav_top span#logo_small_txt {font-size: 24px; margin-left: 5px; margin-top: 24px;}

/* navbar buttons styling */
nav#nav_top ul {float: right;}
nav#nav_top ul li {float: left;}
nav#nav_top ul li a {
	color: white; 
	display: block;
	font-size: 13px;
	height: 48px;
	line-height: 48px;
	margin-left: 20px;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
	width: 100px;
	}
	
nav#nav_top ul li a:hover {color: #333333;}

.btn1 {background-image: url('../assets/btn1.png');}
.btn2 {background-image: url('../assets/btn2.png');}
.btn3 {background-image: url('../assets/btn3.png');}

/* .btn1:hover {background-image: url('../assets/btn1_hover.png');} */
/* .btn2:hover {background-image: url('../assets/btn2_hover.png');} */
/* .btn3:hover {background-image: url('../assets/btn3_hover.png');} */

/* Header styling */
div#header_wrapper {
	background: url('../assets/bg.gradient406.png'), url('../assets/bg_pattern1.png');
	border-bottom: 1px solid white;
	border-top: 1px solid rgba(255, 255, 255, 1.0);
	box-shadow:
 	0 0 0 1px rgba(0,0,0,0.1);
	-moz-box-shadow:
 	0 0 0 1px rgba(0,0,0,0.1);
	-webkit-shadow:
 	0 0 0 1px rgba(0,0,0,0.1);
	}

header {
	background-image: url('../assets/bg_header.png');
	height: 406px; 
	margin: auto;
	overflow: hidden;
	width: 1200px;
	}

header h1{
	color: white;
	display: block;
	font-size: 28px;
	margin-top: 48px;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.4);
	}

header p{
	color: white;
	display: block;
	font-size: 15px;
	line-height: 24px;
	margin: auto;
	margin-top: 24px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.4);
	width: 620px;
	}

section#content {margin: auto; width: 960px;}

/* Carousel styling */
div#carousel {
	background-color: #ebebeb;
	border: 20px solid white;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	margin: auto;
	margin-top: -168px;
	height: 248px;
	width: 900px;
	}

div#carousel div#carousel_info {
	float: left;
	height: 248px;
	overflow: hidden;
	width: 260px;
	}

h1#carousel_heading {
	display: block;
	font-family: HelveticaStdRoman;
	font-size: 17px;
	height: 24px;
	line-height: 24px;
	margin-top: 48px;
	padding-left: 20px;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-font-smoothing: antialiased;
	}	

/* about styling */
ul#about {
	display: block; 
	margin: auto; 
	margin-top: 1px;
	overflow: hidden;
	width: 860px;
	}

ul#about li {
	background: -webkit-linear-gradient(white, #f6f3e0); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(white, #f6f3e0); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(white, #f6f3e0); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(white, #f6f3e0); /* Standard syntax */
  	border-left: 3px double rgba(0,0,0,0.04);
  	border-right: 3px double rgba(0,0,0,0.04);
	float: left;
	height: 199px;
	margin-right: 40px;
	padding: 36px 20px 6px 20px;
	width: 214px;
	}

ul#about li.last {clear: right; margin-right: 0;}

ul#about li h2 {display: block; text-align: center;}

ul#about li p {margin-top: 24px; font-size: 13px; line-height: 18px;}

/* Gallery Styling */
div#gallery {margin-top: 72px; overflow: hidden;}

div#gallery h2 {
	height: 24px;
	line-height: 24px;
	margin: auto; 
	margin-top: 48px;
	text-align: center;
	}

div#gallery h2#gallery_heading {
	background-image: url("../assets/content_heading_bg.png");
	display: inline-block;
	height: 80px;
	line-height: 80px;
	margin-top: 16px;
	width: 940px;
	}
	
ul#thumbs {height: 192px; margin-top: 48px; overflow: hidden;}

ul#thumbs li.thumb {
	background-color: #ebebeb;
	border: 6px solid white;
	box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-moz-box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-webkit-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
 	display: block;
 	float: left;
	height: 180px;
	margin-left: 20px;
	overflow: hidden;
	width: 208px;
	}

ul#thumbs li.thumb.first {margin-left: 0;}

div#large_image {
	background-color: #ebebeb;
	border: 6px solid white;
	box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-moz-box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-webkit-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
 	float: left;
 	height: 442px;
	margin-top: 48px;
	overflow: hidden;
	width: 448px;
	}

div#gallery select {
	border: none;
	box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-moz-box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-webkit-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
 	color: #7accc8;
	height: 24px;
	line-height: 24px;
	margin: 24px 0 0 60px;
	padding-left: 10px;
	width: 380px;
	}

div#gallery select.first {margin-top: 48px;}

div#gallery p {
	display: inline-block;
	font-size: 13px;
	margin-left: 60px;
	margin-top: 24px;
	overflow: hidden; 
	padding: 10px; 
	width: 360px;
	}
	
div#gallery a.gallery_btn {
	display: inline-block;
	height: 96px;
	margin-top: 48px;
	width: 100px;
	}

div#gallery a#back_btn {background-image: url('../assets/gallery_back_btn.png'); margin-left: 80px;}
div#gallery a#back_btn:hover {background-image: url('../assets/gallery_back_btn_hov.png');}

div#gallery a#next_btn {background-image: url('../assets/gallery_next_btn.png'); margin-left: 140px;}
div#gallery a#next_btn:hover {background-image: url('../assets/gallery_next_btn_hov.png');}

/* Contact Styling */
div#contact {
	clear: both;
	margin: auto;
	margin-top: -220px;
	position: relative;
	width: 700px;
	}

div#contact h2 {
	background-color: #333333;
	background-image: url('../assets/contact_heading_bg.png');
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius:  12px 12px 0 0;
	border-radius:  12px 12px 0 0;
	box-shadow:
 	1px 0 0 1px rgba(0,0,0,0.2);
	-moz-box-shadow:
 	1px 0 0 1px rgba(0,0,0,0.2);
	-webkit-shadow:
 	1px 0 0 1px rgba(0,0,0,0.2);
	height: 48px;
	line-height: 48px;
	padding-left: 40px; 
	text-align: left;
	width: 660px;
	}

div#contact form {
	background-color: white;
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.1);
	-moz-box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.1);
	-webkit-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.1);
 	display: block;
 	clear: both;
	padding: 48px 40px 48px 40px;
	width: 620px;
	z-index: 99;
	}

div#contact form input, div#contact form textarea {
	background-color: #f7f7f7;
	border: 1px solid white;
	box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-moz-box-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-webkit-shadow:
 	1px 1px 0 1px rgba(0,0,0,0.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

div#contact form div.right {
	float: right;
	}

div#contact form textarea {
	height: 220px; 
	padding: 10px;
	resize: none; 
	width: 300px;
	}
	
div#contact form input, div#contact form label {height: 24px; padding: 0 10px 0 10px; width: 240px;}
div#contact form label#message_label {width: 300px;}

div#contact form label {
	display: block;
	font-size: 13px; 
	height: 24px;
	line-height: 24px;
	margin-bottom: 24px; 
	text-align: center;
	}
	
div#contact form input.submit {
	border: none;
	color: white; 
	cursor: pointer;
	display: block;
	height: 48px;
	line-height: 48px;
	margin-left: 80px;
	text-align: center;
	width: 100px;
	}
div#contact form input.submit:hover {color: #333333;}

img#letters {
	position: absolute;
	top: 0px;
	left: 610px;
	z-index: -1;
	}
	
/* Footer Styling */
div#footer_wrapper {
	background-color: #ffc636;
	border-top: 1px solid #ffffff;
	box-shadow:
 	0 0 0 1px rgba(0, 0, 0, 0.1),
 	0 0 0 2px rgba(255, 204, 108, 1.0);
	-moz-box-shadow:
 	0 0 0 1px rgba(0, 0, 0, 0.1),
 	0 0 0 2px rgba(255, 204, 108, 1.0);
	-webkit-shadow:
 	0 0 0 1px rgba(0, 0, 0, 0.1),
 	0 0 0 2px rgba(255, 204, 108, 1.0);
	margin-top: 360px;
	padding-bottom: 24px;

	}
	
img#contact_form_reflection {
	display: block;
	margin: auto;
	}

div.dotted_border {
	background-image: url('../assets/footer_border.png');
	display: block;
	height: 6px;
	margin: auto;
	margin-top: 24px; 
	width: 960px;
	}
	
footer {
	margin: auto; 
	margin-top: 24px; 
	width: 960px;
	}

footer address, footer p#phone, footer nav ul li {float: left;}
footer address, footer p#phone, footer nav ul li a, footer p#copyright {
	color: gray;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
	}

footer address, footer p#phone {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	height: 72px;
	margin-left: 10px;
	box-shadow:
 	1px 0 0 0 rgba(255, 255, 255, 0.8);
	-moz-box-shadow:
 	1px 0 0 0 rgba(255, 255, 255, 0.8);
	-webkit-shadow:
 	1px 0 0 0 rgba(255, 255, 255, 0.8);
	}

footer address {line-height: 18px; width: 160px;}
footer p#phone {padding-left: 10px; line-height:24px; width: 210px;}

footer nav {height: 72px; overflow: hidden; width: 540px;}
footer nav ul {float: right; margin-right: 10px;}
footer nav ul li {
	background-color: rgba(0, 0, 0, 0.2);
 	margin-left: 20px;
	text-align: center;
	width: 100px;
	}

footer nav ul li:hover {
	background-color: rgba(0, 0, 0, 0.4);
	}
	
footer nav ul li a {
	color: white; 
	font-size: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}

footer ul#soc_media_icons {
	display: block;
	margin: auto;
	margin-top: 48px;
	overflow: hidden;
	width: 230px;
	}

footer ul#soc_media_icons li a {
	background-repeat: no-repeat;
	float: left;
	margin-left: 40px;
	width: 50px;
	height: 48px;
	}

footer ul#soc_media_icons li a.first {margin-left: 0;}

footer ul#soc_media_icons li a#fb {background-image: url('../assets/soc_media_fb.png');}
footer ul#soc_media_icons li a#yt {background-image: url('../assets/soc_media_yt.png');}
footer ul#soc_media_icons li a#tw {background-image: url('../assets/soc_media_tw.png');}

footer p#copyright {
	clear: both;
	margin: auto; 
	margin-top: 24px; 
	text-align: center; 
	width: 960px;
	}
	
footer address span, footer p#copyright span {
	color: white; 
	font-size: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	}