
/*#############################################################


© 2007

Author: Igor Jovic

URL: http://spinz.se


#############################################################*/


/* default elements */



*{margin:0px;padding:0px}


h1
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
padding-left:5px;
line-height:1.6em
}
	
p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.9em; 
font-weight: normal;
color:#555555;

}

a
{
color:#ac0e22;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:underline;
}


a:link
{
color:#ac0e22;
font-weight:normal;
font-style:normal;
text-decoration:underline;
}


a:visited
{
color:#ac0e22;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}


a:hover
{
color:#ac0e22; 
font-style:normal;
text-decoration:none;
 }



/* Layout */

body

{
background: #AAAAAA;
font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
text-align: center;
color: #333333;
}



#wrapper 

{
background-color:#fff;
margin-top: 40px;
margin-right: auto;
margin-bottom:40px;
margin-left: auto;
width:902px;
}



#header1
{
background:url(Img/bgheader-chicago.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header1 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header2
{
background:url(Img/bgheader-chicago2.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header2 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header3
{
background:url(Img/bgheader-chicago3.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header3 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header4
{
background:url(Img/bgheader-chicago4.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header4 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header5
{
background:url(Img/bgheader-chicago5.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header5 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header6
{
background:url(Img/bgheader-chicago6.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header6 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header7
{
background:url(Img/bgheader-chicago7.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header7 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}

#header8
{
background:url(Img/bgheader-chicago8.jpg) no-repeat #a20d1f;
width:902px;
height:266px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header8 .logo
{
float:left;
padding-top:0px;
padding-left:0px;
border: none;
}


#nav
{
float:left;
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
width:902px;
height:35px;
background: transparent url(Img/navbg.gif);
background-repeat:repeat-x;


}

#nav ul
{
list-style:none;
margin-left:0px;
}


#nav li
{
text-align:left;
float:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}

#nav ul li a
{
display:block;
line-height:2.5em;
margin-right:0px;
padding:1px 14px 1px 14px;
color: #d3d2cc;
font-weight:bold;
font-size: 0.8em;
text-decoration: none;
}

#nav li a:hover
{
color: #ffffff;
background:transparent;
background-image:url(Img/navaktiv.gif);
background-repeat:repeat-x;

}

#nav ul li .selected
{
color: #ffffff;
background-color:transparent;
background-image:url(Img/navaktiv.gif);
background-repeat:repeat-x;
}


#content

{
float:left;
background-image:url(Img/contentbgtop.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color:#f3f3e7;
width:902px;
margin-top:20px;
margin:auto;
padding:0px;
margin-bottom:0px;
margin-right:0px;


}

#col-wide
{
float:left;
width:852;
margin-left:10px;
margin-top:30px;
background-color:inherit;
text-align:left;
font-size:0.9em;
padding:5px;
}
#col-wide p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}
#col-wide h4
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:1.1em;
color: #000000;
padding:10px;
text-align:left;
}

#col-wide ul li 
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#col-wide a
{
font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
line-height:2.5em;
margin-right:0px;
padding:1px 1px 1px 1px;
color: #AA0000;
font-weight:bold;
text-decoration: none;
text-align:left;
}

#col-questions
{
float:left;
width:852;
margin-left:10px;
margin-top:30px;
background-color:inherit;
text-align:left;
font-size:0.9em;
padding:5px;
}
#col-questions p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}
#col-questions h4
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:1.1em;
color: #0000CC;
padding:10px;
text-align:left;
}

#col-questions ul li 
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:0px;
text-align:left;
}

#col-questions a
{
font: normal 1.0em Arial, Verdana, Helvetica, sans-serif;
line-height:0.9em;
margin-right:0px;
padding:1px 1px 1px 1px;
color: #AA0000;
font-weight:bold;
text-decoration: none;
text-align:left;
}



#col1
{
float:left;
width:420px;
margin-left:10px;
margin-top:30px;
background-color:inherit;
text-align:left;
font-size:0.9em;
padding:5px;

}



#col1 h1
{
display:block;
font-size1.2em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
color:#403f3b;
font-weight:normal;
padding-bottom:2px;
margin-top:5px;
margin-bottom:10px;
margin-left:5px;
border-bottom:1px solid #e5e6d6;
}

#col1 .red
{
color:#9a0c1c;
}


#col1 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:10px;
text-align:left;
}

#col2

{
float:right;
background:#ffffff;
width:372px;
margin:20px 15px 5px 0px;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}


#col2 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
margin-left:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}

#col2 a
{
font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
line-height:2.5em;
margin-right:0px;
padding:1px 1px 1px 1px;
color: #AA0000;
font-weight:bold;
text-decoration: none;
text-align:left;
}



#col3
{
float:right;
background:#ffffff;
width:372px;
margin:84px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}


#col3 p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}


#col3 a
{
font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
line-height:2.5em;
margin-right:0px;
padding:1px 1px 1px 1px;
color: #AA0000;
font-weight:bold;
text-decoration: none;
text-align:left;
}


#col-news
{
float:right;
background:#ffffff;
width:372px;
margin:10px 15px 5px 0;
padding:10px 15px 5px 10px;
text-align:left;
font-size:0.9em;
border:2px solid #ebebeb;
}


#col-news p
{ 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
margin-top:10px;
color: #000000;
padding:10px 15px 5px 10px;
text-align:left;
}


#col-news a
{
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
line-height:1.1em;
margin-right:0px;
padding:1px 1px 1px 1px;
color: #AA0000;
font-weight:bold;
text-decoration: none;
text-align:left;
}


#footer 

{
width:902px;
height:154px;
clear:both;
margin-top: 0px;
background:url(Img/footerbg.jpg) repeat-x;
color:#666666;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 

{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#aeaea6;
padding-top:75px;
padding-bottom:75px;
text-align:center;
magin:auto;
}

#footer a 
{
font-size:1em;
text-decration:none;
font-weight:normal;
color:#aeaea6;
text-align:center;
}

#footer a:hover

{
text-decoration:underline;
font-weight:normal;
color:#e01b1b;
text-align:center;
}

form
{
padding:0px;
margin:0px;
}

form p

{
color: #555555;
text-align: left;
font-size: 0.6em;
font-family: Helvetica, Arial, Verdana;
}


input 
{
color:#000000;
background-color:#f9faf5;
height:24px;
float:right;
width: 200px;
}

.submit 

{
float:right;
color: #000000;
margin-top:0px;
background-color: #f9faf4;
width: 60px;
margin-right:70px;
margin-left:3px;
margin-top:5px;
}

.input

{
color: #000000;
margin-top:0px;
background-color: #f9faf4;
border-top:3px solid #550a13;
border-left:6px solid #550a13;
border-right:6px solid #550a13;
border-bottom:6px solid #550a13;
width: 150px;
font-size: 1.9em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

.left

{float:left;
padding:4px;}



#button-example-form fieldset,
#button-example-form fieldset div {

        border: 2px groove #ccc;
        margin: .5em;
        padding: .5em;

    }

#button-example-form-postdata {

        border: dashed 1px #666;
        background-color: #ccc;
        padding: 1em;

    }

#button-example-form-postdata h2 {

        margin: 0 0 .5em 0;
        padding: 0;
        border: none;

    }


