@charset "utf-8";

/* NORMAL STUFF */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }
body { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; color: #FFFFFF; font-size: 1em; line-height: 140%; background: none; }
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
img { border: none; }
img.service {float: left; margin-right: 20px; }
img.kenneth { float: right; border: 1px solid #000; margin-left: 20px; margin-bottom: 20px; }
img.refthumb { float: left; border: 1px solid #000; margin-right: 5px; }
a img { border: none; }
hr { display: none; }
* { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; font-size: 0,9em; line-height: 140%; color: #333333; }
h1 { font-size: 1.7em; color:#FF3300; line-height: 45px; font-weight: normal; height: 50px; padding-top: 0px; margin-bottom: 0px; }
h1.service { padding-left: 10px; }
p { line-height: 170%; padding-bottom: 0.8em; }
a { text-decoration: underline; }
a:hover { text-decoration: underline; color:#6699FF;}
ul.list { margin-left: 20px; }
ul.list li { background: url(http://www.dreyermedia.no/images/bullet-checkmark.gif) no-repeat 0 6px; list-style:none; padding-left: 30px; }
h3.ref {clear: both; padding-top: 35px;}


/* HEADER */
#header { height: 120px; position: relative; }
#top-stripe { height: 25px; position: relative; overflow: hidden; }

/* LOGO */
#logo { padding-top: 12px; padding-left: 20px; padding-bottom: 0px; line-height: 100%; }
#logo * { display: block; }

/* HEADER LINKS */
#header-links { text-align: right; position: absolute; top: 12px; right: 20px; }
#header-links,
#header-links * { font-size: 12px; color: #70776F; line-height: 27px; }

/* LAYOUT */
body { text-align: center;  }

#wrapper { text-align: left; margin: 0 auto; width: 980px; padding-bottom: 5px; position: relative; }
#main-content { width: 510px; float: left; }
#column-wrapper { width: 770px; float: right; }
#left-column { width: 205px; float: left; padding-top: 15px;}

/* MENU */
#menu { padding: 0px; margin: 0px; width: 960px; height: 30px; overflow: visible; position: absolute; top: 120px; left: 10px; background: #E03434 url(/images/menu-bg.gif) no-repeat left top; }
#menu li { float: left; list-style: none; overflow: visible; height: 30px;  }
#menu li a { color: #FFFFFF; text-align: center; display: block; height: 30px; text-decoration: none; line-height: 28px; background: url(/images/menu-separator.gif) no-repeat right center; position: relative; font-weight: bold; }
#menu li a:hover { text-decoration: underline; }
#menu-products { width: 120px; }
#menu-services { width: 140px; }
#menu-sites { width: 130px; }

#menu-break { width: 330px; }

#menu-about { width: 100px; }
#menu-contact { width: 120px; }

/* LEFT COLUMN */
#left-column-content { padding: 10px 0px 0px 23px; }

/* LEFT MENU */
#left-menu li { list-style: none; font-size: 1.1em; margin: 5px 0 5px 0; }
#left-menu li a{ text-decoration: none; }
#left-menu li a:hover{ text-decoration: underline; }
#left-menu li ul {margin-left: 10px; }
#left-menu li ul li a { color:#FF0000; font-size: 0.9em;}
/* #left-menu { margin: 0px; padding: 0px; width: 190px;}
#left-menu li { list-style: none; font-size: 1.1em; border-left: 3px solid #999999; height: 30px; }
#left-menu li a { padding: 3px 0px 3px 15px; display: block; width: 175px; text-decoration: none; line-height: 18px; }
#left-menu li a:hover { text-decoration: underline; color:#6699FF; border-left: 3px solid #6699FF;}
#left-menu li ul { margin-bottom: 10px; clear: both; display: block;}
#left-menu li li a { color:#FF0000; clear: both;}*/

/* MAIN CONTENT */
#main-content { padding-bottom: 20px; padding-top: 25px; }
#container #main-content { width: auto; float: none; margin: 0px 10px; }
#main-content a { text-decoration: underline; color:#6699FF; font-weight:bold; }
#main-content a:hover { text-decoration: none; }

#main-content .quickmenu { text-align: center; }
#main-content .quickmenu p { font-size: 0.7em;color:#666666; }
#main-content .quickmenu p a { font-weight: 100; !important }


/* FOOTER */
#footer { margin: 0px 10px; position: relative; }
#footer p { padding-left: 10px; padding-right: 10px; }
#footer * { font-size: 11px; color: #999999; }

/* Some stylings */
p#slogan {font-size: 1.5em; color:#CC3300; font-weight: bold;} 
p#slogan2 {font-size: 1.5em; color:#333333; font-weight: bold;} 

/* ####################################### WILL BE SEPERATED IN DIFFERENT CSS FILE */

/* Intro */
.intro { font-size: 1.3em; margin-bottom: 1em; background: #fff5be url(/images/intro-br.gif) no-repeat bottom right; }
.intro p { margin: 0; padding: 30px; background: url(/images/intro-bl.gif) no-repeat bottom left; }

/*  Services Page*/


.servicestop { width: 346px; height: 9px; overflow: hidden; margin: -1px; padding:0; background-image: url(http://www.dreyermedia.no/images/services_top.gif); background-repeat: no-repeat; background-position: top; }
.servicesbottom {width: 346px; height: 9px; overflow: hidden; background: url(http://www.dreyermedia.no/images/services_bottom.gif) no-repeat top; margin: -1px;}
.servicesbox{background-color:#f7f7f7; border:solid 1px #d6deef; width:344px;  float:left;/* margin:11px !important; margin:10px;*/ position: relative; left:15px; margin:10px 15px 10px 0px; border-top: none; border-bottom: none; display:inline; }
.servicesbox2{background: url(http://www.dreyermedia.no/images/full-package.gif) no-repeat top; width:283px; height:71px; position: absolute;  top:825px; left: 445px; display:block; z-index:3; font-size: 0.8em; }

.services_icon{/*margin:18px 0 0 10px;*/ position:relative; top:18px; left:10px; margin-bottom:20px;}
.services_icon2{margin:18px 0 0 10px;}

#dev_icon{ background-image:url(http://www.dreyermedia.no/images/services_icon_dev.gif); background-position:0px 1px; padding:10px 0 34px 91px; background-repeat: no-repeat;  line-height:30px;  font-size:1.2em;  font-weight:600; }
#dev_link{padding:2px 0 0px 91px; color:#657320; font-size:1.2em; font-weight:600; font-style:italic;}
#seo_icon{ background-image:url(http://www.dreyermedia.no/images/services_icon_seo.gif); background-position:0px 20px; padding:30px 0 34px 66px; background-repeat: no-repeat; line-height:30px;  font-size:1.2em;  font-weight:600; }
#seo_link{padding:6px 0 0px 67px; color:#657320; font-size:1.2em; font-weight:600; font-style:italic;}
#ana_icon{ background-image:url(http://www.dreyermedia.no/images/services_icon_ana.gif); background-position:0px 24px; padding:30px 0 34px 70px; background-repeat: no-repeat; line-height:30px; font-size:1.2em; font-weight:600; }
#ana_link{padding:7px 0 0px 70px; color:#657320; font-size:1.2em; font-weight:600; font-style:italic;}
#usab_icon{
background-image:url(http://www.dreyermedia.no/images/services_icon_usab.gif); background-position:0px 20px; padding:30px 0 34px 66px; background-repeat: no-repeat; line-height:30px; font-size:1.2em; font-weight:600; }
#usab_link{padding:6px 0 0 67px; color:#657320; font-size:1.2em; font-weight:600; font-style:italic;}

/* total optimization*/

.servicesbox ul { margin-left: 10px; font-size: 1em; padding-top: 15px;}
.servicesbox ul li{ background: url(http://www.dreyermedia.no/images/bullet-checkmark.gif) no-repeat 0 6px; list-style:none; padding-left: 20px; }


.highlight { margin: 0 auto; margin: 20px 0 20px 0; background: #f7f7f7; border: 1px solid #d1dde8; padding: 10px;}