/********************
rainstormconsulting.com base styles

Original 3.31.2008
Version 8.26.2008

Built by RainStorm Consulting
contact@rainstormconsulting.com

Please request permission prior to use.
********************/

/**********
1.0 Basic Elements
**********/

body {
	margin: 0;
	padding: 0;
	background: #333;
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: center;
}

a:link {
	color: #4a69af;
}

a:visited {
	color: #999;
}

a:active {
	color: #cadbff;
}

a:hover {
	color: #2954a8;
}

#container {
	width: 980px;
	margin: 0 auto;
	background: url('../images/content/container_bg.gif') top right repeat-y;
	text-align: center;
}

#inner-container {
	width: 960px;
	margin: 0 auto;
	background: #fff url('../images/content/content-container_bg.gif') top right repeat-y;
	text-align: left;
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

#branding-container {
	width: 960px;
	margin: 0 auto;
	height: 278px;
	background: url('../images/branding/branding_bg.gif') top left repeat-x;
}

#top-graphic {
	clear: both;
	height: 162px;
	background: url('../images/branding/top-graphic_bg.gif') bottom left no-repeat;
}

body#hide-sidebar #top-graphic {
	clear: both;
	height: 162px;
	background: url('../images/branding/top-graphic-hidesidebar_bg.gif') bottom left no-repeat;
}

/*****
2.2 alt-nav elements
*****/

.alt-nav {
	height: 18px;
	padding: 4px 20px 0 0;
	background: url('../images/branding/alt-nav_bg.gif') top right no-repeat;
	text-align: right;
}

.alt-nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
}

.alt-nav li {
	display: inline;
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0;
	padding: 0 0 0 14px;
}

.alt-nav a:link, .alt-nav a:visited, .alt-nav a:active {
	color: #fff;
	text-decoration: none;
}

.alt-nav a:hover {
	color: #cadbff;
	text-decoration: none;
}

/*****
2.3 Logo elements
*****/

.logo {
	float: left;
	width: 244px;
	height: 84px;
	padding: 0 0 0 12px;
}

.print-logo {
	display: none;
}

/*****
2.4 Mainnav elements
*****/

.main-nav {
	float: left;
	width: 593px;
	height: 35px;
	padding: 59px 0 0 111px;
}

.main-nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav li {
	display: inline;
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0 -4px 0 0;
	padding: 0;
}

/**********
3.0 Content Container Elements
**********/

/*****
3.1 Basic elements
*****/

body#standard #content-container {
	float: left;
	width: 100%;
	margin: 0 -275px 0 0;
	background: #fff url('../images/content/content-container_bg.gif') top right repeat-y;
}

body#hide-sidebar #content-container {
	background: #fff;
}

body#standard #content-area {
	margin: 0 275px 0 0;
	padding: 20px 0 20px 20px;
	font-size: 90%;
	line-height: 150%;
}

body#hide-sidebar #content-area {
	padding: 20px;
	font-size: 90%;
	line-height: 150%;
}

/* two-col */

#one-col {
	height: 1%;
	min-height: 0;
}

#two-col {
	text-align: center;
}

.two-col-box {
	float: left;
	width: 430px;
	padding: 0 20px 0 10px;
	text-align: left;
}

/* three-col */

#three-col {
	padding: 10px 0 0 0;
	border-top: 1px dotted #999;
	text-align: center;
}

.three-col-box {
	float: left;
	width: 286px;
	padding: 0 10px 0 10px;
	text-align: left;
}

.three-col-box img {
	padding: 10px 10px 0 10px;
}

/* Portfolio items */

#portfolio-projects {
	width: 660px;
	margin: 0 auto;
}

#portfolio-projects td {
	padding: 20px 0 0 0;
	border-top: 1px dotted #999;
}

#portfolio-projects .project {
	width: 188px;
	padding: 0 0 5px 0;
	font-weight: bold;
	text-align: center;
}

.project img {
	border: 1px solid #333;
}

#portfolio-featured {
	margin: 0 auto;
	text-align: center;
}

#portfolio-featured .project {
	margin: 10px 0 0 0;
	font-weight: bold;
	text-align: center;
}

