/*
city life line
basic.css
*/

* {
	margin: 0;
	padding: 0;
	}
	
html {
	background: #a5bde7 url(../images/gradient-top-page.png) repeat-x left top;
	height: 100%;
	margin: 0 0 1px;
	}

body {
	line-height: 18px;
	color: #444444;
	font: 12px/1.3em Helvetica, Geneva, Arial,sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	margin:0;
	padding:0;	height: 100%;
	}
html>body {font-size: 12px;}

p, h1, h2, h3, h4 { margin-bottom: 18px; font-weight: normal; color: #666666;}

p
{
	line-height: 18px;
	font-size: 12px;
}
h1 { color: #365a8d; line-height: 36px; font-size: 30px; }
h2 { color: #4571b1; line-height: 30px; font-size: 26px; margin-top: 8px; }
h3 { margin-bottom: 5px; color: #444444; line-height: 24px; margin-top: 10px; font-size: 20px; }
h4 { line-height: 18px; font-size: 16px; }

img { border: none }

ul, ol {
  font-size: 12px;
  color: #666666;
  list-style-position: outside;
  margin-bottom: 18px;
  margin-left: 20px;
  }
li {
  padding: 0 2px 0 5px;
  }

/*LINKS*/

a, a:active, a:visited { 
	color: #3974BC;
	text-decoration: none;
	}

a:hover {
	color: #036;
	text-decoration: underline;
	}

	
.hotline {
	float: right;
	font-size: 135%;
	line-height: 1.2em;
	color: #fff;
	padding: 0 2px 0 0;
	font-weight: bold;
}

/*** FORMS ***/

form {
	padding-bottom: 20px;
}

form, form fieldset input, form fieldset textarea, form label {
	font-family: Helvetica, Arial;
	font-size: 12pt;
}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}


#commentForm form p br {}


form fieldset p input,
form fieldset p textarea {
	display: block;
	padding: 4px;
	margin: 0;
}

form fieldset p label {
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form fieldset p textarea {
	padding: 2px;
}

form fieldset p textarea,
form fieldset p input {
	border: solid 2px #bdc482;
}
#commentForm form p textarea,
#commentForm form p input {
	border: solid 2px #bdc482;
}
form fieldset p label {
	color: #777;
}
fieldset {
	background-color: #cbd28a;
	padding: 10px;
	border: solid 3px #bdc482;
}
input[type="image"] {
	border: 0;
	}

/*** TABLES ***/

table {border: 0px; padding: 0px; margin: 0px;}
tr {}
td.carriers {font-size: 16px; padding-bottom: 5px; text-align: center; width: 50%;}


                

td.title {font-size: 16px; padding-bottom: 40px; text-align: center; width: 50%;}


/*** LAYOUT ***/

#wrapper {
	width: 990px;
	margin: 0 auto;
	height: 100%;
}

h1#flashlogo {
margin:0;
padding: 0;
}
h1#logo {
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
	text-indent: -9999px;
	display: block;
	}
h1#logo a {
	background: url(../images/logo-citylifeline2.png) no-repeat left top;
	width: 990px;
	height: 60px;
	display: block;
	border: 0;
	}

#primary {
	clear: left;
	margin: 0;
		height: 100%;
	font-size: 0.95em;
	min-height:100%;
	
	}

#sideliner{
background-color: #ffffff;
}

.sideliner {
	clear: left;
	background-color: #fff;
	margin: 0;
		height: 100%;
	}
	
#mainContent {
	float: left;
	width: 665px;
	padding: 10px 10px 10px 0;
		/*background: #f5f8fc url(../images/sideliner.png) repeat-y right top;*/
		
	/*border-right: 3px solid #eee;*/
		height: 100%;
		
		background-color: #ffffff;
	}
	
#photoBox {
	background: #fff url(../images/shadow-photo.png) no-repeat left bottom;
	padding: 10px 0 22px 10px;
	}
/*#photoBox img {
	padding-left: 10px;
	}*/
	
#photoBox img
{
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
}

#posts, div.entry
{
	height: 100%;
	

	}
		
 #posts {
	margin: 0 0 20px 10px;
	padding: 10px 10px;
	width: 600px;
	height: 100%;
	background-color: #ffffff;
	}
	
