/* STYLE SHEET FOR [CAPSTONE.COM] SITE

Author: Andrew C. Barrows | pv2barrows@gmail.com | Web Developer @ Capstone LLC.



Table Of Contents



	1. defaults

	2. main layout

	3. navigation

	4. links

	5. fonts
	
	6. form elements
	
	7. custom pages	

*/

/* - 1. defaults - */

body {
	background:#9faec1;
}

html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, button {
border:0pt none;
margin:0pt;
padding:0pt;
}

ul, ol, li { 
  list-style-type:none; 
  line-height:2.0;
}

.clear { 
	clear:both;
	}
	
a, button { 
	outline:none;
	}
	
a {
	color:#9faec1;
	}
	
a:hover {
	text-decoration:none;color:#ccc;
	}
	
legend {
	display:none;
	}
	
button { 
	cursor:pointer;
	}

a:link, a:visited, a:selected {
	text-decoration:none;
}


/* - 2. Main Layout - */

div#top_banner {
	width:950px;
}

div#outer_shell {
	background:url('../images/horizontal_repeater.jpg') repeat-x;
	width:100%; height:auto; /* PLEASE TAKE OUT BEFORE BETA */
	margin:0px;
	padding:0px;
}

	div#inner_shell {
		width:875px;
		height:auto; 
		margin:0px auto;
		padding:0px;
		position:relative;
	}

h1#logo {
	padding:0px;
	margin:0px;
	width:292px;
	height:109px;
	float:left;
}

div#main_tagline {
	float:left;
	width:875px;
	height:101px;
	background:transparent url('../images/main_tagline.jpg') no-repeat 0px 0px;
	text-indent:-99999px;
}

div#bullet_area {
	float:left;
	width:875px;
	height:203px;
	background:transparent url('../images/bullets_area.jpg') no-repeat 0px 0px;
}

div#bullet_area ul {
	float:left;
	margin:-14px 0px 0px 0px;
	padding:14px 210px 0px 76px;
}

div#bullet_area ul li {
	display:block;
	line-height:1.15;
	padding-bottom:7px;
}

div#bullet_area ul li span {
	font-size:18px;
	color:#fd6a67;
}

div#bullet_area ul li p {
	display:inline;
	font-size:13px;
	color:#fff;
}

div#bullet_area ul li p.callout {
	display:inline;
	font-size:14px;
	color:#fff;
}

div#bullet_area ul li span.cap_letter {
	font-size:40px;
	color:#9faec1;
}

div#home_content_area {
	background:transparent url('../images/vertical_repeater.jpg') repeat-y;
	width:875px;
	height:auto;
	float:left;
	padding:14px 0 0 70px;
}

div.home_solutions_box {
	float:left;
	height:235px;
	width:240px;
	background:transparent url('../images/shadow_splitter.jpg') no-repeat top right;
	padding:0 1px 0 14px;
	position:relative;
}

 	div.home_solutions_box h2 {
		color:#fd6a67;
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	
	div.home_solutions_box p {
		font-size:14px;
		text-align:left;
		color:#474747;
		width:220px
	}
	
	div.home_solutions_box p img {
		text-align:center;
		display:block;
		margin:0px auto;
		padding:7px;
	}
	
    span.read_more a  {
		position:absolute;
		right:25px;
		top:230px;
		color:#fd6a67;
		font-weight:bold;
		text-decoration:italic;
	}

div#news_highlights {
	width:444px;
	height:295px;
	float:left;
	border:1px solid #9faec1;
}

div.home_news_entry {
	position:relative;
	padding:14px;
}

div#home_testimonial_area {
	width:359px;
	height:311px;
	float:left;
	background:transparent url('../images/testimonial_area.jpg') no-repeat;
	color:#9faec1;
}

div#footer {
	background:transparent url(../images/footer_bottom_cap.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	height:auto;
	padding:37px 0 37px 86px;
	width:875px;
}

h3#news_title {
	color:#556477;
	font-size:22px;
	padding:9px 0px 7px 14px;
}

p.signature {
	font-size:12px;
	margin:-30px 0px 0px 75px;
}

p#footer_copy {
	float:left;
	font-size:12px;
	width:435px;
}

p#footer_links {
float:left;
width:350px;	
}

ul#footer_links li {
	display:inline;
}

