html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #1A2228 url(images/main-wrapper-bg.png) repeat;
	font-family: 'Arvo', serif;
	font-size: 13px;
	color: #787878;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Arvo', serif;
	font-weight: 400;
}

p, ol, ul {
	margin-top: 0px;
}

p, ol {
	line-height: 200%;
}

strong {
	color: #2F3D45;
}

a {
	color: #B89164;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

.container {
	width: 980px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-wrapper {
	height: 135px;
	background: url(images/header-wrapper-bg.png) repeat;
}

.homepage #header-wrapper {
	height: 124px;
	background: url(images/homepage-header-wrapper-bg.jpg) repeat;
}

#header {
	overflow: hidden;
	width: 898px;
	height: 135px;
	margin: 0px auto;
	background: url(images/header-shadow.png) no-repeat center bottom;
}

.homepage #header {
	height: 124px;
}

/** LOGO */

#logo {
	float: left;
	width: 450px;
}

#logo h1, #logo p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-style: normal;
}

#logo h1 a {
	display: block;
	padding-top: 50px;
	letter-spacing: normal;
	text-decoration: none;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	text-transform: capitalize;
	font-size: xx-large;
	font-weight: 500;
	color: #FFFFFF;
	font-family: Tahoma, "Tekton Pro";
	font-style: normal;
	line-height: normal;
	font-stretch: wider;
}

#logo span {
	color: #D9B48B;
	font-family: Tahoma, "Tekton Pro";
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	font-size: large;
}

/** SOCIAL */

#social {
	float: right;
	padding-top: 45px;
	padding-right: 15px;
}

#social-bg {
	height: 50px;
	background: url(images/social-bg.png) repeat-x left top;	
}

#social-bgleft {
	height: 50px;
	background: url(images/social-left-bg.png) no-repeat left top;
	margin-left: -15px;
}

#social-bgright {
	height: 50px;
	background: url(images/social-right-bg.png) no-repeat right top;
	margin-right: -15px;
}

/** MENU */

#menu-wrapper {
	height: 59px;
	padding-top: 22px;
	background: url(images/menu-wrapper-bg.png) repeat-x left top;
}

#menu {
	height: 40px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}

#menu li {
	display: inline-block;
	margin: 0px 5px;
	padding-left: 10px;
}

#menu a {
	display: block;
	padding-right: 10px;
	line-height: 40px;
	letter-spacing: -1px;
	text-decoration: none;
	font-family: 'Arvo', serif;
	font-size: 17px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
}

#menu span {
	display: inline-block;
	height: 40px;
	padding: 0px 15px 0px 15px;
}

#menu li.active {
	background: url(images/menu-left-bg.png) no-repeat left top;
}

#menu li.active a {
	background: url(images/menu-right-bg.png) no-repeat right top;
}

#menu li.active span {
	background: url(images/menu-active-bg.png) repeat-x left top;
	text-shadow: 1px 1px 0px #F8D0A4;
	color: #645443;
}

/** WRAPPER */

#wrapper {
	background: url(images/page-wrapper-bg.png) repeat;
}

#wrapper-bgtop {
	background: url(images/page-wrapper-bgtop.png) repeat-x left top;
}

.homepage #wrapper-bgtop {
	background: url(images/homepage-wrapper-bgtop.jpg) repeat-x left top;
}
	
/** PAGE */

#page-wrapper {
	background: url(images/page-content-wrapper.png) repeat-y center top;
}

.homepage #page-wrapper {
}

#page-wrapper-bgtop {
	overflow: hidden;
	padding: 70px 0px 50px 0px;
	background: url(images/page-content-bgtop.png) no-repeat center top;
}

.homepage #page-wrapper-bgtop {
	padding-top: 0px;
	background: url(images/homepage-page-content-bgtop.jpg) no-repeat center top;
}

#page {
	overflow: hidden;
	width: 962px;
	margin: 0px auto;
}

/** CONTENT */

#content {
	float: left;
	width: 620px;
	padding-right: 10px;
}

.two-column2 #content {
	float: right;
	width: 610px;
	padding-left: 20px;
}

#wide-content {
	width: 942px;
	margin: 0px auto;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 320px;
}

.two-column2 #sidebar {
	float: left;
}

/** FOOTER */

#footer {
	overflow: hidden;
	height: 160px;
	background: url(images/footer-wrapper-bg.png) repeat-x left top;
}

#footer p {
	margin: 0px;
	padding: 50px 0px 0px 0px;
	text-align: center;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	font-size: 13px;
	color: #4D575D;
}

/** FOOTER CONTENT */

#footer-content-wrapper {
	background: url(images/footer-content-wrapper-bg.png) repeat;
}

#footer-content-bgshadow {
	overflow: hidden;
	background: url(images/footer-content-shadow-bg.png) repeat-x left top;
}

#footer-content {
	overflow: hidden;
	width: 920px;
	margin: 0px auto;
	padding: 50px 0px;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	color: #848F96;
}

