/*

Title:      Cyllenius Website v2
Author:     chad.mortensen@vegas.com

*/

@import url("reset.css");

/* HIDE NAVIGATION FROM TEMPORARY HOMEPAGE
--------------------------------------------- */


body {
	background:url(../img/cyllenius_background_grey.png) top left repeat #939393;
	text-align:center;
	font-size:75%;
	color:#666;
	font-family:Arial, helvetica, sans-serif;
	}
table {font-size:inherit;font:100%;}

/* links */

a:link, a:visited {
	color: #407ed3;
	text-decoration: underline;
	}
a:hover {
	color: #d4221e;
	}

.blue {color:#577baf;}
.justify { text-align:justify;}

.right {float:right !important ; }
.left {float:left !important ; }

/* Page Headlines
--------------------------------------------- */

h2 {
	font-size:1.8em;
	font-weight:normal;
	color:#567db4;
	text-transform: uppercase;
	margin-bottom:5px;
}
h3 {
	font-size:1.4em;
	font-weight:normal;
	color:#567db4;
	text-transform: uppercase;
	margin-bottom:10px;
	line-height:1.2em;
}
h4 {
	font-size:1.8em;
	font-weight:normal;
	color:#567db4;
	margin-bottom:10px;
	line-height:1.2em;
}
h3.green {color:#96a210;}
.larger {
	font-size:1.2em;
}
.special-note {color:#e8342d; font-size:1.4em;}

/* headlines image replacement */
.about h2 {	background: url(../img/hdr_blue_aboutcyllenius.png) 0 10px no-repeat; width:225px; height:25px; text-indent:-9999px;}
.recentnews h2 {background: url(../img/hdr_blue_recentnews.png) 0 0px no-repeat; width:114px; height:14px; text-indent:-9999px;}
.futureevents h2 {background: url(../img/hdr_blue_futureevents.png) 0 0px no-repeat; width:129px; height:14px; text-indent:-9999px;}
.newproducts h2 {background: url(../img/hdr_blue_newproducts.png) 0 0px no-repeat; width:135px; height:14px; text-indent:-9999px;}
.productfeatures h2.red {background: url(../img/hdr_productfeatures_redbar.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}
.productfeatures h2.green {background: url(../img/hdr_productfeatures_greenbar.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}
.productfeatures h2.blue {background: url(../img/hdr_productfeatures_bluebar.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}
.benefits h2.red {background: url(../img/hdr_benefits_redbar.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}
.benefits h2.green {background: url(../img/hdr_benefits_greenbar.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}
.benefits h2.blue {background: url(../img/hdr_benefits_bluebar.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}
h2.productselection_features  {background: url(../img/hdr_productfeatures_productselection.png) 0 0px no-repeat; width:460px; height:36px; line-height:36px; text-indent:-9999px; margin-top:10px;}

h2.thetechnology {background: url(../img/hdr_red_thetechnology.png) 0 0px no-repeat; width:555px; height:25px; line-height:25px; text-indent:-9999px;}
h2.anewworld {background: url(../img/hdr_green_anewworld.png) 0 0px no-repeat; width:570px; height:25px; line-height:25px; text-indent:-9999px;}
h2.yourwebstore {background: url(../img/hdr_blue_yourweb.png) 0 0px no-repeat; width:515px; height:25px; line-height:25px; text-indent:-9999px;}
h2.recentnewsbig {background: url(../img/hdr_bluebig_recentnews.png) 0 0px no-repeat; width:136px; height:19px; text-indent:-9999px;}
h2.futureeventsbig {background: url(../img/hdr_bluebig_futureevents.png) 0 0px no-repeat; width:144px; height:19px; text-indent:-9999px;}
h2.recenttestimonials {background: url(../img/hdr_green_testimonials.png) 0 0px no-repeat; width:211px; height:19px; text-indent:-9999px;}
h2.downloads {background: url(../img/hdr_redbig_downloads.png) 0 0px no-repeat; width:116px; height:14px; text-indent:-9999px;}
h2.contactus {background: url(../img/hdr_bluebig_contact.png) 0 0px no-repeat; width:235px; height:19px; text-indent:-9999px; margin-bottom:20px;}
h2.companyoverview {background: url(../img/hdr_bluebig_companyoverview.png) 0 0px no-repeat; width:245px; height:19px; text-indent:-9999px; margin-bottom:20px;}
h2.industrypartners {background: url(../img/hdr_bluebig_industry.png) 0 0px no-repeat; width:232px; height:19px; text-indent:-9999px; margin-bottom:20px;}
h2.industryassociations {background: url(../img/hdr_bluebig_industryassociations.png) 0 0px no-repeat; width:280px; height:19px; text-indent:-9999px; margin-top:20px; margin-bottom:20px;}
h2.support {background: url(../img/hdr_bluebig_support.png) 0 0px no-repeat; width:358px; height:19px; text-indent:-9999px; margin-bottom:20px;}

h1.product_onsite {background: url(../img/hdr_redbig_cylleniusticketing.png) 0 0px no-repeat; width:352px; height:19px; text-indent:-9999px;margin-bottom:20px;}
h1.news {background: url(../img/hdr_bluebig_news.png) 0 0px no-repeat; width:375px; height:19px; text-indent:-9999px;}
h1.product_suite {background: url(../img/hdr_bluebig_cylleniusproduct.png) 0 0px no-repeat; height:19px; text-indent:-9999px; margin-bottom:20px;}
h1.product_rfid {background: url(../img/hdr_greenbig_rfidguest.png) 0 0px no-repeat; width:433px; height:19px; text-indent:-9999px; margin-bottom:20px;}
h1.product_commerce {background: url(../img/hdr_bluebig_cylleniuscommerce.png) 0 0px no-repeat; width:405px; height:19px; text-indent:-9999px; margin-bottom:20px;}
h1.product_selection {background: url(../img/hdr_greenbig_productselection.png) 0 0px no-repeat; width:405px; height:55px; text-indent:-9999px; margin-bottom:20px;}

/* structure 
--------------------------------------------- */

#page {
	width:990px; 
	margin:20px auto; 
	text-align:left;
	font-size:100%;
	background:url(../img/page_bg_middle.png) repeat-y 0 0;
}
.contentwrap {
	padding:0 20px;
}
#content {
	padding:0 3px 0 7px;
	background:url(../img/page_bg_bottom.png) transparent no-repeat 0 100%;
}
#subcontent {
	padding:0 20px 0 20px;
}

/* header 
--------------------------------------------- */


#header {
	height:100px;
	background:url(../img/page_bg_top.png) transparent no-repeat 0 0;
}
#header h1 a {
	display:block;
	width:235px;
	height:55px;
	background:url(../img/cyllenius_logo_main.png) transparent no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	margin-top:23px;
	margin-left:25px;
	outline:none;
}

#nav {
	float:right;
	margin-right:0;
}
#mainnav {
	height:43px;
	margin-top:47px;
	margin-right:0px;
}
#mainnav li {
	float:left;
	position:relative;
}
#mainnav li a:link, #mainnav li a:visited  {
	display:block;
	padding:0 10px;
	text-decoration:none;
	font-size:1.4em;
	font-weight:normal;
	color:#5e5e5e;
	text-indent:-9999px;
}

