/*



	project: watchthis!

	author: luka cvrk (www.solucija.com)



*/



/* global reset */

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

:focus, :active { outline: 0; }



body { font: .9em Arial; background: #fff url(../images/bg.gif) repeat-x; color: #333; }

a { color: #A82A15; text-decoration: none; }

img { border: 0; }

h1 {  float: left; margin: 20px 0 50px; font-size: 4em; color: #fff; }

h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 5px; }

h2 a:hover { background: #A82A15; color: #fff; }

h4 { font-size: 2.4em; font-weight: normal; margin: 0 0 5px; }
h4 a {background:#FFFFFF; color:#000000;}
h4 a:hover { background: #A82A15; color: #fff; }

.hr { color: #ccc; }

p  { margin: 5px 0 15px; line-height: 1.6em; }

#content { margin: 0 auto; width: 1000px; }

#top { float: right; margin: 38px 0 30px 0;}

	#top li { list-style: none; display: inline; }

	#top li a { float: left; padding: 6px 20px; margin: 3px 2px 0 0; color: #ccc; }

	#top li a.current { color: #fff; background: #A82A15; }

	#top li a:hover { background: #808080; color: #fff; }

#intro { clear: both; padding: 10px 0 1px 15px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 0 0 30px; }

#left { float: left; width: 650px; margin: 0 0 15px; }

#right { float: right; width: 300px; }

#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }

#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }

#right li { list-style: none; }

	#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }

#footer { clear: both; padding: 15px 0; border-top: 1px solid #ccc; }

	#r { float: right; }



#stateDropdown .fake_dropdown_click{

width: 10em;

font-size: 1em;

}



.fake_dropdown{

cursor: pointer;

position: relative;

margin: 0;

padding: 0;

list-style:none;

background-color: white;

color: black;

border: 1px solid black;

text-align: left;

float: left;

clear: none;

display: inline;



}



.fake_dropdown_click{

background-image: url('http://www.thermalpeople.com/images/dropdown.png');

background-position: center right;

background-repeat: no-repeat;

height: 1.5em;

width: 100%;

padding: 0;

text-align: center;

}



.fake_dropdown > ul{

background-color: white;

border: 1px solid black;

position: absolute;

cursor: pointer;

list-style: none;

margin: 0 0 0 -1px;

padding: 0;

max-height: 15em;

width: 100%;

overflow-x: hidden;

overflow-y: auto;

background: white;

}



.fake_dropdown > ul > li{

margin: 0;

padding: 0;

background: white;

}



.fake_dropdown li{

cursor: pointer;

font-size: 1em;

}



.fake_dropdown li:hover{

background-color: #790c36;

color: white;

cursor: pointer;



}



.fake_dropdown li:hover a{

color: white;



}



.fake_dropdown li a{

color: black;



}



.fake_dropdown_submit{

cursor: pointer;

position: relative;

margin: 0;

padding: 0;

list-style:none;

background-color: white;

color: black;

border: 1px solid black;

text-align: left;

float: left;

clear: none;

display: inline;

width: 100%;



}



.fake_dropdown_click_submit{

background-image: url('http://www.thermalpeople.com/images/dropdown.png');

background-position: center right;

background-repeat: no-repeat;

height: 1.5em;

width: 100%;

padding: 0;

text-align: center;

}



.fake_dropdown_submit > ul{

background-color: white;

border: 1px solid black;

position: absolute;

cursor: pointer;

list-style: none;

margin: 0 0 0 -1px;

padding: 0;

max-height: 15em;

width: 100%;

overflow-x: hidden;

overflow-y: auto;

background: white;

}



.fake_dropdown_submit > ul > li{

margin: 0;

padding: 0;

background: white;

}



.fake_dropdown_submit li{

cursor: pointer;

font-size: 1em;

}



.fake_dropdown_submit li:hover{

background-color: #790c36;

color: white;

cursor: pointer;



}



.fake_dropdown_submit li:hover a{

color: white;



}



.fake_dropdown_submit li a{

color: black;

}