@charset "UTF-8";
/* CSS Document */

/*RESET*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/*TEXT STYLES*/

body		{font-family:Helvetica, Arial, sans-serif;}

h1 			{font-size: 28px; font-family:Helvetica, Arial, sans-serif; font-weight:100; margin-bottom:10px;}
h2 			{font-size: 24px; font-family:Helvetica, Arial, sans-serif; font-weight:100; margin-bottom:10px;}
h3 			{font-size: 16px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin-bottom:10px; color:#333333;}
p			{font-size: 14px; font-family:Helvetica, Arial, sans-serif; font-weight:100; color:#333333; line-height:20px;}
a			{color:#666666;}
a:hover		{color:#000000;}

.more		{float:right; font-size:14px; padding-top:12px;}


/*STRUCTURE*/

.wrapper 	{
			position:relative;
			width:940px;
			margin:0 auto;
			padding-left:10px;
			padding-right:10px;
			}
.clear		{clear:both;}

#header		{
			position:relative;
			width:100%; 
			height:65px; 
			background-image:url(images/bg_header.jpg);
			background-position:center top;
			background-repeat:repeat-x;
			}
			
.logo		{
			float:left;
			padding-top:20px;
			}
			
#flash		{
			position:relative;
			width:940px;
			height:295px;
			margin-top:20px;
			}
.col		{
			position:relative;
			width:220px;
			height:170px;
			float:left;
			margin-top:20px;
			padding:40px;
			}
.mright		{margin-right:20px;}

#footer		{
			position:relative;
			background-color:#e9e9e9;
			margin-top:20px;
			height:20px;
			}
.footertxt	{
			position:relative;
			margin-top:15px;
			}		
.footertxt p {
			font-family:Helvetica, Arial, sans-serif;
			font-size:10px;
			}
.content	{
			position:relative;
			width:940px;
			margin-top:20px;
			}

/*NAV*/

ul.nav 		{
			position:relative;
			float:right;
			width:601px;
			background-image:url(images/bg_nav.jpg);
			background-repeat:none;
			margin-top:9px;
			padding-left:1px;
			}
			ul.nav li	{
						display:inline;
						}
			ul.nav li a {
						padding-top:22px;
						text-align:center;	
						font-family:Helvetica, Arial, sans-serif;
						font-size:16px;
						width:98px;
						height:34px;
						text-decoration:none;
						color:#000;
						float:left;
						margin-left:1px;
						margin-right:1px;
						}
			ul.nav li a:hover {background-color:#CCCCCC;}
			ul.nav li a.selected {background-image:url(images/bg_nav_select.jpg); height:39px;}
			
/*SERVICES*/
ul.services	{
			position:relative;
			width:940px;
			height:auto;
			}
			ul.services	li 	{
							border:20px solid #e9e9e9;
							padding:20px;
							}
							ul.services	li ul li		{
														border:none;
														}
							ul.services	li ul li.img	{
														width:140px;
														height:140px;
														float:left;
														}
							ul.services	li ul li.info	{
														width:620px;
														float:left;
														}
							ul.services	li ul li.nopad	{padding:0;}
							

/*PROPERTIES*/

.about {background-image:url(images/bg_colabout.jpg);}
.diva {background-image:url(images/bg_coldiva.jpg);}
.map {background-image:url(images/bg_colmap.jpg);}
.mapsmall {position:absolute; top:57px; left:140px;}
.mtop {margin-top:20px;}
.right {float:right;}
.pleft	{padding-left:20px;}
#map_canvas {float:right;}


/* FORMS */



.submit {}

label
{
width: 210px;
float: left;
text-align: right;
margin-right: 10px;
display: block;

}

input
{

} 

.btn{margin-left:220px;}

input.btn {border:0px;}


fieldset
{
border:10px solid #e9e9e9;
padding:20px;
}

textarea {
} 

select {
} 


legend
{
padding: 2px 6px
}