/* nav image replacement */
#mainnav li.nav_home a {	background:url(../img/mainnav_home.png) no-repeat 0 -15px;	height:13px; width:43px; outline:none;}
#mainnav li.nav_products a { background:url(../img/mainnav_products.png) no-repeat 0 -15px; height:13px; width:62px; outline:none;}
#mainnav li.nav_news a {	background:url(../img/mainnav_news.png) no-repeat 0 -15px; height:13px;	width:120px; outline:none;}
#mainnav li.nav_about a {background:url(../img/mainnav_about.png) no-repeat 0 -15px;	height:13px; width:65px; outline:none;}
#mainnav li.nav_contact a {	background:url(../img/mainnav_contact.png) no-repeat 0 -15px; height:13px;	width:78px; outline:none;}

/* nav hover */
#mainnav li.nav_contact a:hover, #mainnav li.nav_about a:hover, #mainnav li.nav_news a:hover, #mainnav li.nav_products a:hover, #mainnav li.nav_home a:hover {background-position:0 0px; color:#527aae;}


/* nav highlight page based on body id */
#home #mainnav li.nav_home a, #products #mainnav li.nav_products a, #news #mainnav li.nav_news a, #about #mainnav li.nav_about a, #contact #mainnav li.nav_contact a {background-position:0 0px;}

