/* GENERAL */
html, body { margin: 0; padding: 0; border: 0; background-color: Black; }
img { border: 0; }

.hdn { display: none; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

div.loader { width: 1px; height: 1px; overflow: hidden; display: none; }
div.space_s { margin: 0; padding: 0; border: 0; height: 10px; overflow: hidden; }
div.space { margin: 0; padding: 0; border: 0; height: 20px; overflow: hidden; }
div.space_l { margin: 0; padding: 0; border: 0; height: 50px; overflow: hidden; }

.btn-arrow-down { margin: 0; padding: 0; border: 0; width: 20px; height: 10px; display: inline-block; cursor: pointer; background: url(../Images/Buttons/btn-arrow-down.png) no-repeat top center; }
.btn-arrow-down:hover { background: url(../Images/Buttons/btn-arrow-down-h.png) no-repeat top center; }
.btn-arrow-down-b { margin: 0; padding: 0; border: 0; width: 20px; height: 10px; display: inline-block; cursor: pointer; background: url(../Images/Buttons/btn-arrow-down-b.png) no-repeat top center; }
.btn-arrow-down-b:hover { background: url(../Images/Buttons/btn-arrow-down-b-h.png) no-repeat top center; }
.btn-arrow-up { margin: 0; padding: 0; border: 0; width: 20px; height: 10px; display: inline-block; cursor: pointer; background: url(../Images/Buttons/btn-arrow-up.png) no-repeat top center; }
.btn-arrow-up:hover { background: url(../Images/Buttons/btn-arrow-up-h.png) no-repeat top center; }
.btn-arrow-up-b { margin: 0; padding: 0; border: 0; width: 20px; height: 10px; display: inline-block; cursor: pointer; background: url(../Images/Buttons/btn-arrow-up-b.png) no-repeat top center; }
.btn-arrow-up-b:hover { background: url(../Images/Buttons/btn-arrow-up-b-h.png) no-repeat top center; }
.btn-arrow-right { margin: 0; padding: 0; border: 0; width: 10px; height: 20px; display: inline-block; cursor: pointer; background: url(../Images/Buttons/btn-arrow-right.png) no-repeat top center; }
.btn-arrow-right:hover { background: url(../Images/Buttons/btn-arrow-right-h.png) no-repeat top center; }
.btn-arrow-left { margin: 0; padding: 0; border: 0; width: 10px; height: 20px; display: inline-block; cursor: pointer; background: url(../Images/Buttons/btn-arrow-left.png) no-repeat top center; }
.btn-arrow-left:hover { background: url(../Images/Buttons/btn-arrow-left-h.png) no-repeat top center; }
.btn-expand { width: 32px; height: 32px; border: 0; cursor: pointer; margin: 10px 0 0 40px; padding: 0; display: inline-block; background: url(../Images/Buttons/btn-expand.png) no-repeat center center; }
.btn-expand:hover { background: url(../Images/Buttons/btn-expand-h.png) no-repeat top center; }
.btn-reduce { width: 32px; height: 32px; border: 0; cursor: pointer; margin: 0; padding: 0; display: inline-block; background: url(../Images/Buttons/btn-reduce.png) no-repeat center center; }
.btn-reduce:hover { background: url(../Images/Buttons/btn-reduce-h.png) no-repeat top center; }

a.common { color: Orange; text-decoration: none; }
a.common:hover { color: #2d2d2d; }

a.common2 { color: Orange; text-decoration: none; }
a.common2:hover { color: #dddddd; }

/* LOGO */
div.logo { width: 108px; height: 180px; margin: 0 auto; padding: 0; border: 0; background-color: Brown; z-index: 10; background: url(../Images/Backgrounds/bg-logo.png) no-repeat top center; text-align: center; }
div.logo img { margin: 40px 0 30px 0; padding: 0; border: 0; }

/* MENU */
div.menu { position: absolute; top: 0; margin: 0; padding: 0; border: 0; background-color: Orange; width: 100%; height: 70px; background: url(../Images/Backgrounds/bg-menu.png) repeat-x; z-index: 9; }
div.menu div { width: 1100px; height: 70px; margin: 0 auto; padding: 0; border: 0; }
div.menu div a.menu { color: White; text-decoration: none; font-family: 'Rosario' , Arial; font-size: 15px; display: inline-block; height: 70px; border: 0; padding: 25px 15px 0 15px; }
div.menu div a.menu:hover { color: #2d2d2d; }

/* MAIN */
div.wrapper { position: absolute; top: 0; bottom: 0; min-width: 1280px; width: 100%; max-width: 1600px; min-height: 800px; height: 100%; max-height: 1000px; display: block; }
table.main { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: url(../Images/Backgrounds/bg-services-main.png) repeat; }

table.main_clean { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: url(../Images/Backgrounds/bg-trans.png) repeat; }
table.main_clean td.info_clean { vertical-align: middle; text-align: left; padding: 0 80px; background: url(../Images/Backgrounds/bg-services-main.png) repeat; }
table.main_clean td.info_clean h1 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: #E56C2B; letter-spacing: -1px; text-transform: uppercase; line-height: 100%; }
table.main_clean td.info_clean ul { font-size: 18px; font-style: italic; }
table.main_clean td.info_clean p { font-size: 18px; font-style: italic; }
table.main_clean td.home_clean { vertical-align: middle; text-align: center; width: 50%; height: 50%; background: url(../Images/Backgrounds/bg-trans.png) repeat; }

/* HOME */
table.main td.home { vertical-align: middle; text-align: center; width: 50%; height: 50%; background: url(../Images/Backgrounds/bg-home.png) no-repeat center right; }
table.main td.home div { width: 352px; height: 302px; margin: 0 auto; padding: 50px 25px; border: 0; background: url(../Images/Backgrounds/bg-home-circle.png) no-repeat top center; }
table.main td.home div h1 { font-family: 'Oswald' , sans-serif; margin: 60px 0 25px 0; padding: 0; border: 0; font-size: 80px; color: White; letter-spacing: -3px; line-height: 76%; }
table.main td.home div h1 span { font-size: 40px; letter-spacing: 0; color: #FFC8AB; }
table.main td.home div p { margin: 0 40px; margin-bottom: 50px; padding: 0; border: 0; font-size: 18px; font-style: italic; text-align: left; }
table.main td.home div p a { color: White; text-decoration: none; }
table.main td.home div p a:hover { color: #FFC8AB; }
/* ABOUT */
table.main td.about { vertical-align: bottom; text-align: center; width: 50%; height: 220px; background: url(../Images/Backgrounds/bg-about.png) repeat; }
table.main td.about h1 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 4px 0 0 0; border: 0; font-size: 32px; color: #FFC8AB; letter-spacing: -1px; line-height: 76%; display: block; width: 200px; height: 100px; border: 0; float: left; text-align: right; }
table.main td.about p.about { color: #f6f6f6; font-style: italic; font-size: 16px; border: 0; padding: 0 30px; margin: 0 0 0 220px; text-align: left; display: block; width: 250px; height: 100px; }
table.main td.about p.about span { text-transform: uppercase; color: #E56C2B; }
table.main td.about p.more { float: right; display: block; width: 30px; height: 100px; margin: -100px 40px 0 0; padding: 5px 0 0 0; border: 0; }
/* SERVICES */
table.main td.services { vertical-align: middle; text-align: center; width: 32%; background: url(../Images/Backgrounds/bg-services.png) no-repeat right bottom; }
table.main td.services div { margin: 0; padding: 20px 40px; border: 0; display: block; text-align: left; }
table.main td.services div h1 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 36px; color: #E56C2B; letter-spacing: -1px; }
table.main td.services div h2 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0 0 0 40px; border: 0; font-size: 17px; color: #87756B; letter-spacing: 0px; line-height: 110%; }
/* BLOG */
table.main td.blog { vertical-align: bottom; text-align: center; width: 18%; background: url(../Images/Backgrounds/bg-blog.png) no-repeat top center; }
table.main td.blog div { margin: 0; padding: 20px 0 20px 20px; border: 0; height: 66px; text-align: left; background: url(../Images/Backgrounds/bg-blog-main.png) repeat; }
table.main td.blog div h1 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 42px; color: #f6f6f6; letter-spacing: -1px; float: left; display: inline-block; width: 160px; height: 62px; }
table.main td.blog div h1 span { width: 48px; height: 40px; border: 0; margin: -44px 27px 0 0; padding: 10px 4px 0 0; display: block; float: right; font-family: Arial; font-size: 22px; text-align: center; color: White; letter-spacing: 0; background: url(../Images/Backgrounds/bg-blog-count.png) no-repeat top center; }
table.main td.blog div div { width: 60px; height: 40px; display: inline-block; margin: 0; padding: 22px 0 0 0; border: 0; background-color: transparent; background: none; }
/* CONTACT */
table.main td.contact { vertical-align: middle; text-align: center; width: 50%; height: 160px; background: url(../Images/Backgrounds/bg-contact.png) repeat; }
table.main td.contact h1 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 4px 0 0 40px; border: 0; font-size: 26px; color: #4b4b4b; letter-spacing: 0px; word-spacing: 4px; line-height: 98%; display: block; width: 400px; height: 120px; border: 0; float: left; text-align: left; text-transform: uppercase; }
table.main td.contact h1 span { color: #E56C2B; font-size: 17px; letter-spacing: 0; display: block; margin: 0 0 8px 0; }
table.main td.contact div.social { margin: -93px 0 0 420px; padding: 0; width: 200px; height: 70px; text-align: left; border: 0; float: left; }
/* ERROR */
table.main td.error { vertical-align: middle; text-align: center; width: 50%; height: 50%; background: url(../Images/Backgrounds/bg-error.png) no-repeat center right; }
/* INFO */
table.main td.info { vertical-align: middle; text-align: center; }
table.main td.info h1 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: #E56C2B; letter-spacing: -1px; text-transform: uppercase; }
table.main td.info p { font-style: italic; font-size: 22px; letter-spacing: -1px; line-height: 99%; }

.btn-social-contact { width: 62px; height: 62px; display: inline-block; border: 0; cursor: pointer; padding: 0; margin: 0 -8px 0 -8px; }
.btn-social-menu { width: 31px; height: 31px; display: inline-block; border: 0; cursor: pointer; padding: 0; margin: 20px -2px 0 -2px; }

.linkedin { background: url(../Images/Icons/icon-linkedin.png) no-repeat top center; }
.linkedin:hover { background: url(../Images/Icons/icon-linkedin-h.png) no-repeat top center; }
.linkedin-w { background: url(../Images/Icons/icon-linkedin-w.png) no-repeat top center; }
.linkedin-w:hover { background: url(../Images/Icons/icon-linkedin-w-h.png) no-repeat top center; }
.facebook { background: url(../Images/Icons/icon-facebook.png) no-repeat top center; }
.facebook:hover { background: url(../Images/Icons/icon-facebook-h.png) no-repeat top center; }
.facebook-w { background: url(../Images/Icons/icon-facebook-w.png) no-repeat top center; }
.facebook-w:hover { background: url(../Images/Icons/icon-facebook-w-h.png) no-repeat top center; }
.twitter { background: url(../Images/Icons/icon-twitter.png) no-repeat top center; }
.twitter:hover { background: url(../Images/Icons/icon-twitter-h.png) no-repeat top center; }
.twitter-w { background: url(../Images/Icons/icon-twitter-w.png) no-repeat top center; }
.twitter-w:hover { background: url(../Images/Icons/icon-twitter-w-h.png) no-repeat top center; }

/* SECTIONS */
.page { position: absolute; top: 0; right: 0; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; z-index: 8; overflow: hidden; }
.about { background: url(../Images/Backgrounds/bg-about.png) repeat; color: #e9e9e9; }
.contact { background: url(../Images/Backgrounds/bg-contact.png) repeat; color: #4b4b4b; }
.services { background: url(../Images/Backgrounds/bg-services-main.png) repeat; color: #4b4b4b; }
.portfolio { background: url(../Images/Backgrounds/bg-services-main.png) repeat; color: #4b4b4b; }
.blog { background-color: #4C210F; color: #f6f6f6; }
.page div.inner { width: 960px; margin: 0 auto; padding: 0; border: 0; font-size: 18px; }
.page div.inner h1.about { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: #FFC8AB; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h1.contact { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: #E56C2B; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h2.contact { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 28px; color: #4b4b4b; letter-spacing: -1px; text-transform: uppercase; word-spacing: 4px; line-height: 98%; }
.page div.inner h1.services { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: #E56C2B; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h2.services { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 32px; color: Brown; letter-spacing: 0; text-transform: uppercase; word-spacing: 2px; line-height: 100%; font-style: normal; }
.page div.inner h3.services { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 20px; color: #4b4b4b; letter-spacing: 0; text-transform: uppercase; word-spacing: 2px; line-height: 100%; font-style: normal; }
.page div.inner h3.services2 { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 26px; color: #4b4b4b; letter-spacing: 0; text-transform: uppercase; word-spacing: 2px; line-height: 100%; font-style: normal; }
.page div.inner h1.portfolio { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: #E56C2B; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h1.blog { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 50px; color: White; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h2.blog { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 24px; color: White; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h2.blog span { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 24px; color: Orange; letter-spacing: -1px; text-transform: uppercase; }
.page div.inner h2.blog a { font-family: 'Oswald' , sans-serif; margin: 0; padding: 0; border: 0; font-size: 24px; color: White; letter-spacing: -1px; text-transform: uppercase; text-decoration: none; }
.page div.inner div.photo { width: 220px; height: 400px; margin: 0; padding: 0; border: 0; display: inline-block; float: left; }
.page div.inner div.photo img { width: 200px; margin: 3px 20px 0 0; border: solid 1px #000000; }
.page div.inner div.col { width: 220px; height: 400px; margin: 0; padding: 0 20px; border: 0; display: inline-block; float: left; font-style: italic; }
.page div.inner div.col2 { width: 280px; height: 400px; margin: 0; padding: 0 20px; border: 0; display: inline-block; float: left; font-style: italic; }
.page div.inner div.col span { color: Orange; text-transform: uppercase; }
.page div.inner div.col_small { width: 180px; height: 400px; margin: 0; padding: 0 20px; border: 0; display: inline-block; float: left; font-style: italic; }
.page div.inner div.col_big { width: 270px; height: 400px; margin: 0; padding: 0 20px; border: 0; display: inline-block; float: left; font-style: italic; font-size: 16px; }
.page div.inner div.col_huge { width: 540px; height: 400px; margin: 0 0 0 40px; padding: 0 20px; border: 0; display: inline-block; float: left; font-size: 16px; }
.page div.inner div.col_huge p { font-style: italic; margin: 5px 0; padding: 0; }
.map { width: 600px; height: 400px; margin: 0; padding: 0; border: solid 1px white; }