/* @group reset */
               
* { margin:  0; padding: 0; }
ul { list-style: none; }
p { margin: 0px 0px 10px 0px; }
a img, frameset { border: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* @end */
/* @group utility */

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
h1, h2, h3, h4, h5 {color: #663366;}
/*h2 { font-size: 185%; margin: 25px 0; }
h3 { font-size: 150%; margin: 15px 0; }
h4 { font-size: 135%; margin: 15px 0; }
h5 { font-size: 115%; margin: 5px 0; }*/
small { font-size: 90%; }
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_right {margin-right: 0;}
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }


/* @end */
/* @group links */

a, a:link { text-decoration: none; color: #663366;outline:none;}
a:visited {color: #663366;}
a:hover { text-decoration: underline; }
a:active {}

/* @end */
/* @group =base */

body {
	font: 13px Arial, Helvetica, Sans-Serif;
	/*line-height: 1.5;*/ 
	margin: 0;
	background: url('images/pages/bg_body.gif') repeat-x 0px 0px;
}
blockquote{
	margin: 0px 30px 0px 30px;
	background: url('images/pages/quotes.jpg') no-repeat 30px 0px;
	padding: 8px 0px 10px 50px;
}

div#content blockquote p{
       color: #655765;
       font-size: 16px;
       font-weight: bold;
}
input, textarea{
       font-family: Arial,Helvetica,Sans-Serif;
       font-size: 12px;
       padding: 3px;
       border: 1px solid #F0EBE2;
}
#container, #footer p{
	margin: 0 auto;
	padding-top: 20px;
	width: 916px;	
	position: relative;
}

div#mainColumn{
	float:left;
	width:671px;
}
div#subColumn{
	float:right;
	width:200px;
}
div#banner{
	width: 916px;		
	height: 240px;
	position: relative;
}

/* @group -logo zymetis */
#logo{
	position: absolute;
	top: 0px;
	left: 715px;
	z-index: 200;
}
#logo a{
	background: url('images/pages/logo.jpg') no-repeat 0px 0px;
	display: block;
	text-indent: -50000px;
	width: 205px;
	height: 105px;
}

/* @end */

/* @group -navigation */
ul#nav{
	font-size: 22px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	height: 48px;
}
ul#nav a{
	color: #582d4b;
}
ul#nav li{
	float: left;
	margin: 15px 20px 0px 20px;
}
ul#nav li.first{
	margin-left: 10px;
}
ul#nav li.home a{
	background: url('images/pages/nav.gif') no-repeat 0px 0px;
	text-indent: -50000px;
	display: block;
	width: 50px;
	height: 22px;
}
ul#nav li.home a:hover, .home ul#nav li.home a{
	background: url('images/pages/nav.gif') no-repeat 0px -26px;
}
ul#nav li.about a{
	background: url('images/pages/nav.gif') no-repeat -89px 0px;
	text-indent: -50000px;
	display: block;
	width: 50px;
	height: 22px;
}
ul#nav li.about a:hover, .about ul#nav li.about a{
	background: url('images/pages/nav.gif') no-repeat -89px -26px;
}
ul#nav li.products a{
	background: url('images/pages/nav.gif') no-repeat -180px 0px;
	text-indent: -50000px;
	display: block;
	width: 70px;
	height: 22px;
}
ul#nav li.products a:hover, .products ul#nav li.products a{
	background: url('images/pages/nav.gif') no-repeat -180px -26px;
}
ul#nav li.careers a{
	background: url('images/pages/nav.gif') no-repeat -295px 0px;
	text-indent: -50000px;
	display: block;
	width: 60px;
	height: 22px;
}
ul#nav li.careers a:hover, .careers ul#nav li.careers a{
	background: url('images/pages/nav.gif') no-repeat -295px -26px;
}
ul#nav li.partners a{
	background: url('images/pages/nav.gif') no-repeat -398px 0px;
	text-indent: -50000px;
	display: block;
	width: 71px;
	height: 22px;
}
ul#nav li.partners a:hover, .partners ul#nav li.partners a{
	background: url('images/pages/nav.gif') no-repeat -398px -26px;
}
ul#nav li.press a{
	background: url('images/pages/nav.gif') no-repeat -508px 0px;
	text-indent: -50000px;
	display: block;
	width: 50px;
	height: 22px;
}
ul#nav li.press a:hover, .press ul#nav li.press a{
	background: url('images/pages/nav.gif') no-repeat -508px -26px;
}
ul#nav li.blog a{
	background: url('images/pages/nav.gif') no-repeat -598px 0px;
	text-indent: -50000px;
	display: block;
	width: 38px;
	height: 22px;
}
ul#nav li.blog a:hover, .blog ul#nav li.blog a{
	background: url('images/pages/nav.gif') no-repeat -598px -26px;
}
/* @end */

