/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

*{ margin: 0; padding: 0; }*
body { margin: 10px 0 0;
background: url(/images/site/bg.jpg);
background-repeat: repeat-x;
background-position:top left;
/*font: .75em;*/
/*EWM Changed to 75% to make IE 8 happy*/
font-size: 75%;
font-family: "Trebuchet MS", Arial, Sans-Serif;
color: #666666; 

}

	h1 { font-size: 3em; font-weight: bold; float: left; letter-spacing:-1px; }
	h1.logo { float: left;}
	h1 a { text-decoration: none; }
	h1.page_title {
	font-size: 2em;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	margin: 0 0 .5em 0;
	float: none;
}
	h1.page_subtitle {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	margin: 1em 0 .5em 0;
	float: none;
}

	h1.page_subtitle_no_line {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0 .25em 0;
	float: none;
}
	h1.popular {
	font-size: 2em;
	font-weight: bold;
	color:
	border-bottom: 1px solid #eee;
	margin: 0 0 .5em 0;
	float: none;
}
	h2 { font-size: 2em; color: #FFFFFF; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.5em; /*border-bottom: 1px solid #eee;*/ margin: 0 0 .2em; }
	p  { margin: 0 0 2em 0; line-height: 1.5em; }
	p.services { font-size: 1.25em; /*border-bottom: 1px solid #eee;*/ margin: 0 0 1em 2.25em; font-weight: bold; line-height: .25em;}
	.rightbar_services { font-size: 1.25em; /*border-bottom: 1px solid #eee; margin: 0 0 1em 2.25em;*/ padding: 0 0 3px 5px; margin: 0 0 0 0; font-weight: bold; /*line-height: 1em;*/}
	em { border-bottom: 1px dotted #fff; /*cursor: pointer;*/ }
	a { color: #ed1c24; outline: none; font-weight: bold; text-decoration: none; }
	a:hover { color: #ed1c24; text-decoration: underline; }
	img { border: 0; }
	.red { color: #9D2900; }
	
.wrap { width: 900px; margin: 0 auto; } 
 
/*#header { width: 900px; height: 75px; margin: 30px auto; padding-bottom: 20px; }*/
#header { width: 900px; height: 114px; margin: 30px auto 10px auto; padding: 0 0 0 0;}
/* menu in menu_style.css*/ 
/* #menu  { float: right; padding: 40px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 10px; padding: 5px; text-decoration: none; font-weight: bold; font-size: 15px; color: #999999; outline: none; }
		#menu a:hover { color: #999999; border-bottom: 3px solid #ed1c24; outline: none; }
		#menu .active a { color: #ed1c24; outline: none;}*/
#announce { height: 30px; width:560px; background-color: #fff; color:#139389; text-align:right; margin-top:2px; vertical-align:middle; font-size:16px;}

#teaser { clear: both; height: 230px; background: #fff url(/images/site/teaserbg.jpg) repeat-x; }
/*#teaser { clear: both; height: 230px; background: #fff url(../images/site/teaserbg.jpg) repeat-x; }*/
	.box { float: right; padding: 16px 0 0; width: 480px; color: #C7E3EE; }
/*	#image { float: left; width: 388px; position: relative; background: url(/images/site/logotype.jpg) no-repeat top right; height: 230px; }*/
	#image-wide { float: left; width: 600px; position: relative; /*top: 16px; background: url(/images/site/logotype-wide.jpg) no-repeat top right; */ height: 230px;}
	#links-area { float: right; width: 300px; position: relative; background-color:#CCC; /*top: 16px;*/ background: url(/images/site/nav-area-background.jpg) no-repeat top right; height: 230px; }
	
#bar { height: 20px; margin: 0 0 10px; padding: 8px 0 0 0; background: url(/images/site/bar.gif) repeat-x; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(/images/site/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; }
	
.col { float: left; /*width: 276px;*/ width: 65%; margin: 0 10px 0px 0; }
	.last { float: right; margin: 0; width: 30%;}
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer { clear: both; width: 900px; margin: 0 auto; padding: 15px; /*border-top: 1px solid #e0e0e0; background: #fff  no-repeat right 13px;*/ }	
	#footer .right { float: right; margin: 0 55px 0 0; }
	#footer a { color: #808080; font-weight: bold; }


/*EWM Only*/	
ul{padding-left:20px; list-style:square;}	
#divider { clear: both; width: 100%px; margin: 0 auto; padding: 15px; border-top: 12px solid #55c5cd; background: #eeeeee  no-repeat right 13px; height: 200px; }	
table.agency_logos td{
	padding-left: 2px;
	padding-right: 2px;
	text-align:center;
	}
table.rollovers td{
	vertical-align: bottom;
	}	

/* MESSAGING */
.error {
/*	border: 1px solid #ef3e35;
	background-color: #FFDFDF;
	color: red;*/
	
	
	background-color: #ef3e35;
	border: 1px solid #cccccc;
	padding:10px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #ffffff; 
	font-size: 14px;
	font-weight: bold;
}
.message {
/*	border: 1px solid #cccccc;
	background-color: #6cb8c0;
	color: #ffffff;*/
	
	background-color: #6cb8c0;
	border: 1px solid #cccccc;
	padding:10px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #ffffff; 
	font-size: 14px;
	font-weight: bold;
}
.error p, .message p {
	margin: 3px;
}

/*FORMS*/
table.form td{
	padding: 2px 2px 2px 2px;
	vertical-align:top;
	font-weight: bold;
}
TEXTAREA /*multiple line text fields*/
{width: 230px; 
resize: none;
color:#8c8a85;
border:1px solid #CCCCCC;
font-weight:normal;
font-family:"Trebuchet MS", Tahoma, "Lucida Sans", Verdana, Arial, sans-serif;
font-size:12px;
resize: none;}

input.textfield
{
width: 150px;
height:20px;
font-size:12px;
/*  padding:2px;*/
color:#8c8a85;
border:1px solid #CCCCCC;
font-weight:normal;
font-family:"Trebuchet MS", Tahoma, "Lucida Sans", Verdana, Arial, sans-serif;
resize: none;
}

SELECT
{
  height:25px;
  width: 150px;
  font-size:12px;
/*  padding:2px;*/
  color:#8c8a85;
  border:1px solid #CCCCCC;
  font-family:"Trebuchet MS", Tahoma, "Lucida Sans", Verdana, Arial, sans-serif;
}

/* FORMS validation */
input.invalid, textarea.invalid {
	border: 1px dotted #ef3e35;
	background-color: #ffdedc;
}
.invalid {
color: #ef3e35;
}

/*    MISC    */

hr {
	border: 1px solid #eee;
	margin: 1em 0 1em 0;}