/*BASIC STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*BASIC STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #ccc;
	background-color: #000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-top: solid 6px #262626;
	padding-bottom: 40px;
}

a {
text-decoration: none;
/*color: #007da2;*/
color: #cc861f;
}
div.subsub {
	z-index: 10;
}

p, table {
padding: 0;
margin: 0 0 14px;
}


ul, ol, li {
padding: 0;
margin: 0;

}

ul a {
	color: #ccc;

}



/*TYPE STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*TYPE STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


#title {
background: #141414;
height: 42px;
line-height: 42px;
text-align: left;
border-bottom: 1px solid #333;
}

#title h1 {
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 18px;
	color: #ccc;
	font-size: 20px;
	float: left;
	line-height: 42px;
	height: 42px; }
	/*font-family: "HelveticaNeue LightCond", Helvetica, sans-serif;


@font-face {
  font-family: "HelveticaNeue LightCond";
  src: url(http://coevalre.com/fonts/HelveNeuLigCon.lwfn) format("postscript");
}*/

h2 {
font-size: 16px;
color: #59ba08;
font-weight: normal;
padding: 0;
margin: 0 0 8px;
}

h3 {
font-size: 13px;
color: #007da2;
font-weight: normal;
margin: 0 0 12px;
padding: 0;
}

h4 {
font-weight: normal;
margin: -4px 0 10px;;
padding: 0;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

#breadcrumb {
float: right;
font-size: 10px;
color: #666;
padding-right: 18px;
}

#breadcrumb a {
color: #666;
}

#breadcrumb a:hover {
color: #cc861f;
}


/*HEADER STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*HEADER STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


.logo {
	position: absolute;
	left: 0px;
	top: 28px;
}


#header {
width: 888px;
height: 124px;
position: relative;
margin: 0 auto;
}


/* Search Form ///////////////////////////////////////////*/

#search {
margin: 0;
padding:0;
position: absolute;
top: 0;
width: 200px;
right: 0;
/*border: solid 6px #262626;
border-top: none !important;*/
/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
		-moz-border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;*/
padding: 0 16px;
	height: 30px;
		text-align: left;
		color: #666;
		background: url(images/searchform-bg.gif) bottom left no-repeat;
	

	
}

#search input.image-button {
border: none;
padding-left: 5px;
display: inline;
	margin-top: 4px;
}

#searchbox {
width: 154px;
height: 24px;
line-height: 24px;
background: transparent;
border: none !important;
margin: 0;
padding: 0;
display: inline;
color: #666;
}




/*MAIN NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MAIN NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


ul#nav {
	height: 28px;
	list-style-type: none;
	padding: 0px;
	margin: 0;
	display: block;
	position: absolute;
	top: 62px;
	right: 0px;
}

ul#nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul#nav a {
	font-size: 13px;
color: #ccc;
	display: block;
	float: left;
	margin: 0px;
	height: 28px;
	line-height: 28px;
	padding: 0 14px 0 16px;
	text-decoration: none;
	background: url(images/nav-divider.gif) left no-repeat;
}
ul#nav a.home {
background-image: none;
}

ul#nav a:hover {
color: #007da2;
text-decoration: none;
}

/*highlighting the current main category /////////////////////////////////////////////////////////*/

body.home a#home, body.about a#about, body.properties a#properties, body.services a#services, body.vision a#vision, body.contact a#contact {
background: url(images/current-bg.gif) left repeat-x;
-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #59ba08;
	text-shadow: #000 1px 1px 1px;
		padding: 0 14px;
}

/*remove the divider from the next link /////////////////////////////////////////////////////////*/

body.home a#about, body.about a#properties, body.properties a#services, body.services a#vision, body.vision a#contact {
background-image: none;
}