/* @group -banner */

div#banner div.banner_image{
	left:  -153px;
	top: 0;
	width: 487px;
	height: 240px;
	/*float: left;*/
	position: absolute;
}	
div#banner h2{
	width: 582px;
	height: 240px;
	float: right;
	text-indent: -500000px;
}
div#banner div.home_banner{
	background: url('images/pages/home_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.home_slogan{
	background: url('images/pages/home_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.about_banner{
	background: url('images/pages/about_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.about_slogan{
	background: url('images/pages/about_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.products_banner{
	background: url('images/pages/products_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.products_slogan{
	background: url('images/pages/products_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.careers_banner{
	background: url('images/pages/careers_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.careers_slogan{
	background: url('images/pages/careers_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.partners_banner{
	background: url('images/pages/partners_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.partners_slogan{
	background: url('images/pages/partners_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.press_banner{
	background: url('images/pages/press_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.press_slogan{
	background: url('images/pages/press_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.blog_banner{
	background: url('images/pages/blog_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.blog_slogan{
	background: url('images/pages/blog_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.change_banner{
	background: url('images/pages/change_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.change_slogan{
	background: url('images/pages/change_slogan.jpg') no-repeat 0px 0px;
}
div#banner div.directions_banner{
	background: url('images/pages/directions_banner.jpg') no-repeat 0px 0px;
}
div#banner h2.directions_slogan{
	background: url('images/pages/directions_slogan.jpg') no-repeat 0px 0px;
}



/* @end */

/* @group -footer */
div#footer p{
	text-align: right;
	text-transform: uppercase;
	color: #414a09;
	font-size: 10px;
}
div#footer{
	margin-top: 35px;
	height: 51px;
	background: url('images/pages/bg_footer.gif') repeat-x 0px 0px;
}
/* @end */	

/* @end */

/* @group =pages */

/* @group -primary content column */
div#content{
	background: #f8f5ee;
	border: 1px solid #ece9e0;
}
div#content h3.title{
	text-indent: -50000px;
	background: url('images/pages/header_happening.gif') #e4e1d5 no-repeat 20px 10px;
	line-height: 36px;
}
div#content p{
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	color: #302f14;
	line-height: 22px;
}
div#content p.blogIntro{
	font-weight: bold;
        color: #828057;
	line-height: 24px;
        padding-top: 20px;
}
div#content p.blogIntro:first-letter{
       font-size: 25px;
}
div#content p.blogIntro:first-line{
	color:  #414A09;
        font-size: 16px;
        text-transform:uppercase;
}
div#content ul, #subColumn ul{
	margin: 15px 0px;
	width: 160px;
}
div#content li, #subColumn li{
	padding-left: 15px;
	background: url('images/pages/bullet.gif') no-repeat 0px 2px;
	margin-bottom: 10px;
}
div#contentPrimary ul{
	width: 400px;
	margin-left: 30px;
        margin-top: 0px;
}
div#contentPrimary li{
	margin-bottom: 5px;
}
div#contentPrimary{
	float:left;
	margin: 10px 0px;
        padding: 0px 20px 20px 20px;
}
div#contentPrimary.column{
	width:430px;
	border-right: 1px solid #e3e0d7;
	padding: 0px 20px 20px 20px;
}
div#contentPrimary.full{
	/*width:630px;*/
       width: 560px;
       padding: 0px 70px 20px 40px;
}