/* subnav */
#mainnav .subnav li a:hover {color:#eeeeee; background-color:#969696;}

#mainnav .subnav {position:absolute;}
#mainnav .subnav li a {
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	-khtml-opacity: 0.95; 
	opacity: 0.95;
	background-image:none; 
	text-indent:0; 
	font-size:12px; 
	color:#5e5e5e; 
	padding:10px 5px 10px 10px; 
	width:190px; 
	background-color:#efefef; 
	border-bottom:1px dashed #999999; 
	}
#mainnav .subnav {margin:0;}
#mainnav .subnav li {float:none;}

/* Footer 
--------------------------------------------- */
#footer {
	padding-top:10px;
	height:35px;
	line-height:30px;
}
#footernav li {
	display:inline;
}
#footernav {
	float:right;
	width:550px;
	font-size:.95em;
	padding-right:20px;
	word-spacing:.2em;
}
#footernav ul {
	text-align:right;
}
#footernav a:link, #footernav a:visited {
	text-decoration:none;
	color:#757575;
}
#footernav a:hover {
	text-decoration:none;
	color:#527aae;
}
.copyright {
	float:left;
	width:330px;
	padding-left:26px;
	font-size:.95em;
}

/* Home Content 
--------------------------------------------- */

.comingsoon, .recentnews {
	float:left;
}
.industry, .about {
	float:right;
}
.hero {
	background:url(../img/home_hero_photo.jpg) 0 0 no-repeat;
	height:272px;
}
.solutions {
	width:672px;
	height:254px;
	float:left;
	}
.about {
	width:260px;
	padding-right:20px;
}
.about p {
	padding-top:11px;
}
.recentnews{
	width:460px;
	padding-bottom:20px;
}

.industry {
	width:590px;
	padding-bottom:20px;
}
.industry .logo {
	float:left;
	padding-right:10px;
}
.industry .logo img {
	float:left;
	margin-right:10px;
}
.industry .logo p {
	float:left;
}
.comingsoon {
	width:330px;
	padding-bottom:20px;
}
.comingsoon strong {
	font-weight:normal;
	font-size:1.4em;
}
.futureevents, .newproducts, .video-play {
	font-style:italic;
}
.futureevents {
	width:325px;
	float:left;
	padding-right:20px;
}
.newsitem {
	padding:10px 10px 0 0;
	float:left;
	width:310px;
}
	.newsitem .link {
	display:block;
	}
	.newsitem .date {
	display:block;
	color:#919191;
	font-size:.95em;
	}
	.newsitem .shortdesc {
	display:block;
	text-align:justify;
	}
	.newsitem .logo {
		float:left;
		padding:0 10px 0px 0;	
	}
hr {
	height:2px;
	background:url(../img/hr_dashed.png) transparent repeat-x 0 0;
	border:0;
	clear:both;
	outline:none;
}