#portfolio-featured-wide {
	margin: 0 auto;
	text-align: center;
}

#portfolio-featured-wide .project {
	float: left;
	width: 100px;
	margin: 0 25px 0 0;
	font-weight: bold;
	text-align: center;	
}

#portfolio-featured-wide .project:first-child {
	margin: 0 35px 0 35px;
}

/* FAQ items */

#faq-content li {
	background: url('../images/graphics/styled_bullet.gif') left 11px no-repeat;
	line-height: inherit;
}

#faq-content li.category {
	font-weight: bold;
	background: none;
	list-style: disc inside;
}

#faq-content .questions li.question {
	font-weight: normal;
	margin: 0 0 0 15px;
	list-style-type: none;
}

#faq-content .note {
	font-size: 12px;
	color: #787878;
}

.category-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.category-list li {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
}

.category .category-name {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 130%;
	color: #4a69af;
}

.subcategory .category-name  {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #333;
}

.questions {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

.questions li {
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 4px 0 4px 14px;
	background: url('../images/graphics/styled_bullet.gif') left 11px no-repeat;
}

/* News styles */

.news-item {
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px dotted #999;
}

.news-item p {
}

.news-item h3 {
	margin: 4px 0 4px 0;
	padding: 0 0 0 20px;
	font-size: 130%;
}

.news-list {
	list-style: none;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.news-list li {
	list-style-type: none; /* Repeated for IE/5 PC*/
	margin: 8px 0 8px 0;
	padding: 4px 0 4px 14px;
	background: url('../images/graphics/styled_bullet.gif') left 6px no-repeat;
	font-weight: bold;
}

/* Profile items */

.profile {
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #999;
}

.profile img {
	float: left;
	margin: 0 10px 10px 0;
}

/* Other content area items */

.sideitem {
	width: 260px;
	background: #eee;
	padding: 5px 10px 5px 10px;
	border-top: 16px solid #4a69af;
	border-right: 1px solid #4a69af;
	border-bottom: 1px solid #4a69af;
	border-left: 1px solid #4a69af;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

.horizontalitem {
	background: #eee;
	padding: 0 10px;
	border-top: 16px solid #4a69af;
	border-bottom: 1px solid #4a69af;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
}

.wide {
	width: 300px;
	padding: 10px;
	text-align: center;
}

.widgetitem {	
	padding: 5px 4px 4px 4px;
	border-top: 4px solid #4a69af;
	background: #eee;
}

.widgetitem img {
	vertical-align: middle;
}

.sideitem ul, .news-sidebar-entry ul, .news-sidebar ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

.sideitem li, .news-sidebar-entry li, .news-sidebar li {
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 4px 4px 4px 14px;
	background: url('../images/graphics/styled_bullet.gif') left 9px no-repeat;
}

.callout-graphic {
	float: right;
	width: 260px;
	margin: 5px 0 10px 20px;
}

.callout-graphic img {
	padding: 5px;
	border: 1px solid #333;
	background: #eee;
}

.caption {
	border-bottom: 1px dotted #999;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #333;
	text-align: right;
}

#one-col .caption {
	border: none;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #333;
	text-align: right;
}

#map {
	width: 300px;
	height: 300px;
	text-align: left;
}

.styled-list {
	list-style: none;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.styled-list li {
	list-style-type: none; /* Repeated for IE/5 PC*/
	margin: 0;
	padding: 4px 0 4px 14px;
	background: url('../images/graphics/styled_bullet.gif') left 9px no-repeat;
}

.quote {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 130%;
	line-height: 140%;
	font-style: italic;
}

.testimonial {
	border-bottom: 1px dotted #999;
}

.computer_bg {
	height: 60px;
	background: url('../images/content/computer_bg.gif') top left repeat-y;
}

.zenrocks_bg {
	height: 60px;
	background: url('../images/content/zenrocks_bg.gif') top left repeat-y;
}

.orono_bg {
	height: 60px;
	background: url('../images/content/orono_bg.gif') top left repeat-y;
}

/*****
3.2 Sidebar elements
*****/

body#standard #sidebar {
	float: right;
	width: 265px;
	padding: 10px 0 10px 0;
	font-size: 90%;
}

body#hide-sidebar #sidebar {
	display: none;
}

