/*
Theme Name: Cyanna
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* element layout */

body
{
	 FONT-FAMILY: Helvetica Neue, Tahoma, Arial, sans-serif;
	 BACKGROUND: #e7e5e3; /* medium grey #c8c3be */
	 margin: 0px;
	 text-align:center;
}

h1 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 22px;
	TEXT-ALIGN: left;
	TEXT-TRANSFORM: none;
    MARGIN: 10px 30px 0px 30px;
    COLOR: #463e30;
    LINE-HEIGHT: 22px;
}

h2 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
	TEXT-ALIGN: left;
	TEXT-TRANSFORM: none;
	MARGIN: 12px 30px 0px 30px;
    COLOR: #d64d31;
    LINE-HEIGHT: 22px;
}

h3 
{
    FONT-WEIGHT: normal;
	FONT-STYLE: italic;
    FONT-SIZE: 17px;
	TEXT-ALIGN: left;
    MARGIN: 10px 30px 0px 30px;
    COLOR: #463e30;
    LINE-HEIGHT: 19px;
}

h4 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 15px;
	TEXT-ALIGN: left;
    MARGIN: 10px 30px 0px 30px;
    COLOR: #463e30;
    LINE-HEIGHT: 17px;
}

h5 
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
	TEXT-ALIGN: center;
    MARGIN: 10px 30px 0px 30px;
    COLOR: #463e30;
    LINE-HEIGHT: 14px;
}

h6 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	TEXT-ALIGN: center;
    MARGIN: 10px 30px 10px 30px;
    COLOR: #463e30;
    LINE-HEIGHT: 14px;
}

a
{
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    COLOR: #d64d31;
}

a:hover
{
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    COLOR: #ee5236;
}

.blurb
{
    FONT-FAMILY: Helvetica Neue, Tahoma, Arial, sans-serif;
    FONT-SIZE: 12px;
}

.solution-title
{
    FONT-FAMILY: Helvetica Neue, Tahoma, Arial, sans-serif;
    FONT-SIZE: 16px;
}

td
{
	vertical-align: top;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
	TEXT-ALIGN: left;
	MARGIN: 10px 30px 20px 30px;
    COLOR: #463e30;
}


/* font formatting */
p 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
	TEXT-ALIGN: left;
	MARGIN: 10px 30px 20px 30px;
    COLOR: #463e30;
    LINE-HEIGHT: 18px;
}

ol, ul, li 
{
	list-style:disc outside none;
}

ul 
{
	color:#463E30;
	margin:0px 50px 20px 60px;
	text-align:left;
}

ol 
{
	color:#463E30;
	margin:0px 50px 20px 60px;
	text-align:left;
}

li
{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

.tabletext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
	TEXT-ALIGN: center;
    COLOR: #463e30;
    LINE-HEIGHT: 14px;
}


#main-nav 
{
	color:#463E30;
	margin:0;
	padding:0 17px;
	zoom:1;
	position:relative;
	left:0;
	top:8px;
}

#main-nav li 
{
	display:block;
	margin:0;
	padding:0;
	float:left;
	font-size:15px;
	font-weight:normal;
	line-height:1em;
	text-align:left;
	letter-spacing:1px;
}

#main-nav a 
{
	color:#FFFFFF;
	display:block;
	float:left;
	line-height:1em;
	margin:0 4px;
	padding:7px 15px 17px;
	text-decoration:none;
	border:0px solid yellow;
}

#main-nav a:hover
{
    COLOR: #463e30;
}

#main-nav .current_page_item a, #main-nav .current_page_parent a, #main-nav a:hover, #main-nav a:hover  {
    background-color: #C3BFBB;
    COLOR: #463e30;
}


#second-nav, #second-nav li 
{
	list-style:none outside none;
}

#second-nav 
{
	margin:0 0 9px;
	padding:0;
	position:relative;
	top:9px;
	left:0;
	letter-spacing:1px;
	zoom:1;
}

#second-nav .heading
{ 
	font-size: 18px;
	color:#FFFFFF;
	text-transform:uppercase;
    border-bottom:1px solid white;
    padding:0 15px 11px;
}

