/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *\
 | udviklet af: Nicolaj Kirkgaard Nielsen (nicolaj.kirkgaard.biz)
 | URL: www.salonoxford.dk/
 | Oprettet: 27-06-2009
 | Ændret: 01-07-2009
\* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* reset.css */

/* Tak til Eric Meyer */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
address {
	font-style: normal;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* /reset.css */

body {
	background-color: #000;
	color: #fff;
	font: 14px/20px Verdana, Helvetica, Arial, sans-serif;
}

.main {
	margin: 0 auto;
	width: 740px;
}

h1 {
	font: 35px bold Arial, Helvetica, sans-serif;
}	
h2 {
	font: 30px bold Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
h3 {
	font: 25px bold Arial, Helvetica, sans-serif;
}

a:link { color: #fff;}
a:visited { color: #ddd;}
a:hover { color: #bbb; }

p {
	margin-bottom: 15px;
}

#header {
	height: 138px;
	background: url(images/top-bg.png) left top repeat-x;
}
#header .logo {
	margin: 0 auto;
	width: 897px;
	height: 138px;
	text-indent: -9999px;
	background: url(images/top-overlay.png) left top no-repeat;
	position: relative;
	left: -46px;
}

* html #header .logo { background-image: url(images/top-overlay.gif); } /* ie6 */

#content {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
#content .col-a { 
	width: 475px;
	float: left;
}
#content .col-b {
	margin-left: 15px;
	width: 235px;
	float: left;
}

.slogan {
	width: 32px;
	height: 332px;
	position: absolute; 
	left: -42px;
	background: url(images/slogan.png) left top no-repeat;
	text-indent: -9999px;
}

dl.slimlist { clear: both; overflow: hidden; float: left;}
dl.slimlist dt { width: 100px; float: left; clear: left; }
dl.slimlist dd { width: 100px; float: left; }

.breakout {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #E6E1DD url(images/breakout-bg.png) left top repeat-x;
	border-top: 7px solid #0B4F70;
	border-bottom: 4px solid #6C7782;
	color: #333;
	overflow: hidden;
}


#news .col-a, #news .col-b {
	width: 355px;
	position: relative; 
	z-index: 0;
	float: left;
}

#news .col-b { 
	margin-left: 15px;
}

.mod {
	position: relative;
	z-index: 0;
}

.mod.modImgScroll {
	height: 326px;
	
}
	
.mod.modImgScroll .jqGSPagination { 
	width: 100%;
	height: 25px;
	background: url(images/black20.png) left top repeat;
	position: absolute;
	top: 0;
}

.mod.modImgScroll .jqGSPagination ul { 
	margin-right: 5px;
	float: right;
}

.mod.modImgScroll .jqGSPagination li { 
	margin-top: 5px;
	display: inline;
	float: left;
}

.mod.modImgScroll .jqGSPagination li a { 
	width: 15px;
	height: 15px;
	display: block;
	background: url(images/imgscrollbutton.png) center top no-repeat;
	text-indent: -9999px;
	line-height: 1;
}

.mod.modImgScroll .jqGSPagination li a.selected { 
	background-position: bottom center;
}

.mod.modRounded {
	position: relative;
	height: 150px;
}

.mod.modRounded .x1, .mod.modRounded .x2 {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	z-index: -2;
}

.mod.modRounded .x1 {
	padding: 0 8px;
	top: 8px;
	right: -8px;
	background: url(images/rounded_a.png) bottom left;
}

.mod.modRounded .x2 {
	padding: 8px 8px 0;
	height: 8px;
	top: -8px;
	left: -8px;
	background: url(images/rounded_a.png) top left;
}

.mod.modRounded .bd { 
	padding: 20px 25px 15px;
	z-index: 2;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

.mod.modRounded.alt .x1, .mod.modRounded.alt .x2 {
	background-image: url(images/rounded_b.png);
}

.mod.modRounded.alt .x1 {
	margin-bottom: -8px;
	top: 45px;
	/*bottom: 0;*/
	height: 112px;
}

.mod.modRounded.alt .x2 { 
	height: 45px;
}

.order-button {
	width: 146px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url(images/order-btn.png) left top no-repeat;
	float: right;
}

.order-button:hover { 
	background-position: 0 -26px;
}

.order-button:active { 
	background-position: 0 bottom;
}

.imagelist li {
	margin: 28px 0;
	display: inline;
	float: left;
}

.map-icon {
	padding-left: 22px;
	background: url(images/icon_map.png) left 2px no-repeat;
}