/*

    CSS Document


    Site: Vatten & Borrteknik i Småland
    URL: http://www.borrteknik.se
    Author: PS Kommunikation
    Version: 1.0

    Date: 2010.03.19

*/


/*
 *      DEFAULT
 *
 */

BODY {
	margin:0;
	padding:0;
	text-align:center;
}
DIV#Wrapper {
	background:#fff url(/images/bg-body.gif) no-repeat top right;			
	margin:0 auto;
	padding:20px 0 0 0; 
    text-align:left;	
    width:940px;
}

/*
 *      MASTHEAD
 *
 */

DIV#Masthead {
}
DIV#Logo {
    height:54px;
    width:203px;
}


/*
 *      NAVIGATION
 *
 */

/*** Mainnav ***/

UL#Mainnav {
    float:right;    
    list-style-type:none;
    margin:10px 0;
}
UL#Mainnav LI {
    float:left;
    margin:0 0 0 20px;       
}
UL#Mainnav LI A {
    color:#272727;
    display:block;
    font-size:1.1em;
    font-weight:bold;    
    text-decoration:none;
}
UL#Mainnav LI.Active A {
    color:#708aab;     
}
UL#Mainnav LI A.Button {
    background:url(/images/bg-button-right.gif) right top no-repeat; 
    color:#fff;
    line-height:23px;
    padding:0px 10px 0 0;
    margin:0 0 0 40px;
}
UL#Mainnav LI A.Button STRONG {
    background:url(/images/bg-button-left.gif) left top repeat-x; 
    font-weight:bold;
    line-height:24px;  
    padding:4px 0 6px 10px;
}

/*** Subnav ***/

UL#Subnav  {
    list-style: none;
    margin:0;
    padding:0 0 10px 0;
} 
UL#Subnav LI {
    background:url(/images/icon-circle-plus.gif) no-repeat left center;    
    display:block;
    font-family: "Arial", Verdana, sans-serif;	    
    font-size:1.0em;
    font-weight:bold;
    line-height:normal;    
    margin:0 10px;     
}
UL#Subnav LI A {
    background:url(/images/bg-sub-nav-li.gif) bottom left no-repeat;
    color:#fff;
    display:block;
    line-height:2.0em;
    padding:5px 10px;
    margin:0;
    text-decoration:none;
}
UL#Subnav LI A:HOVER {
    background:#477fc6;
}
UL#Subnav LI.Current A {
    background:#477fc6;
}

/*
 *      CONTENT COMMON
 *
 */
 
/*
 *      CONTENT START
 *
 */


/*** USP ***/

DIV#Usp {
    height:344px;
    margin:0;
    width:940px;
}

/*** CONTENT ***/

BODY#Start DIV#Content {
    background:#f2f5f9 url(/images/bg-start.gif) no-repeat top left;
    height:184px;
    padding:20px 0 0 0;
    width:940px;    
}

/** Primary Content */

BODY#Start DIV#PrimaryContent {
    float:left;
    margin:0 20px 0 20px;
    width:430px;
}

/** Secondary Content **/

BODY#Start DIV#SecondaryContent {
    float:right;
    width:470px;
}

/* puffs */

DIV#PuffOne {
    background:url(/images/img-phone.jpg) no-repeat right bottom;
    float:left;
    height:184px;       
    position:relative;
    margin:0 20px 0 10px;
    width:220px;
}
DIV#PuffTwo {
    background:url(/images/img-soren.jpg) no-repeat right bottom;
    float:right;
    height:184px; 
    position:relative;        
    width:220px;
}
DIV#PuffOne H2, DIV#PuffTwo H2 {
    color:#a0381b;
    line-height:normal;
}
DIV#PuffOne P {
    font-size:1.1em;
    line-height:normal;
    margin:0 0 20px 0;
}
DIV#PuffTwo P {
    font-size:1.1em;
    line-height:normal;
    margin:0 100px 20px 0;    
}
DIV#PuffOne A.Button {  
    background:url(/images/bg-button-contact.png) no-repeat top left;
    bottom:10px;
    height:23px;
    left:0px;
    position:absolute;    
    text-decoration:none;       
    text-indent:-9999px;
    width:77px;
}
DIV#PuffTwo A.Button {  
    background:url(/images/bg-button-rot.png) no-repeat top left;    
    bottom:10px;
    height:23px;    
    left:0px;
    position:absolute;    
    text-decoration:none;  
    text-indent:-9999px;   
    width:136px;          
}

/*
 *      CONTENT SUBPAGE
 *
 */

/*** Common ***/

BODY#Subpage DIV#Placeholder {
    margin:30px 0 40px 0;
}
BODY#Subpage DIV#Sidebar {
    background:#2a64b0 url(/images/bg-sub-nav.gif) no-repeat top left;
    float:left;
    margin:0 0px 0 0;
    width:160px;
}
BODY#Subpage DIV#Sidebar H2 {
    background:#f3f6f9;
    color:#006ab6;
    font-size:1.2em;
    margin:10px;
    padding:10px 5px;
    width:130px
}
BODY#Subpage DIV#Content {
    float:right;
    width:750px;    
}

