* { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:inherit; } body { background:#FFF url('../images/site_bg.jpg'); font-size:62.5%; font-family: Helvetica, Verdana, Arial, sans-serif; color:#3E3E3E; } /* 10px */ .left { float:left; } .right { float: right; } .clear { display:block; clear:both; visibility:hidden; } .all-rounded { border-radius:0.9em; -moz-border-radius:0.9em; -webkit-border-radius: 0.9em; } .left-rounded { border-top-left-radius:0.9em; border-bottom-left-radius:0.9em; -moz-border-radius-topleft:0.9em; -moz-border-radius-bottomleft:0.9em; -webkit-border-top-left-radius:0.9em; -webkit-border-bottom-left-radius:0.9em; } .right-rounded { border-top-right-radius:0.9em; border-bottom-right-radius:0.9em; -moz-border-radius-topright:0.9em; -moz-border-radius-bottomright:0.9em; -webkit-border-top-right-radius:0.9em; -webkit-border-bottom-right-radius:0.9em; } .short { width:32.66em; } /* 15px */ .column { width:19.33em; } /* 15px */ .cr { clear:right; } img { padding:0.5em; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius: 0.4em; background:rgb(225,212,190); background:rgba(156,111,30,0.3); } .gallerywrap img { border:none; padding:0; } #header { display:block; width:74.16em; height:6.25em; padding:0; margin:0 auto; margin-top:2em; font-size:1.2em; } /* 12px */ #header h1 { display:block; width:17.5em; height:6.25em; margin:0; padding:0; font-size:1em; float:left; } #header h1 a { display:block; width:17.5em; height:6.25em; margin:0; padding:0; background:url('../images/logo.png') no-repeat; text-indent:-1000em; } #header ul { display:block; width:55em; height:2.5em; padding:1.66em 0; margin:0; float:right; overflow:auto; } #header ul li { display:block; height:2.5em; width:10em; padding:0 0.5em; float:left; } #header ul li a { display:block; width:10em; height:2.3em; padding:0; color:#D8B659; text-decoration:none; line-height:2.3em; text-transform:uppercase; text-align:center; } #header ul li a:hover { display:block; width:9.8em; background:#D8B659 url('../images/btn-bg.jpg') repeat-x; border:0.1em solid #282828; color:#282828; } #header ul li a.selected { display:block; width:9.8em; background:#3E3E3E url('../images/btn-selected.jpg') repeat-x; border:0.1em solid #9C6F1E; color:#FFFFFF; } #corner-wrapper { display:block; width:100%; background:url('../images/coco.png') top center repeat-y; z-index:1; font-size:1.5em; line-height:1.5em; } /* 15px */ #content-wrapper { display:block; position:relative; width:55.1em; padding:2em; margin:0 auto; background-color:#FFF; z-index:2; -webkit-box-shadow: 0 0 0.66em 0.3em #282828; -moz-box-shadow: 0 0 0.66em 0.3em #282828; box-shadow: 0 0 0.66em 0.3em #282828; color:#3E3E3E; } /* 15 px*/ #header h1 a:active, #header ul li a:active, #content-wrapper a:active, #footer a:active { position: relative; top: 1px; } .topst { display:block; position:relative; top:3.25em; width:91em; height:4.5em; margin:0 auto; background: url('../images/cornert.png') no-repeat; z-index:3; } .botst { display:block; position:relative; top:-3.25em; width:91em; height:4.5em; margin:0 auto; background: url('../images/cornerbt.png') no-repeat; z-index:3; } #content-wrapper ul { list-style:none; margin-bottom:1em; } #content-wrapper h1, #content-wrapper h2, #content-wrapper h3 { display:block; font-family: "Adobe Caslon Pro", Georgia, Times, serif; font-weight: normal; font-size:2.33em; line-height: 1.3em; color:#9C6F1E; margin-bottom:0.5em; } /* 35px */ #content-wrapper h4, #content-wrapper h5, #content-wrapper h6 { display:block; font-family: "Adobe Caslon Pro", Georgia, Times, serif; font-weight: normal; font-size:1.33em; line-height: 1.3em; color:#9C6F1E; text-transform:uppercase; margin-bottom:0.5em; } /* 20px */ #content-wrapper p { margin:1em 0; } /* 15px */ #content-wrapper blockquote { display:block; font-size:1.66em; width:11.6em; padding:0 0 0 0.8em; margin:0.6em 0; line-height:1.35em; background:url('../images/quote.jpg') top left no-repeat; color:#9C6F1E; font-family: "Adobe Caslon Pro", Georgia, Times, serif; font-weight: normal; } /* 25 px*/ strong { font-weight:bold; color:#282828; } .quote { background:url('../images/quote.jpg') top left no-repeat; padding:0 0 0 1.5em; } .author, .details { display:block; clear:both; color:#9C6F1E; font-size:0.75em; } #content-wrapper a { color:#D8B659; } #content-wrapper a:visited, #content-wrapper a:hover { color:#9C6F1E; } /* 15px */ #content-wrapper a.button { display:block; width:10em; height:1.8em; line-height:1.8em; background:#D8B659 url('../images/btn-bg.jpg') repeat-x; border:0.1em solid #D8B659; color:#282828; text-align:center; text-decoration:none; margin:0 0 1em 22.66em;} #content-wrapper a.button:hover { display:block; width:10em; background:#D8B659 url('../images/btn-hov-bg.jpg') repeat-x; border:0.1em solid #D8B659; color:#282828; } #content-wrapper a.button2, #contactform input.button2 { display:block; width:10em; height:1.8em; line-height:1.8em; background:#D8B659 url('../images/btn-bg.jpg') repeat-x; border:0.1em solid #D8B659; color:#282828; text-align:center; text-decoration:none; margin:0; } #content-wrapper a.button2:hover, #contactform input.button2:hover { display:block; width:10em; background:#D8B659 url('../images/btn-hov-bg.jpg') repeat-x; border:0.1em solid #D8B659; color:#282828; } /* 12px */ #footer { display:block; width:74.16em; margin:0 auto; font-size:1.2em; color:#D8B659; line-height:1.44em; } #footer ul { list-style:none; height:10em; } #footer ul ul { height:2em; } #footer p { display:block; width:100%; float:left; clear:left; margin:1.2em 0; } #footer strong { color:#9C6F1E; } #footer ul.company { display:block; float:left; width:27.25em; } #footer ul.social { display:block; float:left; width:12.5em; height:4em; text-align:center; font-size:2.33em; line-height:2em; } #footer ul.social ul { display:block; height:2em; } #footer ul.social ul li { display:block; float:left; height:2em; text-indent:-1000em; } #footer ul.social ul li a { display:block; width:2.24em; } #footer ul.social ul li a.twitter { margin:0 0 0 4em; background: url('../images/twitter-default.png') no-repeat; } #footer ul.social ul li a.flickr { margin:0 4em 0 0; background: url('../images/flickr-default.png') no-repeat; } #footer ul.social ul li a.twitter:hover { margin:0 0 0 4em; background:url('../images/twitter-hover.png') no-repeat; } #footer ul.social ul li a.flickr:hover { margin:0 4em 0 0; background:url('../images/flickr-hover.png') no-repeat; } #footer ul.logos { display:block; float:left; width:17.25em; } #footer ul.logos li a { display:block; text-indent:-1000em; } #footer ul.logos li a.webraptor { height:4em; background:url('../images/webraptor.png') no-repeat; } #footer ul.logos li a.niki { height:5.5em; background:url('../images/niki_footer.png') no-repeat; } /* Pikachoose gallery style - 15px */ .gallerywrap, .pika_main { display:block; width:54.9em; text-align:center; } ul#pikame { display:block; margin:0 auto; } ul#pikame li { float:left; border:0.1em solid #9C6F1E; margin:0 0.45em 0.45em 0; } .pika_main { background-color:#D8B659; border:0.1em solid #9C6F1E; padding:1em 0; margin-bottom:1em; } .gallerywrap { margin-bottom:1em; } .pika_play { position:absolute; top:2.8em; right:2.1em; z-index:1; } .pika_play a { position:relative; margin-left:auto; cursor:pointer; color:#9C6F1E; padding:0.8em; } .pika_play img { border:none !important; } .pika_caption { width:100%; height:1.5em; text-align:center; margin-top:0.5em; } .pika_navigation { margin-top:1em; } #content-wrapper .pika_navigation a.button { margin:0em; } /* custom slider style 15px */ #splash { display:block; width:100%; padding:0; margin-bottom:1em; } #splash-content { display:block; width:54.9em; margin:0px auto; } #splash-controls { display:block; width:54.9em; height:2em; margin:0 auto; margin-top:1em; } #splash-controls a { display:block; width:2em; height:2em; background:url('../images/splash-control.jpg') no-repeat; color:#9C6F1E; text-align:center; line-height:2em; float:left; margin-right:0.5em; text-decoration:none; } #splash-controls a.selected { color:#FFF; } /* contact form */ /* CONTACT PAGE 12px */ #contactform { display:block; padding:0 0 1em 0; font-size:0.8em; } #contactform label, #contactform input, #contactform select, #contactform textarea, #contactform .field { display:block; float:left; clear:left; } #contactform .field { padding:0.5em; border-radius:0.4em; -moz-border-radius:0.4em; -webkit-border-radius: 0.4em; background:rgb(225,212,190); background:rgba(156,111,30,0.3); } #contactform .field span.error { display:block; float:right; color:#FF0000; text-indent:0.5em; } #contactform .field span.ok { display:block; float:right; color:#339933; text-indent:0.5em; } #contactform label { margin-top:2em; } #contactform input { width:20em; height:2em; line-height:2em; } #contactform select { width:20.5em; } #contactform textarea { width:22.5em; height:8em; line-height:2em; } #contactform input, #contactform textarea { color:#333333; line-height:2em; padding-left:0.5em; font-family:Helvetica, Verdana, Arial, sans-serif; } #contactform small { float:left; clear:left; width:100%; } #contactform .last { margin-bottom:2em; } #contactform input.lung { width:20em; } #contactform input.lung:hover { width:20em; } #contactform input.news { margin:0; padding:0; width:1em; height:1em; margin-right:0.5em; } ul.ccr /*12px*/ { display:block; list-style:none; height:10em; font-size:0.8em; width:24.16em; } ul.ccr strong { color:#9C6F1E; }