ul.highlight_list {
	font-size:12px;
	font-weight:bold;
	color:#556477;
	line-height:1.5;
	padding:7px 0px;
}
	/* - 3. navigation - */
		
	div#navigation {			
		width:583px;
		height:108px;
        margin:0 0 0 75px;
		float:left;
	}

						
		div#navigation ul#navigation li {
			display:inline;
			float:left;
		}
		
		div#navigation ul li a span {
			display: none;
		}
		div#navigation ul#navigation li#home a { background:url('../images/home_button.jpg') no-repeat; width:52px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#home a:hover { background:url('../images/home_button_over.jpg') no-repeat; width:52px; height:109px; display:block; }
		div#navigation ul#navigation li#home a.selected { background:url('../images/home_button_over.jpg') no-repeat; }

		div#navigation ul#navigation li#about a { background:url('../images/about_button.jpg') no-repeat; width:69px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#about a:hover { background:url('../images/about_button_over.jpg') no-repeat; width:69px; height:112px; display:block; }
		div#navigation ul#navigation li#about a.selected { background:url('../images/aboutc_button_over.jpg') no-repeat; }

		div#navigation ul#navigation li#news a { background:url('../images/news_button.jpg') no-repeat; width:52px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#news a:hover { background:url('../images/news_button_over.jpg') no-repeat -1px 0px; width:52px; height:109px; display:block;  }
		div#navigation ul#navigation li#news a.selected { background:url('../images/news_button_over.jpg') no-repeat; }

		div#navigation ul#navigation li#solutions a { background:url('../images/solutions_button.jpg') no-repeat; width:85px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#solutions a:hover { background:url('../images/solutions_button_over.jpg') no-repeat 0px 0px; width:85px; height:109px; display:block; }
		div#navigation ul#navigation li#solutions a.selected { background:url('../images/solutions_button_over.jpg') no-repeat; }

		div#navigation ul#navigation li#partners a { background:url('../images/partners_button.jpg') no-repeat; width:72px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#partners a:hover { background:url('../images/partners_button_over.jpg') no-repeat; width:72px; height:109px;; display:block; }
		div#navigation ul#navigation li#partners a.selected { background:url('../images/partners_button_over.jpg') no-repeat; }

		div#navigation ul#navigation li#library a { background:url('../images/library_button.jpg') no-repeat; width:61px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#library a:hover { background:url('../images/library_button_over.jpg') no-repeat; width:61px; height:109px; display:block; }
		div#navigation ul#navigation li#library a.selected { background:url('../images/library_button_over.jpg') no-repeat; }

		div#navigation ul#navigation li#contact a { background:url('../images/contact_button.jpg') no-repeat; width:106px; height:109px; border:0; display:block; }
		div#navigation ul#navigation li#contact a:hover { background:url('../images/contact_button_over.jpg') no-repeat; width:106px; height:109px; display:block; }
		div#navigation ul#navigation li#contact a.selected { background:url('../images/contact_button_over.jpg') no-repeat; }

		div#navigation ul li#home {
			background: url('../images/home_button.jpg') no-repeat;
			width:52px; height:109px;
		}
				
		div#navigation ul li#about {
			background: url('../images/about_button.jpg') no-repeat;
			width:69px; height:109px;
		}

		div#navigation ul li#news {
			background: url('../images/news_button.jpg') no-repeat;
			width:52px; height:109px;
		}
		
		div#navigation ul li#solutions {
			background: url('../images/solutions_button.jpg') no-repeat;
			width:85px; height:109px;
		}
		
		div#navigation ul li#partners {
			background: url('../images/partners_button.jpg') no-repeat;
			width:74px; height:109px;
		}

		div#navigation ul li#library {
			background: url('../images/library_button.jpg') no-repeat;
			width:61px; height:109px;
		}
		
		div#navigation ul li#contact {
			background: url('../images/contact_button.jpg') no-repeat;
			width:106px; height:109px;
		}
		
/* - 5. fonts - */

html, body {
	font-family:verdana, helvetica, arial;
	color:#474747;
	line-height:1.5;
	font-weight:normal;
	font-size:14px;
}		

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#474747;
}

h3.accented_title {
	color:#474747;
	font-size:small;
	display:inline;
}

p.caption {
	font-size:12px;
	text-decoration:italic;
	color:#556477;
	padding:5px 0px;
}

span.date {
	color:#474747;
	font-size:14px;
	position:absolute;
	right:10px;
	text-align:right;
	width:182px;
}

p.testimonial {
color:#556477;
font-size:13px;
line-height:1.25;
padding:67px 58px 54px 73px;
}

p.default_text {
	font-size:14px;
	color:#474747;
	line-height:1.5;
	width:700px;
	padding:14px;
}

p.bordered_default_text {
	font-size:14px;
	color:#474747;
	line-height:1.5;
	width:700px;
	padding:14px;
	margin:12px 0px;
	border:1px solid #ccc;
}

 span.dropcap {
	color:#D4D4C7;
	display:block;
	float:left;
	font-family:Times,serif,Georgia;
	font-size:54px;
	margin:-17px 5px -30px 0px;	

}

h4.special_highlight {
	color:#d4d4c7;
}

span.fake_bullet {
	background: #fff url('../images/arrow_right_green_48.png') no-repeat 0 -10px;
	line-height:2;
	display:block;
	height:54px;
	padding-left:64px;
	font-weight:bold;
}
/* --- ABOUT US PAGE ---*/

div.definition {
	width:450px;
	border:1px solid #ccc;
	padding:14px;
	margin-bottom:50px;
}

ol.text_definition {
	line-height:0px;
	width:700px;
}

ol.text_definition li{
	padding:7px 14px;
	line-height:1.5;
}

div#definition {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	width:500px;
}

h1.definition_title {
	font-size:28px;
	display:inline;
	color:#9faec1;
}

span.keyword {
color:#FD6A67;
font-size:18px;
}

p.highlighted_text {
color:#474747;
display:inline;
font-size:13px;
width:700px;
}

/* --- Consulting Services ---*/

div#technology_highlights {
	border:1px solid #9FAEC1;
	float:left;
	height:695px;
	width:444px;
}	
	
	/*--- Managed Services ---*/
	
	h3.supporting_title {
		color:#556477;
		font-size:22px;
	}
ul.bordered {
	border:1px solid #ccc; 
	width:700px;
}

ul.bordered li {
	border:1px solid #ccc;
	padding:7px;
}