#second-nav li 
{
	border-bottom:1px solid transparent;	
	display:block;
	margin:0;
	padding:0;
}

#second-nav .current_page_item, #second-nav .current_page_parent 
{
    background-image:url("images/nav_two_rollover.jpg");
    color:#FFFFFF;
    text-decoration:none;
}

#second-nav a 
{
	border-bottom:1px solid;
	color:#FFFFFF;
	font-size:12px;
	display:block;
	margin:0;
	padding:11px 15px;
	text-decoration:none;
}

#second-nav a:hover
{
    TEXT-DECORATION: none;
    COLOR: #ffffff;
	background-image:url(images/nav_two_rollover.jpg)
}

#second-nav.home-page a{ font-size:17px; }
#second-nav.home-page .blurb{ display:block; margin-top:5px; }

#news-nav, #news-nav li {
	list-style:none outside none;
}

#news-nav 
{
	left:0;
	margin:0 0 9px;
	padding:0;
	position:relative;
	top:9px;
}

#news-nav .heading 
{
	border-bottom:1px solid white;
	color:#FFFFFF;
	font-size:18px;
	padding:0 15px 11px;
	text-transform:uppercase;
}


#news-nav li 
{
	border-bottom: 1px solid #FFFFFF;
	display:block;
	margin:0;
	padding:0;
}

#news-nav a 
{
	text-decoration:none;
	color:#FFFFFF;
}

#news-nav a:hover 
{
	text-decoration:underline;
}

#news-nav h3
{
	color:#FFFFFF;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	line-height:20px;
	margin:10px 20px 0;
	text-align:left;
}

#news-nav p 
{
margin:5px 20px 10px;
padding: 0;
font-size:12px;
color: #FFFFFF;
}

#base-nav, #base-nav li 
{
	list-style:none outside none;
}

.base-nav
{ 
	margin:23px 10px 40px;
	padding:0 10px;
}

.base-nav .heading
{ 
	font-size:11px;
	color:#91877e;
}

.base-nav li
{
	font-size:10px;
	color:#91877e;
	display: block;
	padding: 0px;
	margin:4px 0 0;
}

.base-nav hr
{
	border:0;
	height:1px;
	color:#91877e;
	background-color:#91877e;
}

#social-links 
{
	float:right;
	position:relative;
	top:5px;
	right:135px;
}

#next-prev-news-nav{
	font-size:14px;
	padding:5px;
	text-align:center;
}

.base-nav, .base-nav li {
	list-style:none outside none;
}

.base-nav a
{
    TEXT-DECORATION: none;
    COLOR: #91877e;
}

.base-nav a:hover
{
    TEXT-DECORATION: none;
	COLOR: #ffffff;
}


.hentry
{
	border-bottom:1px dotted gray;
}

#timeline 
{
	border-collapse: collapse;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0px auto;
	width: 481px;
}

#timeline TD 
{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	text-align: left;
	padding: 3px;
	vertical-align: top;
}

#timeline .step
{
	background: #F05538;
	color: #FFF;
	font-weight: bold;
	padding: 3px 10px;
}

#timeline .title 
{
	font-weight: bold;
}

form {
	margin:20px;
}

.formTable {  }
.formTable td{ padding:7px 10px; }
.formTable td table{ padding:0; }


form label{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #463e30;
    LINE-HEIGHT: 10px;
    padding: 0 10px 0 10px;
}

.leftColAlignRight label{
	display:block;
	text-align:right;
}

#submitButton{ margin:10px; }



.contacttablehead
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 22px;
	TEXT-ALIGN: left;
	PADDING-LEFT: 20px !important;
    COLOR: #ffffff;
    LINE-HEIGHT: 22px;
}

.contacttablesubhead
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 17px;
	TEXT-ALIGN: left;
	PADDING-LEFT: 20px !important;
    COLOR: #463e30;
    LINE-HEIGHT: 19px;
}

.contacttabletext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
	PADDING-LEFT: 2px !important;
    COLOR: #463e30;
    LINE-HEIGHT: 10px;
}