.newproducts {
	float:left;
	width:265px;
}
.video-play {
	padding-right:0;
	width:263px;
	float:right;
}
/* Products Content 
--------------------------------------------- */
.productphoto {
	float:left;
	padding:20px 0px 20px 0;
}
.productphoto img {
	border:1px solid #cecece;
}
.productdesc {
	padding-top:20px;
	float:right;
	width:650px;
}
.productdesc p, .benefits p {
	text-align:justify;
	padding-bottom:10px;
}
.productfeatures {
	width:460px;
	float:left;
}
.benefits {
	width:460px;
	float:right;
}
.productfeatures ul, .benefits ul {
	margin-top:10px;
}
.productfeatures ul li, .benefits ul li {
	padding-left:15px;
	background:url(../img/bullet_grey_arrow.png) no-repeat 0 5px;
	margin-bottom:10px;
}  
.productsuite_desc {
	width:460px;
	border-top:1px dashed #c8c8c9;
	padding-top:15px;
	padding-bottom:20px;
}
.productsuite_desc p {
	text-align:justify;
}
.productselection-list {
	padding:10px 0 0 30px;
}
.productselection-list li {
list-style-type:decimal;
padding-bottom:10px;	
}

/* News Content 
--------------------------------------------- */
h2.recentnewsbig, h2.recenttestimonials {
	margin:20px 0 15px 0;
}
h2.futureeventsbig {
	margin:20px 0 15px 0;
}
#news .col1 {
	width:650px;
	float:left;
}
#news .col2 {
	width:270px;
	float:right;
}
#news .hentry {
	border-bottom:1px dashed #c8c8c9;
	padding-bottom:5px;
	margin-bottom:10px;
	float:left;
}
#news .hentry .entry-title a {font-size:1.2em;}
#news .hentry abbr {font-size:.9em; font-style:italic; color:#919191;}
#news .hentry .logo {
	float:left;
	width:120px;
	text-align:center;
}

#news .hentry .entry-title, #news .hentry .published,#news .hentry .entry-summary {
	float:left;
	width:520px;
}


#news .last {border-bottom:none;}
#news .testimonial {
	border-bottom:1px dashed #c8c8c9;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align:justify;
}
#news .testimonial cite {
	color:#7b8507;
	font-style:italic;
	display:block;
	float:left;
	text-align:left;
}
#news .downloads {
	margin-top:20px;
}
#news .downloads ul {
	margin-top:10px;
}
#news .downloads ul li {
	padding-left:15px;
	background:url(../img/bullet_blue_arrow.png) no-repeat 0 5px;
	margin-bottom:5px;
} 
.news_release .news_title {
	text-transform:none;
}
.news_release .news_subtitle {
	font-size:1.4em;
	font-weight:normal;
	color:#666;
	margin-bottom:5px;
}
.news_release p {
	padding-bottom:10px;
	text-align:justify;
}


/* About, Contact, Careers 
--------------------------------------------- */
#about .column {
	width:48%;
}
#about p {
	text-align:justify;
	padding-bottom:10px;
}
#contact .column {
	width:440px;
	padding-right:20px;
}
#contact .column p, #careers p {
	padding-bottom:10px;
}
#contactform {
	margin:20px 0;
}
#contactform form fieldset {  
	margin: 0 0 0 0;  
	padding: 0;
	border:0;
	float:left;
}
#contactform form legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
}
#contactform form fieldset ol {  
	padding: 0em 1em 0 1em;  
	list-style: none;
}
#contactform form fieldset li {  
	padding-bottom: 10px;
}
#contactform form fieldset.submit {  
	border-style: none;
}
#contactform form label {  
	float: left;  
	width: 10em;  
	margin-right: 1em;
	text-align:right;
	position:relative;
}
#contactform form .required {   
	color: #ff0000;  
	font-size: 110%;  
	font-style: bold; 
}
#contactform form .submit {  
	padding-left: 145px;
	margin-top:0;
}
#contactform input, #contactform textarea {
	width:200px;
	font-size:1em;
	padding:3px;
	border:1px solid #8aadcf;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
a.button {
    background: transparent url(../img/bg_button_span.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../img/bg_button_a.gif) no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 18px;
}
 a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
a.button:link, a.button:hover, a.button:visited, a.button:active {
	border-bottom:0 !important;
}
.alliance_logo {
	display:block;
	float:left;
	width:150px;
	text-align:center;
	padding-bottom:20px;
}

/* Miscellaneous  
--------------------------------------------- */

.floatbuster {	clear:both;	font-size:1px;	line-height:.01em; height:0;}