/*#explanation h2 {
	color: #444;
	margin-top: 10px;
	}
#explanation h3, #bios h3 {
	margin-top: 20px;
	color: #222;
	}
	
#bios h3 {
	font-size: 1.3em;
	}
#explanation p, #bios p, #more p {
	line-height: 1.3em;
	}
	
#more p {
	font-size: 1.1em;
	margin: 0.7em 0;
	}
	
#explanation p {
	font-size: 1.1em;
	margin: 0.7em 0 0;
	}
	
#bios p {
	font-size: 1em;
	margin: 0.3em 0 0.7em 0;
	}
	
#benefitsBox {
	margin: 0 0 15px 15px;
	padding: 0 0 10px 0;
	background: #E5EEFB url(../images/bottom-benefitsbox.png) no-repeat left bottom;
	}
#benefitsBox h2 {
	padding: 15px 0 5px 10px;
	margin: 0;
	background: url(../images/top-benefitsbox.png) no-repeat right top;
	}
#benefitsBox p {
	padding: 12px 5px 12px 35px;
	}
#benefitsBox p.caption {
	font-size: 95%;
	padding: 0 10px 10px 10px;
	}
*/
#message {
	clear: both;
	/* background: #fff url(../images/icon-signal.png) no-repeat 2em 1.2em; */
	font-size: 95%;
	/* border-top: 1px solid #ddd; */
	border-bottom: 1px solid #ccc;
	margin: 0 10px;
	padding: 10px 35px;
	}
#message strong {
	padding-right: 5px;
  text-transform: uppercase;
  color: #FF5E11;
	}
	
/* --- SIDEBAR --- */
	
#sideBar {
display: none;
	}
#sideBar p,#sideBar li {
	color: #666;
	line-height: 1.4em;
	font-size: 95%;
	margin: 5px 0 10px 0;
	list-style:none;
	}
	
/*	
#continueReading, #moreTestimonials, #contactNow, #viewPartners {
	text-indent: -9999px;
	display: block;
	margin: 10px 0;
	}
#continueReading a, #moreTestimonials a, #contactNow a {
	width: 111px;
	height: 16px;
	display: block;
	border: 0;
	}
#viewPartners a {
	width: 123px;
	height: 16px;
	display: block;
	border: 0;
	}

#continueReading a { background: #fff url(../images/button-continue-reading.gif) no-repeat left center;}
#moreTestimonials a { background: #fff url(../images/button-more-testimonials.gif) no-repeat left center;}
#contactNow a { background: #fff url(../images/button-contactnow.gif) no-repeat left center;}
#viewPartners a { background: #fff url(../images/button-view-partners.gif) no-repeat left center;}

#continueReading a:hover {
	background: url(../images/button-continue-reading-on.gif) no-repeat left top;
	display: block;
	border: 0;
	}
	
#moreTestimonials a:hover {
	background: url(../images/button-more-testimonials-on.gif) no-repeat left top;
	display: block;
	border: 0;
	}
	
#contactNow a:hover {
	background: url(../images/button-contactnow-on.gif) no-repeat left top;
	display: block;
	border: 0;
	}
	
#viewPartners a:hover {
	background: url(../images/button-view-partners-on.gif) no-repeat left top;
	display: block;
	border: 0;
	}*/

div.partnerLogo {
	margin: 10px 5px;
	padding: 5px;
	float: left;
	height: 80px;
	}
div.testimonials {
	background: #fff url(../images/closequote-grey.gif) no-repeat right top;
	}
div.testimonials h3 {
	padding: 0;
	}
div.testimonials em {
	display: block;
	padding-bottom: 5px;
	font-style: normal;
	}
	
 div.testimonials {
	padding: 5px 10px;
	}
 div.testimonials h3 {
	line-height: 1.2em;
	}

#footer p {
	margin-bottom: 12px;
	font-size: 85%;
	line-height: 1.4em;
	}
	
/*div.benefitOne, div.benefitTwo, div.benefitThree {
	background: #fff url(../images/right-benefitbox.gif) no-repeat right bottom;	
	margin: 0 10px 2px 10px;
	padding: 0 10px;
	}

div.benefitOne p { background: #fff url(../images/1.gif) no-repeat left 0.7em; }
div.benefitTwo p { background: #fff url(../images/2.gif) no-repeat left 0.7em; }
div.benefitThree p { background: #fff url(../images/3.gif) no-repeat left 0.7em; }

#actions {
	padding-left: 20px;
	}

#contacts {
	float: left;
	text-indent: -9999px;
	display: block;
	margin: 0 25px 0 0;
	}
#contacts a {
	background: url(../images/button-contacts.png) no-repeat left top;
	width: 176px;
	height: 28px;
	display: block;
	border: 0;
	}
	
#contacts a:hover {
	background: url(../images/button-contacts-on.png) no-repeat left top;
	display: block;
	border: 0;
	}
	
#knowMore {
	float: left;
	text-indent: -9999px;
	display: block;
	margin: 0;
	}
#knowMore a {
	background: url(../images/button-knowmore.png) no-repeat left top;
	width: 267px;
	height: 28px;
	display: block;
	border: 0;
	}
	
#knowMore a:hover {
	background: url(../images/button-knowmore-on.png) no-repeat left top;
	display: block;
	border: 0;
	}

	
div.contactUs, div.knowMore {
	float: left;
	padding-left: 20px;
	}
*/
#footer {

	clear: both;
	color: #aaa;
	text-align: center;
	background: #d4dfee;
	padding: 20px 0;
	margin: 0;
	}
	
