/* ::::: http://stronydlafirm.info ::::: */

* {
	padding: 0pt;
	margin: 0pt;
	color: rgb(235, 225, 195);
}
img { border: medium none; }
body { background: url('img/body-bg.jpg') repeat scroll 0% 0% rgb(30, 30, 27); }
#wrapper { background: url('img/body-bg.jpg') repeat scroll 0% 0% rgb(30, 30, 27); }
#header { width: 900px; }
#logo { padding: 25px 0pt; height: 100px; width: 268px; position: relative; top: 12px; left: -55px; }
#nav { position: relative; float: right; width: 500px; height: 50px; padding-top: 50px; }
#nav a { margin-left: 24px; display: block; float: right; }
a#navHome { height: 80px; width: 80px; background: none repeat scroll 0% 0% transparent; }
a#navHome:hover { background: url('img/nav_homeroll.png') repeat scroll 0% 0% transparent; }
a#navContact { height: 80px; width: 80px; background: none repeat scroll 0% 0% transparent; }
a#navContact:hover { background: url('img/nav_contactroll.png') repeat scroll 0% 0% transparent; }
a#navAbout { height: 80px; width: 80px; background: none repeat scroll 0% 0% transparent; }
a#navAbout:hover { background: url('img/nav_aboutroll.png') repeat scroll 0% 0% transparent; }
a#navPortfolio { height: 80px; width: 80px; background: none repeat scroll 0% 0% transparent; }
a#navPortfolio:hover { background: url('img/nav_portfolioroll.png') repeat scroll 0% 0% transparent; }

#footNote { margin-top: 25px; height: 100px; width: 900px; background: url('img/footer_copy.png') no-repeat scroll left top transparent; }
.subPanel h3, .subPanel p, #mainPanel_Copy p, #mainPanel_Slogan h2, #mainPanel_Link p, #footNote p, #logo h1, #logo p, #nav span, #aboutWhat span, #aboutWhere span, #aboutWhy span { display: none; }
#header, #footNote, #topCopy, #bottomCopy { margin-left: auto; margin-right: auto; }
#topCopy { padding-bottom: 50px; border-bottom: 3px dashed rgb(255, 52, 82); width: 900px; }
#bottomCopy { padding-top: 25px; height: 475px; width: 1000px; }
.subPanel { height: 475px; width: 500px; }
#mainPanel_Slogan { height: 244px; width: 900px; background: url('img/mainpanel_slogan.png') no-repeat scroll center bottom transparent; margin-bottom: 25px; }
#mainPanel_Copy { padding-top: 3px; height: 178px; width: 900px; background: url('img/mainpanel_copy.png') no-repeat scroll center bottom transparent; }
#mainPanel_Link { height: 38px; width: 394px; float: right; }
#portfolio { float: left; }
#kontakt { float: right; }
#content { margin-left: auto; margin-right: auto; width: 910px; }