/*** Content Text and Image ***/

/** Primary Content */

BODY#Subpage DIV#PrimaryContent {
    float:left;
    margin:0 20px 0 0;
    width:510px;
}

/** Secondary Content **/

BODY#Subpage DIV#SecondaryContent {
    float:right;
    margin:40px 0 0 0;    
    width:220px;
}


/*** Content News ***/

.NewsItem {
    border-bottom:solid 1px #adadad;
    margin:0 0 20px 0;
}
.NewsItem SPAN {
    display:block;
    color:#666;
    font-size:0.8em;
    margin:5px 0 0 0;
}

/*** Content Contact ***/

.ContactPerson {
    height:80px;
    margin:0 0 20px 0;
}
.ContactPerson IMG {
    float:left;
    margin:0 20px 0 0;
}

/*** Content Quotation ***/

DIV#Content FIELDSET {
    margin:15px 0;
}
DIV#Content FIELDSET P {
    margin:0;
    padding:0;
    position:relative;
}
DIV#Content LEGEND {
    display:none;
}
DIV#Content LABEL {
    color:#625959;
    font-size:0.9em;
    margin:3px 0 0 0;
    text-align:left;    
}
DIV#Content LABEL.error {
    float:left;
    display:inline;
    text-align:left;    
    color:#477fc6;
    width:200px;
    position:absolute;
    left:278px;
    top:2em;
}
DIV#Content INPUT {
    background:#e3eaf2 url(/images/bg-input.gif) no-repeat top left;
    border:solid 1px #c6d7ed;	
	color:#3c3c3c;  
	display:block;
	height:1.8em;    
    font-family:Arial, Sans-Serif;
    font-size:1.0em;
	padding:5px 5px 0 5px;
    width:260px;
}
DIV#Content TEXTAREA {
    background:#e3eaf2 url(/images/bg-textarea.gif) no-repeat top left;
    border:solid 1px #c6d7ed;	
	color:#3c3c3c;  
    display:block;
    font-family:Arial, Sans-Serif;
	font-size:1.0em;
	height:10em;	
	line-height:1.8em;
	padding:0.2em;
	width:390px;	
}
DIV#Content INPUT.Submit {
    background:url(/images/bg-button-submit.gif) no-repeat top left;
    border:none;    
    cursor:pointer;
    height:23px;    
    margin:10px 0 0 329px;
    text-indent:-9999px;
    width:69px;
}
LABEL {
    color:#999;
    font-size:0.9em;
    margin:3px 0 0 0;
    text-align:left;   
    width:7em; 
}
DIV#Content FIELDSET P {
    clear: both;
    margin:15px 0;
    display:inline-block; 
    clear:both;
}
DIV#Content FIELDSET P:AFTER {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html DIV#Content FIELDSET P {height: 1%;}
DIV#Content FIELDSET P {display: block;}
/* End hide from IE-mac */




/*
 *      FOOTER
 *
 */

DIV#Footer {
    background:#2a64b0 url(/images/bg-footer.gif) no-repeat left top;
    margin:0 0 0 0;
    padding:20px;
}
DIV#Footer UL {
    float:left;
    list-style-type:none;
    margin:0 10px 0 0;
    width:150px;
}
DIV#Footer UL LI {
    color:#fff;
    font-size:0.9em;
    line-height:normal;
    margin:0;
    padding:0;
}
DIV#Footer A {
    color:#fff;    
    text-decoration:none;    
}
DIV#Footer A:HOVER {
    color:#fff;
    text-decoration:none;        
}

/*
 *      MEMBER
 *
 */

DIV#Member {
    background:#f3f6f9 url(/images/bg-footer-top.gif) no-repeat left top;
    margin:0 0 0 0;
    padding:10px 20px 20px 20px;
}
DIV#Member H2 {
    color:#080808;
    font-size:1.2em;
    margin:5px 20px 0px 0;
}
DIV#Member P {
    color:#626262;
    font-size:1.1em;    
    margin:0 20px 0 0;
}
DIV#Member IMG {
    float:left;
    margin:0 20px 0 0;
}

/*
 *      PRODUCTION
 *
 */

DIV#Production {
    padding:10px;
    text-align:right;
}
DIV#Production P {
    color:#686868;
    font-size:1.1em;    
}
DIV#Production A, DIV#Production A:HOVER {
    color:#686868;
    text-decoration:none;
}

/*
 *      CLASSES
 *
 */

.ArrowLeft {
    background:url(/images/icon-arrow-left-sm.png) left center no-repeat; 
    padding:0 0 2px 20px;
}
.ArrowRight {
    background:url(/images/icon-arrow-right-sm.png) right center no-repeat; 
    padding:0 20px 2px 0;
} 
.FloatLeft {
    display:inline;
    float:left;
    margin:0 10px 0 0;    
}
.FloatRight {
    display:inline;
    float:right;
    margin:0 0 20px 10px;
}
.NoMargin {
    margin:0;
}
.Hide {
    position:absolute;
	left:-9999px;
	z-index:100;
}
.Clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.Clearfix {display:inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .Clearfix {height:1%;}
.Clearfix {display:block;}
/* End hide from IE-mac */