#footer a:link, #footer a:active, #footer a:visited {
	color: #777;
	}

#footer a:hover {
	color: #444;
	text-decoration: underline;
	}
	
	
.clear {
	clear: both;
}

/*Contact Form*/

/*fieldset {
	margin: 1.5em 0 1em;
	padding: 1.1em;
	border: 1px solid #e8e8e8;
	background: #f8f8f8;
	}

legend {
	font-weight: bold;
	padding: 0 2px;
	margin: 0;
	}*/
	
/*label {
	float: left;
	width: 9em;
	}*/
	
/*input[type="text"] {
	width: 200px;
	padding: 1px;
	color: #111;
	}*/

/*#phone {
	width: 150px;
	padding: 1px;
	color: #111;
	}*/
/*
input[type="submit"] {
	width: 100px;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	}
	
input:focus, textarea:focus {
	background: #ffc;
	}
	
form textarea {
	width: 295px;
	height: 125px;
	font-family: inherit;
	font-size: 1.3em;
	border: 1px solid #ccc;
	padding: 5px;
}*/
	
/*.required {
	font-size: 1em;
	color: #777;
	font-weight: normal;
	font-style: normal;
}*/
	

* html #wrapper, 
* html #message, 
* html #benefitsBox, 
* html #actions,
* html #footer,
* html p {height: 1%;}

/*.flash-replaced .alt {
display: block;
height: 0;
position: absolute;
overflow: hidden;
width: 0;
}

.highlight{
background:#fbfbe1;
border:1px solid #f0e68c;
margin-bottom:10px;
padding:0 10px 10px 10px;
}


.newsticker {
	list-style-type: none;
	background: #ffffff;
}*/



/*** NAVIGATION ***/

#menu
{
display: none;
}

#nav {
  float:left;
  width: 100%;
  font-size: 85%;
  line-height: normal;
  text-transform: capitalize;
  }
#nav ul {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
  }
#nav li {
  float: left;
  background: url("../images/left.png") no-repeat left top;
  margin: 0;
  padding: 0 2px 0 5px;
  position: relative;

  }
#nav a {
  float: left;
  display: block;
  background: url("../images/right.png") no-repeat right top;
  padding: 9px 12px 8px 6px;
  text-decoration:none;
  font-weight: bold;
  color: #8FA0A7;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  color:#444;
  }

#nav li .currentnav {
  background-image:url("../images/left_on.png");
  }
  
home #nav li .currentnav a {
	background-image:url("../images/tab-white.gif");
	color:#444;
	padding-bottom: 8px;
	}
	

ul#menu h2, ul#menu h3 {
	width: 100%;
	font-size: 100%;
	line-height: normal;
	text-transform: capitalize;
	display: inline;
}

ul#menu li a {
  padding: 9px 12px 8px 6px;
  text-decoration:none;
  font-weight: bold;
  color: #8FA0A7;
}

ul#menu li a:hover {
text-decoration: none;
}

ul#menu li.mega a {
  padding: 9px 12px 8px 6px;
  text-decoration:none;
  font-weight: bold;
  color: #8fa0a7;

}


ul#menu li.mega a:hover {
text-decoration: none;
color: #444;
}

ul#menu div {
display: none;
}

ul#menu li.mega div {
border: 1px solid #8fa0a7;
width: 21em;
position: absolute;
top: 2.6em;
left: 0em;
padding: 1.3em;
background: #f7f7f7;
color: #8FA0A7;
}

ul#menu li.hovering div {
display: block;
}

ul#menu li.mega div a {
color: #8fa0a7;
padding: 0;
background-image: none;
text-decoration: none;
}

ul#menu li.mega div a:hover{

color: #444;
}

ul#menu li div a.more {
color: #390;
font-weight: bold;
}


ul#menu div h3 {
color: #f70;
font-weight: bold;
font-size: 1.1em;
}
ul#menu div p {
margin: 0 0 0.8em 0;
padding: 0;
}