#footer-content h2 {
	padding-bottom: 30px;
	letter-spacing: -1px;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	font-size: 22px;
	font-weight: 400;
	color: #FFFFFF;
}

#footer-content a {
	color: #AEB9C0;
}

#footer-content .email {
	padding-left: 30px;
	background: url(images/email-icon-bg.jpg) no-repeat left 4px;
	line-height: 160%;
}

#footer-content .phone {
	padding-left: 30px;
	background: url(images/phone-icon-bg.jpg) no-repeat left 3px;
	line-height: 160%;
}

#footer-content a {
	color: #AEB9C0;
}

/** FOOTER CONTENT */

#fbox1 {
	float: left;
	width: 295px;
	padding-right: 30px;
}

#fbox2 {
	float: left;
	width: 295px;
}

#fbox3 {
	float: right;
	width: 270px;
}

/** LIST STYLE 1 */

ul.style1 {
	margin: 0px;
	padding: 7px 5px 0px 5px;
	list-style: none;
}

ul.style1 li {
	float: left;
	padding: 0px 4px;
}

/** LIST STYLE 2 */

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 12px 0px;
	background: url(images/list2-divider-bg.png) repeat-x left top;
}

ul.style2 a {
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	color: #AEB9C0;
}

ul.style2 .first {
	padding-top: 0px;
	background: none;
}

/** LIST STYLE 3 */

ul.style3 {
	margin: 0px;
	padding: 10px 0px 30px 0px;
	list-style: none;
}

ul.style3 li {
	margin-left: 30px;
	line-height: 230%;
}

/** LIST STYLE 4 */

ul.style4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style4 li {
	padding: 5px 0px;
}

/** IMAGE STYLE 1 */

.image-style1 {
	margin-bottom: 20px;
	padding: 10px;
	background: url(images/image-style1-border.png) repeat;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.3);
}

/** IMAGE STYLE 2 */

.image-style2 {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 10px;
	background: url(images/image-style1-border.png) repeat;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);
	border: 1px solid #D0D1D2;
}

/** BOX STYLE 1 */

.box-style1 {
}

.box-style1 .title {
	letter-spacing: -2px;
	font-size: 28px;
	color: #2F3D45;
}

.box-style1 .subtitle {
	padding-bottom: 10px;
	letter-spacing: -1px;
	font-size: 20px;
	color: #818F88;
}

/** BOX STYLE 2 */

.box-style2 {
	text-shadow: 1px 1px 0px #FFFFFF;
}

.box-style2 .title {
	height: 59px;
	padding: 16px 42px 0px 42px;
	background: url(images/box1-style-title-bg.png) no-repeat left top;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0px #FDD7AC;
	font-size: 22px;
	color: #645443;
}

.box-style2 .bgbtm {
	height: 10px;
	background: url(images/box1-bottom-bg.png) no-repeat left top;
}

.box-style2 .content {
	overflow: hidden;
	padding: 0px 35px 30px 42px;
	background: url(images/box1-style-content-bg.png) repeat-y left top;
}

/** BOX STYLE 3 */

.box-style3 {
	text-shadow: 1px 1px 0px #FFFFFF;
}

.box-style3 .title {
	height: 59px;
	padding: 16px 42px 0px 42px;
	background: url(images/box2-style-title-bg.png) no-repeat left top;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0px #FDD7AC;
	font-size: 22px;
	color: #645443;
}

.box-style3 .bgbtm {
	height: 10px;
	background: url(images/box2-bottom-bg.png) no-repeat left top;
}

.box-style3 .content {
	overflow: hidden;
	padding: 0px 42px 30px 35px;
	background: url(images/box2-style-content-bg.png) repeat-y left top;
}

/** LINK STYLE 1 */

.links-style1 {
	display: inline-block;
	float: left;
	height: 52px;
	margin-top: 30px;
	margin-right: 20px;
	padding-left: 15px;
	background: url(images/button1-left-bg.png) no-repeat left top;
}

.links-style1 a {
	display: inline-block;
	height: 52px;
	padding-right: 15px;
	background: url(images/button1-right-bg.png) no-repeat right top;
}

.links-style1 span {
	display: inline-block;
	height: 52px;
	padding: 0px 15px;
	background: url(images/button1-bg.png) repeat-x left top;
	line-height: 52px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #DFF4F0;
	font-size: 22px;
	color: #4C5952;
}

/** LINK STYLE 2 */

.links-style2 {
	display: inline-block;
	float: left;
	height: 52px;
	margin-right: 20px;
	padding-left: 15px;
	background: url(images/button2-left-bg.png) no-repeat left top;
}

.links-style2 a {
	display: inline-block;
	height: 52px;
	padding-right: 15px;
	background: url(images/button2-right-bg.png) no-repeat right top;
}

.links-style2 span {
	display: inline-block;
	height: 52px;
	padding: 0px 15px;
	background: url(images/button2-bg.png) repeat-x left top;
	line-height: 52px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #FFD8AC;
	font-size: 22px;
	color: #645443;
}

/** BOX 1 */

