@import url("styles.css");
body,div,span,
h1,h2,h3,h4,h5,h6,
ul,li,ol,b,i,u,p,
a,img,header,nav,
section,article,
footer,aside,
audio,video,hgroup,
blockquote,form,
fieldset,legend { margin: 0px; padding: 0px; border: 0px; outline: 0px; 
				font-weight: inherit; font-size: inherit; color: inherit;
				vertical-align: baseline; background-color: transparent; }
header,nav,
section,article,
footer,aside,
audio, video,
canvas, figure,
hgroup 		   { display: block; }
.clear 		   { clear: both; }
body 		   { -webkit-text-stroke: 1px transparent;
				 background-color: #e1dbd6; font: 12px/18px Georgia, "Times New Roman", Times, serif }
#main 		   { width: 890px; margin: 0 auto; margin-top: 40px;}

/* @group Grid */

.g425, .g400, 
.g245, .g160, .g500  { float:left    }
.g425  		   { width: 425px; }
.g400  		   { width: 400px; }
.g600  		   { width: 400px; }
.g245		   { width: 245px; }
.g160  		   { width: 160px; }
.g500  		   { width: 580px; }
.clear 		   { clear: both;  }

.ml  { margin-left: 20px; }
.mr  { margin-right: 20px; }
.mlr { margin-left: 20px; margin-right: 20px; }

/* @end */

/* @group Type */

h1,h2,h3,h4,h5 { margin-bottom: 0.4em; word-spacing: -0.125em; color: #e77727; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child { margin-top: 0; }

h1 { font-size: 1.7em; margin-top: 1em; line-height: 1.3em; }
h2 { font-size: 1.3em; margin-top: 0.8em; }
h3 { font-size: 1em; font-weight: bold; }
a  { color: #e77727; text-decoration: none; }
a:hover { text-decoration: underline; }
p  { margin-bottom: 13px; }

/* @end */

header { padding-bottom: 20px }
footer   { height: 100px; margin-top: 20px; 
		   background: url(images/footer.png) no-repeat left top; }
footer p { text-align: right; color: white; padding: 19px; 
		   font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif; }
		   
#frontpageimg img { padding-bottom: 10px; }
#frontpageimg img:last-child { padding-bottom: 0px; }

#sidebar-wrapper { background: url(images/sidebg.png) no-repeat 4px 98px; }

/* @group SubNav */

#navsub {
	padding: 0px 25px;
}

#navsub ul{ font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
			list-style: none; text-transform: uppercase; line-height: 30px; font-weight: bold;
			font-size: 14px; -webkit-text-stroke: 0px;}

#navsub a {
	color: #683892;	
}

/* @end */

/* @group Menu */

#globalheader { width: 890px; height: 104px;  margin: 0 auto; 
				position: relative;  z-index: 10; }
#globalheader .nav-header 	   { margin: 0px; padding: 0px; }
#globalheader .nav-header li   { display: inline; }
#globalheader .nav-header li a { float: left;  height: 0px;  padding-top: 104px;  overflow: hidden; }
#globalheader .nav-header li a { background-image: url(images/menusprite.png); 
								 background-repeat: no-repeat; outline: none; }
li#Opalen a 	{ width: 244px; background-position:  0px   0px; }
li#Om-Opalen a  { width: 160px; background-position: -244px 0px; }
li#Arbetssätt a { width: 160px; background-position: -404px 0px; }
li#Boende a 	{ width: 160px; background-position: -564px 0px; }
li#Kontakt a    { width: 166px; background-position: -724px 0px; }

	/* HOVER */
#globalheader .nav-header li#Opalen a:hover 	 { background-position:  0px   -104px; }
#globalheader .nav-header li#Om-Opalen a:hover   { background-position: -244px -104px; }
#globalheader .nav-header li#Arbetssätt a:hover  { background-position: -404px -104px; }
#globalheader .nav-header li#Boende a:hover 	 { background-position: -564px -104px; }
#globalheader .nav-header li#Kontakt a:hover     { background-position: -724px -104px; }

	/* PRESS */
#globalheader .nav-header li#Opalen a:active 	 { background-position:  0px   -104px; }
#globalheader .nav-header li#Om-Opalen a:active  { background-position: -244px -104px; }
#globalheader .nav-header li#Arbetssätt a:active { background-position: -404px -104px; }
#globalheader .nav-header li#Boende a:active 	 { background-position: -564px -104px; }
#globalheader .nav-header li#Kontakt a:active 	 { background-position: -724px -104px; }

	/* SELECTED */
#globalheader .nav-header li#Opalen .nav-selected 	  { background-position:  0px   -104px; }
#globalheader .nav-header li#Om-Opalen .nav-selected  { background-position: -244px -104px; }
#globalheader .nav-header li#Arbetssätt .nav-selected { background-position: -404px -104px; }
#globalheader .nav-header li#Boende .nav-selected 	  { background-position: -564px -104px; }
#globalheader .nav-header li#Kontakt .nav-selected	  { background-position: -724px -104px; }

/* @end */