ul#menu li.mega div ul {

  padding-left: 5px;
  padding-right: 5px;
  float: left;
  }

ul#menu li.mega div li {

background-image: none;
float: none;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 10px;
  border-bottom: #ededed solid 1px;
}


ul#menu li.mega div ul ul {

  list-style: disc;
  text-transform: none;
  float: none;
  margin-left: 10px;
  padding-left: 10px;
  }
  


/*---:[ comment styles ]:---*/
#comments { width: 500px; float: left; clear: both; }
	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('../images/trackback_bg.gif'); }
			.comment_meta { margin: 0 0 1.2em 0; }
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				.trackback .comment_num { padding: 0 0 0 20px; }
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				.comment_meta strong { font-size: 1.6em; }
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
			.comment .entry { padding: 0 15px; }
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/
#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }
	#comment_form p { padding: 0.6em 0; }
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }
		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		#comment_form .text_area { width: 321px !important; }
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		#comment_form .form_submit { padding: 0.4em 4px; background: url('../images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			
/*---:[ comment form styles ]:---*/
#login_form { width: 191px; padding: 1.0em 0 0 0; float: left; }
	#login_form p { padding: 0; }
		#login_form label { padding: 0; font-size: 1.2em; }
		#login_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		#login_form .form_submit { padding: 0.4em 4px; background: url('../images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		

/*---:[ search form styles ]:---*/
/*#search_form { }
	#search_form .search_input { width: 221px; padding: 3px; color: #003366; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	li.widget .search_input { font-size: 1.1em !important; }
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }*/
		
		
.error {
	color: #FC3307;
	border: 1px solid #FC3307;
}

/*.message {
	color: #090;
	border: 1px solid #7ed500;
}

p.error, p.message {
	padding: 1em;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 2em;
}*/

#testimonial_title
{
	background: url(../images/closequote-grey.gif) right top no-repeat;
	vertical-align: bottom;
	height: 31px;
}

#testimonial
{
	padding: 0px 25px 0px 15px;
}


/* CSS FOR OVERLAY */ 
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../images/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/apple-close.png); 
    position:absolute; 
    right:13px; 
    top:5px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
} 
 
/* black */ 
div.overlay.black { 
    background:url(../images/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../images/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
} 

/* use a semi-transparent image for the overlay */ 
div.overlay{ 
	display: none;
   background-image:url(../images/white.png) no-repeat !important; 
    color:#000; 
    width:550px; 
	height: 426px;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height:400px; 
    overflow-y:auto; 
}

/*** BUTTONS ***/

.buttons, .buttons:visited {
padding-left: 10px;
padding-bottom: 6px;
padding-right: 10px;
padding-top: 5px;
background: #222 url(../images/alert-overlay.png) repeat-x; 
display: inline-block; 
color: #fff; 
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.buttons:hover								{ background-color: #111; color: #fff; }
.buttons:active								{ top: 1px; }
.small.buttons, .small.buttons:visited 		{ padding-right: 6px; padding-left: 6px; padding-bottom: 2px; padding-top: 2px; font-size: 11px; ; }
.buttons, .buttons:visited,
.medium.buttons, .medium.buttons:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.buttons, .large.buttons:visited 		{ margin-right: 10px; font-size: 14px; padding: 8px 14px 9px; }

.green.buttons, .green.buttons:visited		{ background-color: #80D154; }
.green.buttons:hover						{ background-color: #4F9728; }
.lightblue.buttons, .lightblue.buttons:visited		{ margin-left: 10px; background-color: #A5BDE7; }
.lightblue.buttons:hover							{ background-color: #5481D1; }
.blue.buttons, .blue.buttons:visited		{ background-color: #5481D1; }
.blue.buttons:hover							{ background-color: #285097; }
.red.buttons, .red.buttons:visited			{ background-color: #e33100; }
.red.buttons:hover							{ background-color: #872300; }
.magenta.buttons, .magenta.buttons:visited	{ background-color: #a9014b; }
.magenta.buttons:hover						{ background-color: #630030; }
.orange.buttons, .orange.buttons:visited	{ background-color: #ff5c00; }
.orange.buttons:hover						{ background-color: #d45500; }
.yellow.buttons, .yellow.buttons:visited	{ background-color: #ffb515; }
.yellow.buttons:hover						{ background-color: #fc9200; }

button.buttons { border: 0px; }

#map_canvas
{
	width:645px; height:400px;
	text-align: center;
	border: 3px solid #cccccc;
	margin: 10px;
}

.sitemap
{
	margin-left: 50px;
}