/* @override 
	http://gyulacsik.hu/portfolio/css/style.css
*/
/* @group CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* @end */
/* Global Styles */

/* @group Global Layout */
html {height: 100%;}
body {height: 100%; text-align: center; color: #1f1f1f; background-color: #1f1f1f;}

a {color: #8e0002; text-decoration: none;}
a:hover {color: #d40028;}
a:active {color: #64001f;}
a:focus {color: #64001f;}

#content_container {width: 960px; text-align: left; margin: 0 auto;}
#content_bg_large {width: 100%; text-align: center; padding: 60px 0 60px 0; background: #c0bbb0 url(../images/bg_repeat_large.jpg) repeat-x scroll center top;}
#content_bg_small {width: 100%; text-align: center; padding: 0 0 60px 0; background: #c0bbb0 url(../images/bg_repeat_small.jpg) repeat-x scroll center top;}

.clearboth {clear: both; width: 100%; font-size: 0px;}
.left {float: left;}
.right {float: right;}
.hide {display: none;}
.first {padding-top: 0; margin-top: 0;}
.space_top {margin-top: 24px;}
.space_right {margin-right: 45px;}
.home_column_1 img {margin-top: 4px; width: 195px; height: 182px;}

.like_button_header {float: right; display: block; margin: 69px -14px 0 15px;}

/* @group Links with Icons */
a.linkwithicon {padding-left: 25px;}

a.linkedin {background: url(../images/linkedin.png) no-repeat scroll left center;}
a.twitter {background: url(../images/twitter.png) no-repeat scroll left center;}
a.facebook {background: url(../images/facebook.png) no-repeat scroll left center;}
a.flickr {background: url(../images/flickr.png) no-repeat scroll left center;}
a.pdf {background: url(../images/icon_pdf_02.png) no-repeat scroll left center;}
a.vcard {background: url(../images/icon_vcard_01.png) no-repeat scroll left center;}
/* @end */

/* @group Columns */
.welcome_column_1 {float: left; width: 435px; padding-right: 45px; padding-top: 51px;}/* padding-top: 34px; */
.welcome_column_2 {float: left; width: 480px;}

.home_column_container_1 {float: left;}
.home_column_container_2 {float: left;}
.home_column_1 {float: left; width: 195px; padding-right: 45px;}
.home_column_2 {float: left; width: 435px; padding-right: 45px;}
.home_column_3 {float: left; width: 240px;}

.footer_column_1 {float: left; width: 195px; padding-right: 45px;}
.footer_column_2 {float: left; width: 435px; padding-right: 45px;}
.footer_column_3 {float: left; width: 240px;}

.about_column_1 {float: left; width: 435px; padding-right: 45px;}
.about_column_1 p {padding-right: 0;}
.about_column_2 {float: left; width: 195px; padding-right: 45px;}
.about_column_3 {float: left; width: 240px;}
.about_column_wide {float: left; width: 480px;}

.contact_column_1 {float: left; width: 195px; padding-right: 45px;}
.contact_column_2 {float: left; width: 435px; padding-right: 45px;}
.contact_column_3 {float: left; width: 240px;}
/* @end */
/* @end */
/* @group Global Typography */
body {-webkit-text-stroke: 1px transparent;}
/* Slimming down fonts under Safari */
@media only screen and (max-device-width:480px) {
body {-webkit-text-stroke: 0 black;}
}
/* Reset for Safari Mobile */
body {font-family: Arial, sans-serif;}
#header_container {font-size: 18px;}
h1, h2, h3 {font-family: Helvetica, Arial, sans-serif;}
h1 {text-shadow: 0px 1px 0px #ebede5;}
h1.welcome_header {font-size: 36px; line-height: 47px; font-weight: normal; padding: 0 0 18px 0; border-bottom: 1px solid #a19b91; margin: 0 0 18px 0;}
h1.page_header {font-size: 36px; font-weight: normal; padding: 57px 0 63px; margin: 0 0 42px 0;}
.page_subheader {float: left; display: block; padding: 74px 0 0 15px; text-shadow: 0px 1px 0px #ebede5;}
h2.column_header {margin-bottom: 31px; padding-bottom: 19px; border-bottom: 1px solid #a19b91; font-weight: normal; font-size: 24px; text-shadow: 0px 1px 0px #e4e6dc;}
h2.column_header_footer {font-size: 16px; font-weight: bold; margin: 0 0 18px 0; padding-bottom: 18px; border-bottom: 1px solid #49453e;}
h2.sidebar_header {font-size: 14px; font-weight: bold; margin: 0 0 18px 0;}
.bodytext, .bodytext p, .bodytext li {font-size: 16px; line-height: 24px;}
.sidenote, .sidenote p, .sidenote li {font-size: 14px; line-height: 21px;}
.footnote, .footnote p, .footnote li {font-size: 12px; line-height: 18px;}
#content_container p {padding-bottom: 24px;}
#content_container p.last {padding-bottom: 0; margin-bottom: -12px;}
#content_container div.content_col2 p {padding-bottom: 21px;}
span.content_subheader {float: left; display: block; font-size: 16px; font-weight: normal; margin-top: 7px; color: #6b6e65;}
div.project_navigationbuttons a {font-size: 12px;}
div.page_navigationbuttons a {font-size: 22px;}
div.backtotop_link {font-size: 12px;}
.form_name_field {font-size: 16px;}
.form_email_field {font-size: 16px;}
.form_message_field {font-size: 16px;}
.form_send_button {font-size: 16px;}
/* @end */
/* @group Global Buttons */
a.button_large {float: left; display: block; padding: 10px 20px; text-align: center; background: #ccc4ba url('../images/button_large_bg.jpg') no-repeat scroll 0 0; border-bottom: 0; color: #1f1f1f;}
a.button_large:hover {background: #cdc5ba url('../images/button_large_bg.jpg') no-repeat scroll -400px 0; border-bottom: 0; color: #8e0002;}
a.button_large:active {background: #eeeae4 url('../images/button_large_bg.jpg') no-repeat scroll 0 0; border-bottom: 0; color: #8e0002;}
a.button_large:focus {background: #eeeae4 url('../images/button_large_bg.jpg') no-repeat scroll 0 0; border-bottom: 0; color: #8e0002;}
a.button_small {float: left; display: block; width: 70px; padding: 5px; text-align: center; color: #1f1f1f; background: #ccc4ba url('../images/button_small_bg.jpg') no-repeat scroll 0 0; border-bottom: 0;}
a.button_small:hover {background: #cdc5ba url('../images/button_small_bg.jpg') no-repeat scroll -120px 0; border-bottom: 0; color: #8e0002;}
a.button_small:active {background: #eeeae4 url('../images/button_small_bg.jpg') no-repeat scroll 0 0; border-bottom: 0; color: #8e0002;}
a.button_small:focus {background: #eeeae4 url('../images/button_small_bg.jpg') no-repeat scroll 0 0; border-bottom: 0; color: #8e0002;}
/* @end */
/* @group Global Effects */
.borders {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.shadows {-moz-box-shadow: 1px 1px 8px #a19b91; -webkit-box-shadow: 1px 1px 8px #a19b91; box-shadow: 1px 1px 8px #a19b91;}
.borders_small {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.shadows_small {-moz-box-shadow: 1px 1px 5px #a19b91; -webkit-box-shadow: 1px 1px 5px #a19b91; box-shadow: 1px 1px 5px #a19b91;}
.logo_home {-moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; -moz-box-shadow: 1px 1px 8px #a19b91; -webkit-box-shadow: 1px 1px 8px #a19b91; box-shadow: 1px 1px 8px #a19b91;}
/* @end */
/* Global Site Structure */
/* @group Global Header */
#header_container {width: 960px; text-align: left; margin: 0 auto;}
#header_logotype img {float: left; display: block; width: 145px; height: 32px; margin-top: 26px;}
div.language {display: block; float: left; padding: 40px 0 0 0; font-size: 10px; color: #c0bbb0;}
div.language a {color: #c0bbb0; font-weight: bold;}
div.language a:hover {color: #fff; border-bottom: 1px solid #8e0002;}
div.language a:active {color: #d7d1c5; border: 0;}
div.language a:focus {color: #fff; border-bottom: 1px solid #8e0002;}
/* @group Menu */
ul#header_nav {padding: 0;}
ul#header_nav li {float: left; width: 120px; text-align: center;}
ul#header_nav a {background: url(../images/bg_nav.jpg) no-repeat scroll 0 0; display: block; padding: 30px 0 30px 0; height: 100%; color: #d7d1c5; border-left: 1px solid #49453e; cursor: pointer; line-height: 24px;}
ul#header_nav a:hover {background: #8e0002 url(../images/bg_nav.jpg) no-repeat scroll 0 -240px; border-bottom: 0; color: white; cursor: pointer;}
ul#header_nav a:active {color: white; cursor: pointer; background: #c30d12 url(../images/bg_nav.jpg) no-repeat scroll 0 -120px;}
ul#header_nav a:focus {color: white; cursor: pointer; background: #c30d12 url(../images/bg_nav.jpg) no-repeat scroll 0 -120px;}
ul#header_nav a.border_right {border-right: 1px solid #49453e;}
/* @end */
/* @end */
/* @group Global Footer */
div.footer_bg {width: 100%; text-align: center; padding: 36px 0 48px 0;}
div.footer_container {width: 960px; text-align: left; margin: 0 auto; color: #a19b91;}
div.footer_container a {color: #a19b91;}
div.footer_container a:hover {color: #fff;}
div.footer_container a:active {color: #a19b91; border: 0;}
div.footer_container a:focus {color: #a19b91; border: 0;}
div.footer_container div.content_col1 {border: 0;}
/* @group Twitter Stream */
div.twitter_stream p {padding-top: 1px;}
div.twitter_stream img {float: left; display: block; padding: 0 10px 30px 0;}
.twitterTime {font-style: italic; line-height: 24px; display: block;}
/* @end */
/* @end */
/* Local Styles */
/* @group Home */
/* @group Welcome Area */
#welcome_buttons {padding: 24px 0 26px 0; border-top: 1px solid #a19b91; border-bottom: 1px solid #a19b91; margin: -6px 0 59px 0;}
#welcome_buttons a {margin-right: 12px; text-shadow: 0px 1px 0px #ebede5;}
#slideshow_featured_content a:hover {border: 0;}
#slideshow_featured_content {position: relative; overflow: hidden; width: 480px; height: 360px; margin-bottom: 106px; background: white;}
#slideshow_featured_content img {width: 480px; height: 360px; display: block; border: 0;}
/* @end */
/* @group Recent Works */
div#recent_works {float: left;}
div#recent_works div.recent_container {float: left; padding: 0 45px 0 0;}
div#recent_works div.img_bg {background: url(../images/bg_recent_works.jpg) no-repeat scroll center top;}
div#recent_works span {display: block; line-height: 48px;}
div#recent_works img {display: block; width: 195px; height: 126px;}
div#recent_works a {float: left; color: #1f1f1f;}
div#recent_works a:hover {color: #8e0002; border: 0;}
div#recent_works a:active {color: #c30d12; border: 0;}
div#recent_works a:focus {color: #c30d12; border: 0;}
/* @end */
/* @end */
/* @group Works */
div.project_container {padding-bottom: 60px;}
div.project_pictures {width: 660px; position: relative; float: left;}
div.project_pictures img {width: 660px; position: relative; top: 0; left: 0; display: block;}
div.project_sidebar {float: left; width: 270px; padding: 0 0 24px 30px;}
div.project_description {padding-bottom: 21px;}
div.project_additionalimages {padding: 21px 0; border-top: 1px solid #a19b91; border-bottom: 1px solid #a19b91;}
/* @group Thumbnails */
ul.thumbnails {float: left; padding: 0; margin: 0 0 -15px -15px;}
ul.thumbnails li {float: left; list-style: none;}
ul.thumbnails a {padding: 0px; margin: 0 0 15px 15px; display: block; background: white;}
ul.thumbnails a:hover {border-bottom: 0; background: white; border: 0;}
ul.thumbnails a:active {outline: none; border: 0;}
ul.thumbnails a:focus {outline: none; border: 0;}
ul.thumbnails a.activeSlide {background: #c0bbb0; opacity: 0.3;}
ul.thumbnails a.activeSlide:hover {border: 0;}
ul.thumbnails img {display: block;}
/* @end */
/* @group Thumbnails Navigation Buttons */
div.project_navigationbuttons {width: 240px; padding-top: 21px;}
div.project_navigationbuttons a {margin-right: 15px;}
/* @end */
/* @group Project Divider */
div.project_divider {float: right; width: 960px; margin: 0 0 60px 0; background: url('../images/line_960px.gif') no-repeat center left;}
div.backtotop_link {float: left; padding: 0 10px 0 0; background: #c0bbb0;}
div.backtotop_link a {display: block; color: #1f1f1f; border-bottom: 1px solid #c0bbb0;}
div.backtotop_link a:hover {color: #8e0002; border-bottom: 1px solid #8e0002;}
div.backtotop_link a:active {color: #1f1f1f; border-bottom: 1px solid #1f1f1f;}
div.backtotop_link a:focus {color: #1f1f1f; border-bottom: 1px solid #1f1f1f;}
/* @end */
/* @end */
/* @group About */
div.about_column_1 img {margin: 5px 0 31px 0;}
li.list_header {margin-top: 24px; list-style-image: none;}
ul.sidebar_list {padding-bottom: 45px;}
.bullet {padding-left: 14px; list-style-position: outside; list-style-image: url(../images/bullet_arrow.png);}
.excerpt {display: block; float: right; width: 200px; background: white; padding: 15px; margin-right: -260px;}
/* @end */
/* @group Contact */
div.message {display: none;}
div.message ul {list-style-type: decimal; list-style-position: inside;}
#contactForm span {line-height: 21px;}
span.form_name {display: block; padding-bottom: 6px;}
span.form_email, span.form_message {display: block; padding: 6px 0 6px 0;}
.form_name_field {width: 417px;}
.form_email_field {width: 417px;}
.form_message_field {width: 417px;}
.form_send_button {float: left; margin: 18px 0 24px 0;}
.form_name_field, .form_email_field, .form_message_field {float: left; padding: 9px; border: 0; background: #e8e4d9;}
.form_name_field:active, .form_email_field:active, .form_message_field:active {background: #fff;}
.form_name_field:focus, .form_email_field:focus, .form_message_field:focus {background: #fff;}
/* @end */