@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#646672 url(../images/bgn-body.gif) top left repeat;
	line-height: 1;
}
ol, ul {
	list-style: none;
	margin:0;
	padding:0;
	list-style-type:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*End CSS Reset */

@font-face {
    font-family: 'RockwellStdRegular';
    src: url('../frutiger/frutigerltstd-roman-webfont.eot');
    src: url('../frutiger/frutigerltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../frutiger/frutigerltstd-roman-webfont.woff') format('woff'),
         url('../frutiger/frutigerltstd-roman-webfont.ttf') format('truetype'),
         url('../frutiger/frutigerltstd-roman-webfont.svg#RockwellStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockwellStdRegular';
    src: url('../rockwell/rockwellstd-webfont.eot');
    src: url('../rockwell/rockwellstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../rockwell/rockwellstd-webfont.woff') format('woff'),
         url('../rockwell/rockwellstd-webfont.ttf') format('truetype'),
         url('../rockwell/rockwellstd-webfont.svg#RockwellStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockwellStdBold';
    src: url('../rockwell/rockwellstd-bold-webfont.eot');
    src: url('../rockwell/rockwellstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../rockwell/rockwellstd-bold-webfont.woff') format('woff'),
         url('../rockwell/rockwellstd-bold-webfont.ttf') format('truetype'),
         url('../rockwell/rockwellstd-bold-webfont.svg#RockwellStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#outerwrapper {
	width:750px;
	margin:0 auto;
	clear:both;
}

#contentwrapper {
	width:100%;
	margin:0 0 150px 0;
	float:left;
}

header {
	display:block;
	width:100%;
	height:100px;
	clear:both;
}

#linkjump {
	width:750px;
	height:20px;
	float:left;
	overflow:hidden;
	display:block;
	clear:both;
}

#logo {
	width:180px;
	height:80px;
	display:block;
	float:left;
	background:url(../images/logo.jpg) top left no-repeat;
	text-indent:-9999px;
}

#logo a{
	width:180px;
	height:80px;
	display:block;
}

#navmenu {
	width:500px;
	height:60px;
	float:right;
}

#navmenu ul li {
	width:72px;
	height:31px;
	display:inline;
	float:right;
	text-align:center;
	padding:22px 10px;
	list-style-type:none;
}

#navmenu ul li a {
	width:72px;
	height:22px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	text-shadow:0 1px #000;
	text-decoration:none;
}

#navmenu ul li a:hover {
	background:url(../images/btn-navmenu-hover.jpg) top left no-repeat;
	margin-top:-9px;
	padding-top:9px;
}

#navmenu .active {
	background:url(../images/btn-navmenu-active.jpg) top left no-repeat;
	margin-top:-9px;
	padding-top:9px;
}

#navmenu .active:hover {
	background:url(../images/btn-navmenu-active.jpg) top left no-repeat;
	margin-top:-9px;
	padding-top:9px;
}

.language {
	width:77px;
	height:17px;
	display:block;
	float:right;
	padding-right:10px;
}

/* END HEADER */

footer {
	width:100%;
	height:230px;
	margin:0 auto;
	display:block;
	background:url(../images/bgn-footer.jpg) top center;
	clear:both;
}

/* END FOOTER */

#indexcontent {
	width:750px;
	height:472px;
	float:left;
	margin-bottom:20px;
	display:block;
	background:url(../images/bgn-index.jpg) top left no-repeat;
	position:relative;
}

.indexsampler ul li {
	width:275px;
	height:215px;
	display:block;
	position:absolute;
	left:87px;
	top:27px;
}

.indexsampler ul li.show {
	z-index:500;
}

#indexcontent h1 {
	font-family:'RockwellStdBold', Arial, Helvetica, sans-serif;
	font-size:64px;
	text-align:right;
	padding:10px 0;
	color:#333;
	text-shadow:0 1px #999;
}

blockquote {
	width:310px;
	height:auto;
	float:right;
}

blockquote p {
	font-family:'Arial', Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	padding-bottom:10px;
	color:#333;
	text-shadow:0 1px #999;
}

cite {
	font-family:'Arial', Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	font-style:italic;
	float:right;
	padding-top:10px;
	color:#333;
	text-shadow:0 1px #999;
}

#content {
	width:750px;
	height:auto;
	float:left;
	padding:20px 0 0 0;
	margin-bottom:20px;
	background:#CABCA6 url(../images/bgn-content.gif) top left no-repeat;
}

#content .leftcolumn {
	width:420px;
	height:auto;
	padding:0 0 20px 20px;
	float:left;
	overflow:hidden;
}

#content .rightcolumn {
	width:260px;
	height:auto;
	padding:0 20px 20px 0;
	float:right;
}

#content .rightcolumn ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 10px 20px;
	color:#000;
	list-style-image:url(../images/bullet.gif);
}

h1 {
	font-family:'RockwellStdBold', Arial, Helvetica, sans-serif;
	color:#3F2C10;
	font-size:30px;
	text-decoration:none;
	text-shadow:0 1px #FFF;
	padding:0 0 10px 0;
}

h2 {
	font-family:'RockwellStdBold', Arial, Helvetica, sans-serif;
	color:#3F2C10;
	font-size:24px;
	text-decoration:none;
	text-shadow:0 1px #FFF;
	padding:5px 0 10px 0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	line-height:20px;
	padding-bottom:5px;
	color:#000;
}

/* PORTFOLIO */

