/*********************************************************************************************************************

      A R T H O R :  B J Ø R N   K L I N G G A A R D  -  W W W . D I N B R O R . D K

**********************************************************************************************************************
**********************************************************************************************************************
				R E S E T
*********************************************************************************************************************/
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%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}

/*********************************************************************************************************************
				C O M M O N   S T Y L E
*********************************************************************************************************************/
body, html { height:100%;}
body { background: url(img/tapet/15d.jpg) repeat; font-family: Arial; }

#branding { background:url("img/menubg.jpg") 0 0 repeat-x; height:50px;left:0;position:fixed;top:0;width:100%;z-index:1000; }
#branding a { display:block; }
#branding ul { margin: 0 auto; width: 730px;}
#branding li {float:left;padding:0 25px 0 0;text-indent:-9999px;}
li#menuHome {width:195px;}
li#menuHome a, li#menuWork a, li#menuHello a, li#menuBlog a {background: url("img/menu.jpg") no-repeat; height:48px;}
li#menuHome a { background-position: top left;height:50px;width:70px;}
li#menuWork a { background-position: -95px top;width:120px;}
li#menuHello a { background-position:-220px top;width:142px;}
li#menuBlog a { background-position:-366px top;width:162px;}
li#menuWork a:hover, li#menuWork a.mark { background-position: -95px -48px; }
li#menuHello a:hover, li#menuHello a.mark { background-position:-220px -48px; }
li#menuBlog a:hover { background-position:-366px -48px; }

#work, #about, #contact { height:100%;min-height:800px;min-width:950px;position:relative;}

/*********************************************************************************************************************
				W O R K
*********************************************************************************************************************/
#work {background: url("img/work/mainframesmall.jpg") 0 115px no-repeat; margin:0 auto;overflow:hidden;position:relative;width:950px;}
.scrollable {height:430px;left:0;margin:63px 52px 0;overflow:hidden;position:absolute;top:100px;width:572px;} 
.items { position:absolute; height:20000em; }
.items img { display:inline;margin:10px 0 0 10px;}
.items p { font-family:arial;font-size:90%;padding:5px 0 10px 15px;text-align:center;}
.items p strong { padding: 0 0 0 10px;}
#actions {  background: url("img/work/arrowframe2.jpg") no-repeat; height:134px;padding:49px 0 0;position:absolute;right:40px;top:360px;width:184px;}
#actions a { background-repeat:no-repeat; cursor:pointer; display:block;height:42px;margin:0 auto;overflow:hidden;text-indent:-9999px;width:70px; }
#actions a.disabled { background-position:0 -42px; cursor: default; }
.arrowFrameInfo { position: absolute; right:0;top:160px;} 
.prevPage { background: url("img/work/up.jpg") no-repeat; }
.nextPage { background: url("img/work/down.jpg") no-repeat;}

/*********************************************************************************************************************
				A B O U T   -   C O M I N G   S O O N
*********************************************************************************************************************/
#about { /*background: url("img/about/comingsoon.jpg") center 50px no-repeat;*/ height:800px;margin:0 auto;overflow:hidden;position:relative;width:950px; }
#about #light { background: url("img/contact/stik.png") no-repeat; height:159px;left:450px;position:absolute;text-indent:-9999px;top:150px;width:150px;}

/*********************************************************************************************************************
				C O N T A C T
*********************************************************************************************************************/
#contact { background: url("img/contact/mainframe.jpg") 250px 55px no-repeat;height:640px;margin:0 auto;overflow:hidden;position:relative;width:1000px; }
#contact #facebook { background: url("img/contact/facebook.jpg") no-repeat; height:185px;left:50px;position:absolute;text-indent:-9999px;top:485px;width:184px;}
#contact #diploma { left:0;position:absolute;top:87px;}
form, #mailReceived { left:330px;position:absolute;top:185px;width:310px;}
#mailReceived { background-color:#FFF; height:240px;width:329px; }
input, textarea {color:#333;font-family:Arial,Helvetica,sans-serif;font-size:100%;font-weight:normal;margin:0;padding:8px 4px;}
.inputText {background-color:#D8D8FE;border:1px solid #000;display:block;font-style:italic;width:300px; }
.btn { float:right;font-weight:bold;margin:10px 0 0 5px; }
#footer { background: url("img/bottom.jpg") repeat-x; height:102px;margin-top:-75px;position:relative;width:100%;}


#savePower {color: #fff; display:none; font-size: 150%; }
#simplemodal-overlay {background-color:#000; cursor:crosshair;}