/*SUB NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SUB NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


dl.subnav, dl.featured {
margin: 0 0 20px;
padding: 0;
list-style: none;
line-height: 21px;
z-index: 1;
}

dl.subnav dd, dl.featured dd {
margin: 0;
padding: 0;
position: relative;

}

dl.subnav dt, dl.featured dt {
font-size: 13px;
color: #007da2;
background: url(images/nav-title-rule.gif) bottom left no-repeat;
margin:0;
padding:0;
padding-bottom: 4px;
margin-bottom: 6px;
}

dl.featured dd img {
margin: 6px 0 8px;
padding: 0;
border: 1px solid #666;
}

dl.featured dd p {
font-size: 10px;
line-height: 16px;
}


dl.subnav dd a {

display: block;
color: #ccc;
}

dl.subnav dd a:hover {
color: #cc861f;
}

/*Sub Sub Nav REDONE *//* ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Sub Sub Nav REDONE *//* ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*


dl#subsub {
visibility: hidden;

display: block;
margin: 0;
padding: 0;
background: #1a1a1a;
-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #333;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
}

dl#subsub dt, dl#subsub dd a {
padding: 0 8px;
margin: 0;
display: block;
}

dl#subsub dd {
display: block;
}



dl#subsub dt {
background: #333;
color: #b3b3b3;
font-size: 11px;
}


dl#subsub dd a {
border-top: 1px solid #333;
display: block;
}


dl#subsub dd a:hover {
background: #141414;
color: #fff;

}*/


/*Sub Sub Nav*/

dl.subnav dl.subsub {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
display: block;
margin: 0;
padding: 0;
background: #1a1a1a;
-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #333;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
}

dl.subnav dl.subsub dt, dl.subnav dl.subsub dd a {
padding: 0 8px;
margin: 0;
display: block;
}

dl.subnav dl.subsub dd {
display: block;
}

dl.subnav dd:hover dl.subsub, dl.subnav dl.subsub:hover {
visibility: visible;
}

dl.subnav dl.subsub dt {
background: #333;
color: #b3b3b3;
font-size: 11px;
}


dl.subnav dl.subsub dd a {
border-top: 1px solid #333;
display: block;
}


dl.subnav dl.subsub dd a:hover {
background: #141414;
color: #fff;

}





/*LAYOUT STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LAYOUT STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


#container {
	width: 888px;
	margin: 0 auto;
-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url(images/container-bg.gif);
	/*border: 1px solid #333;*/
	border: 1px solid #404040;
	overflow: hidden;
}

#container.home {
background-image: none;
background-color: #050505;
text-align: center;
}


.welcome-to-coeval {
border: none;
padding: 0;
margin: 0 0 20px;
}


/* HOme list stuff ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


table.homelist {

padding: 0;
margin: 0 auto 28px;

}

table.homelist td {
vertical-align: top;
background: url(images/homelist-divider.gif) top left no-repeat;
font-size: 10px;
line-height: 16px;
color: #999;
width: 254px;
text-align: left;
padding: 0 20px;

}

table.homelist td.first {
background-image: none;
padding: 0 20px 0 0;
width: 252px;
}

table.homelist td.last {
padding: 0 0 0 20px;
}


table.homelist img.float-right {
float: right;
border: 1px solid #333;
padding: 4px;
background: #1a1a1a;
margin: 0 0 10px 10px;
}

table.homelist a {
color: #007da2;
}

table.homelist a:hover {
color: #cc861f;
}



#left {
	width: 668px;
	float: left;
	text-align: left;
	display: block;
}

#left-content {
padding: 20px 50px 40px 30px;
}

#left-content ul {
list-style-position: inside;
margin-bottom: 14px;
}


#right {
width: 164px;
padding: 20px 28px 30px;
float: right;
text-align: left;
display: block;
}

#footer {
clear: both;
width: 888px;
margin: 0 auto;
text-align: left;
padding: 10px 0 10px;
color: #333;
font-size: 10px;
}

table.agents {
margin: 8px 0 14px !important;
}

table.agents td {
padding: 0 15px 20px 0;
text-align: left;
vertical-align: top;
}

table.agents img {
margin: 0 0 8px;
}

table.agents h3 {
margin: 0 0 0;
}

table.agents p {
margin: 0;

}







/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MAKE THE TYPE BEAUTIFUL ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* These are standard sIFR styles... do not modify */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
	/*padding-top: 10px;*/
	margin-top: 10px;
	display: block;
	font-weight: normal;
	
	/*padding: 10px 0 0 18px;*/
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}