div#mainColumn.borderTop, div#blogLinks.borderTop{
       border-top:20px solid #e4e1d5;
}
div.contentBody a:hover{
        text-decoration: underline;
}
div.contentBody h1, div.contentBody h2.blogPost{
	color: #5a2d52;
	font-size: 24px;
	text-transform: uppercase;
	border-bottom: 1px solid #e3e0d7;
	padding: 20px 0px 12px 0px;
	line-height: 26px;
        margin-bottom:20px;
}
div.contentBody h1 a, div.contentBody h2.blogPost a{
	color: #5a2d52;
}
div.contentBody h1 a:hover, div.contentBody h2.blogPost a:hover{
	text-decoration: none;
	border-bottom: 1px solid #5a2d52;
}
div.contentBody h2{
	font-size: 18px;
}
div.contentBody p{
	padding-bottom: 10px;
}
div.contentBody img{
	float: left;
        margin: 0px 15px 10px 0px;
        border: 5px solid #85835E;
}
div.contentBody p a{
	color: #91a31b;
	text-decoration: none;
}
div#contentPrimary div.contentBody ul{
	/*width: 600px;*/
}
div#contentPrimary div.contentBody ul.listColumn{
       width:250px;
       float:left;
}
div.contentBody a.readMore{
	margin: 0;
	font-weight: bold;
	color: #663366;
	text-decoration: none;
}
div.contentBody .btn_submit, div.contentBody .btn_preview{
       border: none;
       background: #5A2D52;
       color: #fff;
       padding: 5px 10px;
       text-transform: uppercase;
       cursor: pointer;
}
div.contentBody h3.commentTitle{
       font-size: 18px;
}
div.comment{
      background: #F0EBE2;
padding: 10px 0px;
margin: 0px 0px 10px 0px;
}
div#contentPrimary div.comment p{
     color: #5c5a31;
     padding: 0px 10px;
}
div.comment p span.commentBy{
      font-size: 18px;
      color: #91A31B;
      font-weight: bold;
}
div.comment p span.commentDate{
      font-size: 11px;
      color: #414A09;
      font-weight: normal;
}

/* @end */

/* @group -secondary content column */
div#contentSecondary{
	float:right;
	margin: 24px 0px;
	padding-right: 15px;
}
div#contentSecondary.column{
	width:160px;
}
div.contentBox h2.pressReleases{
	background: url('images/pages/header_pressReleases.gif') no-repeat;
	text-indent: -50000px;
}
div.contentBox{
	margin: 20px 0px 30px 0px;
}

/* @end */
div#subColumn h1{
	font-size: 18px;
}
div#subColumn h1, #subColumn h2, #subColumn h3, #subColumn h4, #subColumn h5{
	color: #414a09;
}
div#subColumn a:hover{
	color: #91A31B;
}
div.subBox{
	color: #85835e;
	background: #f8f5ee;
	border: 1px solid #f0ebe2;
	padding: 18px 20px 18px 20px;
	margin: 0px 0px 10px 0px;
	font-size: 10px;
}
div.subBanner{
	margin: 0px 0px 10px 0px;
}
div.subBox h2{
	font-size: 14px;
}
div.subBox h4.contact{
	background: url('images/pages/header_contact.gif') no-repeat;
	text-indent: -50000px;
        height: 15px;
margin-bottom: 10px;
}
div.subBox a{
	color: #85835E;
}
div.subBox p.archives{
        margin: 0px;
}
/* @group -homepage */

/* @group feature callout */
div#featuredCallout{
	background: #f8f5ee;
	padding: 20px;
	border: 1px solid #edeae5;
	margin-bottom: 10px;
}
div#featuredCallout li{
	float: left;
	margin-right: 19px;
}
div#featuredCallout li.no_right{
	margin-right: 0px;
}
div#featuredCallout li a{
	width: 197px;
	height: 154px;
	display: block;
	text-indent: -5000px;
}
div#featuredCallout li a.featuredCallout1{
	background: url('images/pages/featuredCallout1.jpg') no-repeat;
}
div#featuredCallout li a.featuredCallout2{
	background: url('images/pages/featuredCallout2.jpg') no-repeat;
}
div#featuredCallout li a.featuredCallout3{
	background: url('images/pages/featuredCallout3.jpg') no-repeat;
}
/* @end */



/* @end */

/* @group -about */
div.team_profile{
       border-bottom: 1px solid #E3E0D7;
       padding: 15px 0px;
}


/* @end */

/* @end */