/*
Theme Name: RealtyCom (revision 4)
Theme Author: Andy Stratton
Theme URI: http://www.blueskymultimedia.net
*/
@CHARSET "ISO-8859-1";

/* Resetters */
h1,h2,h3,h4,h5,h6,h7,ul,ol,li,dl,dd,dt,p,blockquote { margin: 0; padding: 0; }
ul,ol,dl { list-style: none; }

.clear { clear: both; }

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }

body {
 margin: 0;
 padding: 0;
 font: 14px Georgia,sans-serif;
 text-align: center;
 color: #303030;
}

#page {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 849px;
	height: 133px;
	overflow: hidden;
	background: url(images/header_building2.jpg) top left no-repeat;
}

/* Header Images */
html body #page div.header-fiber1 { background-image: url(images/header_fiber1.jpg); }
html body #page div.header-fiber2 { background-image: url(images/header_fiber2.jpg); }
html body #page div.header-wire1 { background-image: url(images/header_wire1.jpg); }
html body #page div.header-wire2 { background-image: url(images/header_wire2.jpg); }
html body #page div.header-switch { background-image: url(images/header_switch.jpg); }
html body #page div.header-building1 { background-image: url(images/header_building1.jpg); }
html body #page div.header-building2 { background-image: url(images/header_building2.jpg); }

	#header h1 {
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		height: 70px;
		width: 500px;
		overflow: hidden;
		position: relative;
	}
	
		#header h1 a {
			display: block;
			width: 500px;
			padding: 70px 0 0 0;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#header span.title {
			position: absolute;
			top: -9999px;
		}
		
#nav {
	margin: 0;
	padding: 6px 0 0 0;
	list-style: none;
	height: 30px;
	text-align: center;
	font-family: Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: url(images/nav_bg.gif) top left repeat-x;
	border-right: 1px solid #fff;
}

	#nav li {
		display: inline;
		border-right: 2px solid #eaeac6;
	}
	
	#nav li.last {
		border: none;
	}
	
		#nav li a {
			color: #EAEAC6;
			letter-spacing: -.05em;
			text-decoration: none;
			padding: 0 1em;
		}
		
		#nav li a:hover, #nav li a.active { 
			color: #fff;
		}
		
#container {
	background: #d0deee url(images/container_bg.gif) top left repeat-y;
}

#content {
	float: right;
	width: 568px;
	background: #fff url(images/content_bg.gif) bottom left repeat-x;
	font-size: 16px;
	line-height: 1.3333em;
}

	#content h2 {
		font-size: 1.75em;
		font-weight: normal;
		color: #2B6B74;
		margin: 0;
		padding: .75em 0 0;
	}
		
		#content h2 + p { /* paragraph immediately following an h2. */
			margin-top: .25em;
		}

	#content a {
		color: #47727b;
	}

	#content span.branding {
		color: #427a84;
		font-size: 1.5em;
	}

	#content p {
		margin: 1em 0;
	}

	#content div {
		padding: 0 3em 2em 2em;
	}

	#content ul {
		margin: 1em 1em 1em 2.5em;
		list-style: disc;
	}

#sidebar {
	background: url(images/sidebar_top_bg.gif) top left no-repeat;
	color: #fff;
	line-height: 1.15em;
	font-size: .9em;
	margin: 0 568px 0 0;
	padding: 1em 1em 4em;
	min-height: 300px;
}

	#sidebar a { color: #fff; }

	html body #page .sidebar-1 { background-image: url(images/sidebar_1.jpg); }
	html body #page .sidebar-2 { background-image: url(images/sidebar_2.jpg); }
	html body #page .sidebar-3 { background-image: url(images/sidebar_3.jpg); }
	html body #page .sidebar-4 { background-image: url(images/sidebar_4.jpg); }
	html body #page .sidebar-5 { background-image: url(images/sidebar_5.jpg); }
	html body #page .sidebar-6 { background-image: url(images/sidebar_6.jpg); }
	html body #page .sidebar-7 { background-image: url(images/sidebar_7.jpg); }

	#sidebar blockquote {
		font-size: 1.25em;
		margin: 0;
		padding: .5em 1em;
		line-height: 1.5em;
		background: #5A7F85;
		opacity: .67;
		-moz-opacity: .67;
		filter: alpha(opacity=67);
		display: inline-block;
	}
	
	#sidebar p.right {
		display: inline-block;
		background: #5A7F85;
		opacity: .67;
		-moz-opacity: .67;
		filter: alpha(opacity=67);
		padding: 0 1em 1em;
	}

	#sidebar .callouts {
		zoom: 1; 
		list-style: none;
		margin: 0;
		padding: 1em 0;
		font-size: 1.25em;
		line-height: 1.2em;
		background: #5A7F85;
		opacity: .67;
		-moz-opacity: .67;
		filter: alpha(opacity=67);
	}
	
		#sidebar .callouts li { 
			padding: 0 .25em 2.3333em 1em;
		}
		
			#sidebar .callouts li strong {
				font-size: 1.5em;
				letter-spacing: -.02em;
				font-weight: normal;
			}
	
#footer {
	clear: both;
	text-align: center;
	background: #fff url(images/container_bottom.gif) top left no-repeat;
	padding: 2.5em 0;
	font-size: .875em;
	color: #666;	
}

#contactform label {
	display: block;
	float: left;
	clear: left;
	width: 120px; 
}

#contactform textarea, #contactform input {
	font: .75em Arial,sans-serif;
}

#contactform textarea {
	height: 80px;
	width: 220px;
	vertical-align: top;
}

#contactform .errors {
	color: #900;
	border: 1px solid;
	padding: 1em;
	margin: 1em;
	background: #FFFAAE;
	font-size: .75em;
}

	#contactform .errors ul {
		list-style: disc;
		margin: 0 0 0 3em;
		padding: 0;
	}
	
	#contactform .whatsthis {
		font-size: .675em;
		color: #303030;
		text-decoration: underline;
		cursor: pointer;
	}