.footer { width: 100%; background: url('img/footer-bg.gif') repeat-x scroll 0% 0% transparent; overflow: hidden; }
.footer-area { margin: 194px 0pt 0pt; width: 100%; overflow: hidden; background: url('img/f1.jpg') repeat scroll 0% 0% transparent; }
#contactLeft p {
	color: rgb(235, 225, 195);
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
}
input.zby0 { height: 23px; width: 379px; border: 2px solid rgb(158, 149, 121); background: none repeat scroll 0% 0% rgb(235, 225, 195); color: rgb(255, 52, 82); font: bold 20px/28px 'Myriad Pro','Arial',sans-serif; text-transform: uppercase; letter-spacing: -0.65px; padding: 6px 23px; }
textarea {
	height: 350px;
	width: 379px;
	padding: 23px;
	border: 2px solid rgb(158, 149, 121);
	background: none repeat scroll 0% 0% rgb(235, 225, 195);
	color: rgb(255, 52, 82);
	font: bold 20px/26px 'Myriad Pro','Arial',sans-serif;
}
bdo { unicode-bidi: bidi-override; direction: rtl; }
#contactLeft {
	width: 425px;
	padding-top: 0px;
	position: relative;
	float: left;
}
#contactTitle { margin-bottom: 11px; }
#contactInfo { margin-top: 30px; }
#ContactCopy { border-bottom: 2px dashed rgb(255, 52, 82); padding-bottom: 37px; }
#ContactContacts { padding-top: 15px; }
#ContactContacts span { color: rgb(255, 52, 82); }
.ContactSubtitles { display: block; position: relative; float: left; width: 72px; }
#contactFormContentArea { width: 425px; position: relative; float: left; margin-left: 50px; top: -4px; }
#contactFormContentArea p.submitbutton{
	height: 100px;
	width: 185px;
	background: url('img/contactsubmit.png') no-repeat scroll 0% 0% transparent;
	float: right;
	cursor: pointer;	
}
#aboutWhat p, #aboutWhere p, #aboutWhy p, #aboutWhy li { color: rgb(235, 225, 195); font: 18px/21px arial,sans-serif; }
#aboutWhat {
	width: 900px;
	height: 450px;
	background: url('img/aboutwhat.png') no-repeat scroll 0% 0% transparent;
	position: relative;
	float: left;
	margin-top: -25px;
	left: -50px;
}
#aboutWhat p { margin-left: 60px; margin-top: 325px; width: 365px; }
#aboutWhere {
	width: 900px;
	height: 333px;
	background: url('img/aboutwhere.png') no-repeat scroll 0% 0% transparent;
	position: relative;
	float: right;
	margin-top: -75px;
	margin-right: 0px;
}
#aboutWhere p { margin-left: 267px; margin-top: 250px; width: 428px; }
#aboutWhy {
	width: 900px;
	height: 400px;
	background: url('img/aboutwhowhy.png') no-repeat scroll 0% 0% transparent;
	position: relative;
	float: right;
	margin-top: -75px;
	margin-right: 0px;
	
}
#aboutWhy ul {
	margin-left: 55px;
	padding-top: 200px;
	width: 800px;
	float: right;
}
#ItemButton { height: 43px; width: 217px; background: none repeat scroll 0% 0% transparent; position: absolute; bottom: 8px; display: block; background:url('img/m.png'); }
#ItemButton:hover { background:url('img/m2.png'); }
.portfolioItem { height: 400px; padding-bottom: 47px; margin-bottom: 50px; }
span + .portfolioItem { border-bottom: 3px dashed rgb(255, 52, 82); }
.portfolioItemDesc { width: 217px; position: relative; float: right; height: 400px; margin-left: 50px; }
.portfolioItemHeader {
	color: rgb(235, 225, 195);
	font: 32px/36px 'Myriad Pro',verdana,sans-serif;
	margin-bottom: 16px;
}
.portfolioItemCopy { color: rgb(235, 225, 195); font: 18px/21px arial,sans-serif; }
.portfolioItemCopy p { margin-bottom: 12px; }
.portfolioItemButton { position: absolute; bottom: 8px; display: block; }
.portfolioImageContainer { width: 633px; position: relative; float: left; height: 398px; background: url('img/portfolio_mainimageshadow.png') repeat-x scroll left bottom transparent; }
.portfolioImage img { border: 1px solid rgb(195, 185, 157); }
.portfolioImage { position: relative; background: none repeat scroll 0% 0% rgb(235, 225, 195); height: 350px; padding: 19px; }
.portfolioTitleWeb { height: 50px; width: 217px; margin-bottom: 12px; background: url('img/portfolio_titleweb.png') repeat scroll 0% 0% transparent; }
.portfolioTitlePrint { height: 50px; width: 217px; margin-bottom: 12px; background: url('img/portfolio_titleprint.png') repeat scroll 0% 0% transparent; }
.portfolioTitleBranding { height: 50px; width: 217px; margin-bottom: 12px; background: url('img/portfolio_titlebranding.png') repeat scroll 0% 0% transparent; }