body#standard #sidebar p {
	margin: 0;
	padding: 5px 10px 5px 20px;
}

/**
3.2.1 Subnav elements
**/

.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.subnav li {
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0;
	padding: 5px 5px 5px 30px;
	border-bottom: 1px dotted #4a69af;
	font-size: 105%;
	font-weight: bold;
}

#two-col .news-sidebar {
	margin: 10px 0 0 0;
}

.news-sidebar, .newsletter-sidebar {
	margin: 30px 0 0 0;
	/*border-top: 1px dotted #4a69af;*/
}

/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 20px;
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 75%;
	text-align: left;
}

#suppnav-container a:link, #suppnav-container a:active, #suppnav-container a:visited {
	color: #ccc;
}

#suppnav-container a:hover {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

.social-networking a:hover {
	border-bottom: none !important;
}

#btm-cap {
	height: 39px;
	background: url('../images/suppnav/btm-cap_bg.gif') top left no-repeat;
	padding: 6px 0 0 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	color: #fff;
}

#btm-cap ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#btm-cap li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0 10px 0 0;
}

#btm-cap a {
	color: #fff;
	text-decoration: none;
}

#suppnav-container ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#suppnav-container li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0;
}

.st-credit {
	width: 80px;
	padding: 5px;
	background: #ccc;
}

.ie-suppnav-fix {
	display: none;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Page title*/
h1 {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 230%;
	color: #4a69af;
	font-weight: normal;
	line-height: 140%;
}

/*Page subtitle*/
h2 {
	padding: 0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 160%;
	line-height: 120%;
	color: #001949;
}

/*Sidebar heading*/
h3 {
	margin: 10px 0 4px 0;
	padding: 0 0 0 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 130%;
	line-height: 130%;
	color: #4a69af;
}

.sideitem h3 {
	font-size: 140%;
}

#content-area h3 {
	padding: 0;
}

#one-col h3 {
	padding: 0 0 10px 0;
}

h3.heading {
	border-bottom: 1px solid #4a69af;
}

/*Unused as of yet*/
h4 {
	margin: 0;
	padding: 0 0 0 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 110%;
	color: #4a69af;
}

#sidebar h4 {
	padding: 8px 0 8px 20px;
}

h4.news-subheading {
	margin: 8px 0 0 0;
	padding: 12px 0 8px 40px !important;
	background: url('../images/graphics/paperclip_icon16.gif') 20px 50% no-repeat;
}

/*Unused as of yet*/
h5 {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	color: #4a69af;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*****
5.2 Other fonts
*****/

.subcontent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

.center {
	text-align: center;
}

address {
	line-height: 180%;
	font-style: normal;
}

.intro {
	margin: 10px 0 4px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	color: #4a69af;
	font-weight: bold;
	line-height: 150%;
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

.standard_form {
	margin: 10px;
}

.standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #333;
}

.standard_form legend {
	color: #1f3f65;
	font-size: 110%;
	font-weight: bold;
}

.standard_form label {
}

.standard_form input, .standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: #eee;
	vertical-align: middle;
}

.standard_form input:focus, .standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

#submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #4a69af !important; /* change this to match your site's colors */
	font-family: inherit;
	color: #fff;
	font-weight: bold;
}

.form_align_table {
}

.form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

/**********
7.0 Etc. Elements
**********/

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

.middle {
	vertical-align: middle;
}

.middle img {
	vertical-align: middle;
}

.divider {
	color: #f9f9f9;
}

.right {
	text-align: right;
}

.strong {
	font-weight: bold;
}

.styled-table {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.styled-table td {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.shaded {
	background: #f0f0f0;
}

.print-notice {
	display: none;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*****
2.1 Inline page elements
*****/

.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

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

.warning, .confirm, .error {
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 36px;
	background: #eee url('../images/graphics/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #000;
}

.error {
	background: #eee url('../images/graphics/error_15.gif') 5px 50% no-repeat;
}

.confirm {
	background: #eee url('../images/graphics/confirm.gif') 5px 50% no-repeat;
}

/* IE fix */

* html .appearfix { height: 0.01%; }



/** *************************** **/