/*

Ann Christin Nilsen
http://www.acdesign.no/ 

*/



/*..Farger..*/

.brown {color: #483522;}

.brownDark {color: #312417;}

.brownLight {color: #483522;}

.pink {color: #E7004A;}

.blue {color: #77AACC;}

.blueDark {color: #6A99B8;}

.blueLight {color: #B6D1E3;}

.white {color: #FFFFFF;}

.yellow {color: #F5B405;}

.green {color: #99CC76;}

.lilla {color: #64318B;}






/*..Pattern..*/

#patternBlue{
	width: 365px;
	height: 103px;
	padding-top: 70px;
	margin-top: 15px;
	background: url(../assets/shared/pattern-b.gif) repeat;
	
}

#patternGreen{
	width: 365px;
	height: 103px;
	padding-top: 70px;
	margin-top: 15px;
	background: url(../assets/shared/pattern-g.gif) repeat;
	
}

#patternSpot {
	width: 340px;
	height: 100px;
	margin-top: 15px;
	margin-left: 15px;
	padding-top: 80px;
}



/*..Banner..*/

#logoDesign,#cms, #grafiskDesign, #visittkort, #brosjyre, #messeutstyr,#annonser,#webdesign, #css, #seo, #webhotell {
	height: 20px;
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}

#cms {background: url(../assets/banner/cms.gif) no-repeat; width: 317px;}

#designTjenester {
	background: url(../assets/banner/grafisk-design.gif) no-repeat;
	width: 340px;
	height: 28px;
	margin-bottom: 15px;
}

#designTjenester span, #cms span, #logoDesign span, #grafiskDesign span, #visittkort span, #brosjyre span, #messeutstyr span, #annonser span, #webdesign span, #css span, #seo span, #webhotell span {display: none;}

#designTjenester {background: url(../assets/banner/grafisk-design-tjenester.gif) no-repeat;}

#logoDesign {background: url(../assets/banner/logo-design.gif) no-repeat;}

#grafiskDesign {background: url(../assets/banner/grafisk-design.gif) no-repeat;}

#visittkort {background: url(../assets/banner/visittkort.gif) no-repeat;}

#brosjyre {background: url(../assets/banner/brosjyrer.gif) no-repeat;}

#messeutstyr {background: url(../assets/banner/messe-utstyr.gif) no-repeat;}

#annonser {background: url(../assets/banner/annonser.gif) no-repeat;}

#webdesign {background: url(../assets/banner/webdesign.gif) no-repeat;}

#css {background: url(../assets/banner/css.gif) no-repeat;}

#seo {background: url(../assets/banner/seo.gif) no-repeat;}

#webhotell {background: url(../assets/banner/webhotell-domenenavn.gif) no-repeat;}



/*..Navigasjon - Top*/

#navTop {
	position: absolute;
	width: 500px;
	background: #FFF;
	right: 12px;
	bottom: 10px;
	text-align: right;
}

#navTop ul {margin:0; padding:0;}

#navTop ul li {
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	padding: 0px 3px;
}

#navTop a#current {color: #6A99B8;}

#navTop a:link, #navTop a:visited {
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
	color: #483522;
	text-decoration: none;
	display: inline;
}

#navTop a:hover {font: normal 0.9em verdana, arial, helvetica, sans-serif; text-decoration: none; color: #6A99B8;}



/*..Navigasjon - Side*/

#navSide {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 25px;
}

#navSide p {font: normal 0.9em verdana, arial, helvetica, sans-serif;}

#navSide ul {margin-left: 6%;}

#navSide ul li {font: normal 0.9em/0.1em verdana, arial, helvetica, sans-serif; color: #483522; list-style: none;}

#navSide a:link, #navSide a:visited {
	font: bold 0.9em verdana, arial, helvetica, sans-serif;
	color: #483522;
	text-decoration: none;
	font-weight: bold;	
}

#navSide a:hover {color: #77AACC; text-decoration: none;}



/*..Navigasjon - Sub..*/

#navSub{
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 20px;
}

#navSub table td{
vertical-align: top;    

}

#navSub p {
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
	color: #6A99B8;
	margin-top: 0px;
	margin-bottom: 0px;
}


#navSub a:link, #navSub a:visited {
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
	color: #6A99B8;
	text-decoration: none;
}


#navSub a:hover {
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
	color: #483522;
	text-decoration: none;
}


#navSub a#current {color: #E7004A;}




/*..Navigasjon - Prosjekter*/

#navProsjekter ul {text-indent: 30px; margin-bottom: 300px;}

#navProsjekter ul li{font: normal 0.8em/1.6em verdana, arial, helvetica, sans-serif; padding-bottom: 5px;}

#navProsjekter ul li a:link, #navProsjekter ul li a:visited {
	color: #483522; 
	text-decoration: none;
}

#navProsjekter ul li a:hover {color: #F5B405; text-decoration: none;}

#navProsjekter ul li a#current {color: #F5B405;}




/*..Sidekart..*/

#navSidekart h1 {font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #F5B405; padding-top: 5px;}

#navSidekart h1 a:link, #contentSidekart h1 a:visited {font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #483522;text-decoration: none;}

#navSidekart h1 a:hover {color: #F5B405; text-decoration: none;}

#navSidekart ul{margin-bottom: 100px;}

#navSidekart ul li{
	font: normal 0.8em/1.4em verdana, arial, helvetica, sans-serif; 
	padding-bottom: 3px;
	list-style: none;
}

#navSidekart ul li a:link, #navSidekart ul li a:visited {
	color: #483522; 
	text-decoration: none;
}

#navSidekart ul li a:hover {color: #F5B405; text-decoration: none;}



/*..Logo-Kontakt..*/

#logo {
	position: absolute;
	width: 73px;
	height: 41px;
	bottom: 13px;
}

#logoTekst {
	position: absolute;
	width: 223px;
	background: #FFF;
	left: 82px;
	bottom: 13px;
}

#logoTekst p {margin-bottom: 0px;}

#logoTekst a:link, #logoTekst a:visited {
	font: normal 0.8em verdana, arial, helvetica, sans-serif;
	color: #6A99B8;
	text-decoration: none;	
}

#logoTekst a:hover {font: normal 0.8em verdana, arial, helvetica, sans-serif; color: #483522;}

#kontakt {
	position: absolute;
	width: 288px;
	background: #FFF;
	text-align: right;
	top: 10px;
	right: 0px;
	border-right: 2px solid #B6D1E3;
	padding-right: 12px;
	
}

#kontakt ul li {font: normal 0.7em/1.4em verdana, arial, helvetica, sans-serif; color: #483522; list-style: none;}