.portfolioMenu {
	position:relative;
	margin: 0px;
	padding: 0px;
	width:710px;
	height:280px;
	overflow: hidden;
	clear:both;
}

.portfolioMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 280px;
	position: relative;
	}
	
.portfolioMenu ul li {
	width: 20%;
	float: left;
	display: block;
	overflow: hidden;
}

.portfolioMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 1px solid #fff;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 280px;
}

.portfolioMenu ul li#corporate a {
	background: url(../images/portfolio/esp_corporate.jpg) repeat scroll 0%;
  
}

.portfolioMenu ul li#print a {
	background: url(../images/portfolio/esp_print.jpg) repeat scroll 0%;

}

.portfolioMenu ul li#digital a {
	background: url(../images/portfolio/digital.jpg) repeat scroll 0%;
  
}

.portfolioMenu ul li#photo a {
	background: url(../images/portfolio/esp_photo.jpg) repeat scroll 0%;

}

.portfolioMenu ul li#objects a {
	background: url(../images/portfolio/esp_objects.jpg) repeat scroll 0%;
	border-right-style: none;
}

.clear {
	clear: both;
}

/* PORTFOLIO ENGLISH */

.portfolioMenueng {
	position:relative;
	margin: 0px;
	padding: 0px;
	width:710px;
	height:280px;
	overflow: hidden;
	clear:both;
}

.portfolioMenueng ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 280px;
	position: relative;
	}
	
.portfolioMenueng ul li {
	width: 20%;
	float: left;
	display: block;
	overflow: hidden;
}

.portfolioMenueng ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 1px solid #fff;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 280px;
}

.portfolioMenueng ul li#corporate a {
	background: url(../images/portfolio/eng_corporate.jpg) repeat scroll 0%;
  
}

.portfolioMenueng ul li#print a {
	background: url(../images/portfolio/eng_print.jpg) repeat scroll 0%;

}

.portfolioMenueng ul li#digital a {
	background: url(../images/portfolio/digital.jpg) repeat scroll 0%;
  
}

.portfolioMenueng ul li#photo a {
	background: url(../images/portfolio/eng_photo.jpg) repeat scroll 0%;

}

.portfolioMenueng ul li#objects a {
	background: url(../images/portfolio/eng_objects.jpg) repeat scroll 0%;
	border-right-style: none;
}

/* CONTACT */

.singleline {
	width:420px;
	height:37px;
	float:left;
	position:relative;
	background:url(../images/bgn-singleline.png) top left no-repeat;
	display:block;
	padding-bottom:5px;
}

.singleline p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-align:right;
	position:absolute;
	top:7px;
	right:340px;
}

.singlelinefield {
	width:330px;
	height:22px;
	float:right;
	margin:7px 5px 0 0;
	background:#F5F5F5;
	display:block;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-align:left;
}

.multiline {
	width:420px;
	height:190px;
	float:left;
	position:relative;
	background:url(../images/bgn-multiline.png) top left no-repeat;
	display:block;
	padding-bottom:5px;
}

.multiline p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-align:right;
	position:absolute;
	top:7px;
	right:340px;
}

.multilinefield {
	width:330px;
	height:170px;
	float:right;
	margin:7px 5px 0 0;
	background:#F5F5F5;
	display:block;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-align:left;
}

#successmessage {
	width:420px;
	height:22px;
	float:left;
	display:block;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#090;
	text-align:center;
	clear:both;
display:none;

}

#errormessage {
	width:420px;
	height:22px;
	float:left;
	display:block;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#C03;
	text-align:center;
	clear:both;
padding-bottom: 20px;
display:none;

}

/* GUDIES */
#gudies {
background:#46698c;
width:100%;
height:auto;
display:block;
overflow:hidden;
}

#gudies .outerwrapper {
	width:750px;
	margin:0 auto;
	clear:both;
}

#gudies .header {
	display:block;
	width:100%;
	height:180px;
	clear:both;
}

#gudies .logo {
	width:185px;
	height:140px;
	display:block;
	float:left;
	text-indent:-9999px;
}

#gudies .logo a{
	width:185px;
	height:140px;
	display:block;
}

#gudies .navmenu {
	width:500px;
	height:60px;
	float:right;
	margin-top:20px;
}

#gudies .navmenu ul li {
	width:72px;
	height:31px;
	display:inline;
	float:right;
	text-align:center;
	padding:22px 10px;
	list-style-type:none;
}

#gudies .navmenu ul li a {
	width:72px;
	height:22px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#DCE1E5;
	text-shadow:0 1px #000;
	text-decoration:none;
}

#gudies .navmenu ul li a:hover {
	background:url(../images/btn-gudies-navmenu-hover.jpg) top left no-repeat;
	margin-top:-9px;
	padding-top:9px;
}

#gudies .navmenu .active {
	background:url(../images/btn-gudies-navmenu-active.jpg) top left no-repeat;
	margin-top:-9px;
	padding-top:9px;
}

#gudies .navmenu .active:hover {
	background:url(../images/btn-gudies-navmenu-active.jpg) top left no-repeat;
	margin-top:-9px;
	padding-top:9px;
}

#gudies .contentwrapper {
width:100%;
margin:0 0 150px 0;
float:left;
}

#gudies .product {
width:750px;
height:270px;
float:left;
margin-bottom:20px;
background:url(../images/gudies/shadow.jpg) bottom left no-repeat;
}

/* END GUDIES */