/*
Theme Name: LUNDHOLM + CO
Theme URI: http://lundholm-co.com
Version: 1.0
Author: Claus Lundholm
Author URI: http://designzation.com/
*/



body { margin:0; padding:0; font-family: Helvetica; font-size:16px; font-weight:normal; color:#222; border-top:3px solid #000; }
.header { height:120px; }
.logo { width:250px; height:100px; float:left; background:url(/wp-content/themes/lundholm-co/gfx/logo.png) no-repeat; margin:75px 0 0; }
.menu { float:right; margin:94px 0 0; }
.frontpage { height:430px; margin:10px 0; background:#dedede; }
.jmj { background:url(/wp-content/themes/lundholm-co/gfx/1.jpg) no-repeat top center; height: 430px; }
.kompetencer { background: url (/wp-content/themes/lundholm-co/gfx/2.jpg) no-repeat top center; height: 430px; }
.ribbon { width:950px; height:100px; background:#000; margin:0; top: 280px; position: absolute; }
.ribbon-inner { padding:5px 10px 5px 20px; }
.frontpage-note { width:280px; height:51px; float:right; margin:190px 0 0; background:#000; }
.frontpage-note-inner { padding:10px 10px 5px 20px; }

/* col styles */
.col1 { width: 300px; height: 400px; float: left; margin: 0 20px 0 0; }
.col1wide { width: 960px; height: 400px; float: left; margin: 0; }
.col2 { width: 360px; height: 400px; float: left; }
.col3 { width: 260px; height: 400px; float: right; }
.col1-inner { padding: 10px 10px 10px 0; }
.col1-inner p, .col1-inner h2, .col1-inner a { color: #fff; text-decoration: none; }
.col2-inner { padding: 10px 10px 10px 10px; }
.col2-inner p, .col2-inner h2, .col2-inner a { color: #fff; text-decoration: none; }
.col3-inner { padding: 10px 10px 10px 10px; }
.col3-inner p, .col3-inner h2, .col3-inner a { color: #fff; text-decoration: none; }
.col1-inner a:hover, .col2-inner a:hover, .col3-inner a:hover { text-decoration: underline; color: #fff; }


/* menu styles */
.menu ul { font-size:11px; font-weight:bold; font-family: Helvetica; }
.menu ul ol { float:left; margin:0 0 0 20px; text-transform:uppercase;  }
.menu ul ol em { color:#959595; font-style:normal; text-transform:uppercase; }
.menu ul ol a { color:#000; text-decoration:none; padding:5px 8px;  -webkit-transition:color, background-color .2s ease-in; }
.menu ul ol a:hover { color:#fff; text-decoration:none; background:#000;  -webkit-transition:color, background-color .3s ease-out; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; }
a:visited.current_page_item { color:#fff; text-decoration:none; background:#000; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; }



/* client styles */
.clients ul ol { color:#fff; margin:0; text-transform:uppercase; line-height: 1.6em; font-size: .9em; }
.clients ul ol a { color:#fff; text-decoration:none; padding:5px 8px; }
.clients ul ol a:hover { color:#fff; text-decoration:none; background:#000; }

/* footer styles */
.footer { width:100%; border-top:1px solid #e5e6e6; padding:10px 0 0; font-family: Helvetica; text-transform:uppercase; }
.footer-inner { width:960px; margin:0 auto; font-size:.7em; color:#959595; line-height:1.2em; }
.footer-inner em { color:#000; font-style:normal; }
.footer-twitter { width:16px; height:16px; float:left; background:url(/wp-content/themes/lundholm-co/gfx/twitter.png); margin:10px 0 0; }
.footer-twitter-text { font-size:1.5em; float:left; margin:10px 0 0 4px; }
.footer-twitter-text a { color:#959595; text-decoration:none; }
.footer-twitter-text a:hover { color:#686868; }
h1 { font-size:1.875em; color:#fff; font-weight:normal; line-height:1.6em; }
h2 { font-size:1.225em; color:#fff; font-weight:normal; line-height:1.6em; text-transform: uppercase; }
h3 { font-size:1em; color:#fff; font-weight:normal; line-height:1em; }
h4 { font-size:1.1em; color:#fff; font-weight:normal; line-height:1.6em; }
p { font-family:1.125em; color:#fff; line-height:1.2em; }
.yellow { color:#d7df21; }
.cases { font-size:.8em; }
p.white-txt { color: #fff; font-size: 1.8em; line-height: 1.3em; }
p.white-txt-small { color: #fff; font-size: 1.2em; line-height: 1.4em; }
h2.white { color: #fff; }

/* cases styles */
.entry { width: 700px; height: 430px; border-right: 1px solid #ccc; margin: 0 0 0 100px; padding: 0 10px 0 0; float: left; }
.entry-inner { padding: 20px 0 0 0; }
.entry-title { width: 200px; height: 430px; float: left; margin: 0 10px 0 0; }
.entry-title-inner { width: 200px; height: 30px; text-align: center;background: #000; color: #fff; line-height: 1.9em;}

/* page styles */
.page { width:100%; padding:0 0 0; height:430px; background:#eee url(/wp-content/themes/lundholm-co/gfx/1.jpg) no-repeat top center; }
.page-kompetencer { width:100%; padding:30px 0 0 0; height:400px; background:#b40931; }
.page-about { width:100%; padding:30px 0 0 0; height:400px; background:#67757d; }
.page-nopic { width:100%; padding:30px 0 0 0; height:400px; background:#eee;}
.page-inner { width:960px; margin:0 auto; font-size:.8em; color:#fff; line-height:1.2em; }

/* products */
.product-wrap { width: 220px; height: 200px; margin: 0 10px 0 0; float: left; padding: 0 10px 0 0; }
.product-wrap-last { width: 230px; height: 200px; float: right; }


/* scroll styles */
.pagescroll { height:430px; background:#eee; }

#blocks { padding:0; width:3000px; display:block; height:430px; }
#blocks li { width:730px; margin:0; float:left; display:block; height:430px; }
.holder { margin:0; display:block; 
/* TEMP */
margin-bottom:20px; }
.scroll-pane { width:100%; float:left; padding:0; }
#pane1 { height:100px; width:100%; padding:0; display:block; _overflow:hidden; }
#pane5 { height:430px; width:100%; padding:0; display:block; _overflow:hidden; }
a.jScrollArrowLeft { background:url(/wp-content/themes/lundholm-co/gfx/scroll-bar-left.gif) no-repeat 0 0; }
a.jScrollArrowLeft:hover { background-position:0 -15px; }
a.jScrollArrowRight { background:url(/wp-content/themes/lundholm-co/gfx/scroll-bar-right.gif) no-repeat 0 0; }
a.jScrollArrowRight:hover { background-position:0 -15px; }
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover { background-position:0 -30px; }
.orange-bar .jScrollPaneTrack { background:#f60; }
.orange-bar .jScrollPaneDrag { background:#00f url(/wp-content/themes/lundholm-co/gfx/scroll-bar-face.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background:#69f; }

.container { height: 430px; }

/* Begin Images */
p img { padding:0; max-width:100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
/* End Images */