#box1 {
	margin-bottom: 30px;
}

/** BOX 2 */

#box2 {
	margin-bottom: 30px;
}

/** TEXT STYLES */

.text-style1 {
	display: inline-block;
	height: 52px;
	padding-top: 40px;
}

/** PORTFOLIO */

#portfolio {
	width: 962px;
	height: 315px;
	margin: 0px auto;
	padding-top: 30px;
}

#portfolio .title {
	height: 59px;
	padding: 16px 42px 0px 42px;
	background: url(images/portfolio-title-bg.png) no-repeat left top;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0px #FDD7AC;
	font-size: 22px;
	color: #645443;
}

#portfolio ul {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	list-style: none;
}

#portfolio li {
	float: left;
	padding: 0px 15px;
}

#portfolio img {
	padding: 10px;
	background: url(images/image-style1-border.png) repeat;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,.1);
}

#portfolio-slider {
	position: relative;
	width: 962px;
	height: 240px;
	margin: 0px auto;
	background: url(images/portofolio-slider-bg.png) no-repeat left top;
}

#portfolio-slider .button {
	text-indent: -999999em;
}

#portfolio-slider .button:hover {
}

#portfolio-slider .viewer {
	width: 810px;
	height: 240px;
	margin: 0px auto;
	overflow: hidden;
}

#portfolio-slider .viewer .reel {
	display: none;
	height: 240px;
}

#portfolio-slider .viewer .reel .slide {
	position: relative;
	width: 810px;
	height: 240px;
}

#portfolio-slider .previous-button {
	position: absolute;
	top: 77px;
	left: 0px;
	width: 55px;
	height: 67px;
	background: url(images/portofolio-slider-left.png) no-repeat left top;
	outline: 0;
}

#portfolio-slider .next-button {
	position: absolute;
	top: 77px;
	right: 0px;
	width: 55px;
	height: 67px;
	background: url(images/portofolio-slider-right.png) no-repeat left top;
	outline: 0;
}

#banner {
	overflow: hidden;
	width: 962px;
	height: 400px;
	margin: 0px auto;
	background: url(images/banner-bottom-shadow.png) no-repeat left bottom;
}

#banner-slider {
	position: relative;
	width: 802px;
	height: 283px;
	padding: 62px 80px 0px 80px;
	background: url(images/banner-slider-bg.png) no-repeat left top;
}

#banner-slider .button {
	text-indent: -999999em;
}

#banner-slider .button:hover {
}

#banner-slider .viewer {
	width: 802px;
	height: 240px;
	margin: 0px auto;
	overflow: hidden;
}

#banner-slider .viewer .reel {
	display: none;
	width: 802px;
	height: 240px;
}

#banner-slider .viewer .reel .slide {
	position: relative;
	width: 892px;
	height: 240px;
}

#banner-slider .previous-button {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 55px;
	height: 67px;
	background: url(images/portofolio-slider-left.png) no-repeat left top;
	outline: 0;
}

#banner-slider .next-button {
	position: absolute;
	top: 135px;
	right: 0px;
	width: 55px;
	height: 67px;
	background: url(images/portofolio-slider-right.png) no-repeat left top;
	outline: 0;
}

#banner-slider .indicator {
	height: 43px;
	background: url(images/indicator-bg1.png) repeat-x center top;
}

#banner-slider .indicator-leftbg {
	width: 150px;
	margin: 0px auto;
	padding-left: 30px;
	background: url(images/indicator-leftbg.png) no-repeat left top;
}

#banner-slider .indicator-rightbg {
	padding-right: 30px;
	background: url(images/indicator-right-bg.png) no-repeat right top;
}

#banner-slider .indicator ul {
	list-style: none;
	padding: 13px 0px 0px 0px;
	margin: 0;
	text-align: center;
	background: url(images/indicator-bg.png) no-repeat center top;
}

#banner-slider .indicator ul li {
	display: inline-block;
	width: 19px;
	height: 19px;
	text-indent: -9999em;
	background: url(images/indicator-normal-bg.png) no-repeat left top;
	margin: 0 1px 0 1px;
	outline: 0;
}

#banner-slider .indicator ul li.active {
	background: url(images/indicator-active-bg.png) no-repeat left top;
}

.two-column {
	overflow: hidden;
	width: 802px;
	height: 240px;
	margin: 0px auto;
	line-height: normal;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	font-size: 18px;
	color: #F0F7F3;
}

.two-column h2 {
	display: block;
	width: 400px;
	padding-bottom: 20px;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	font-size: 30px;
	color: #FFFFFF;
}

.two-column p {
	line-height: 160%;
	text-shadow: 1px 2px 0px rgba(0,0,0,.3);
	font-size: 18px;
	color: #F0F7F3;
}

.two-column .column1 {
	float: left;
	width: 392px;
}

.two-column .column2 {
	float: right;
	width: 400px;
	padding: 5px 10px 0 0;
}

.two-column .column2 img {
	float: right;
	padding: 20px;
	background: url(images/image-style1-border.png) repeat;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.3);
}