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

	CSS on Sails
	Title	: AVANT Promo Site
	Author	: XHTMLized (http://www.xhtmlized.com/)
	Date	: October 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Footer
			2.6 Sidebar

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


/* 	1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 	1.1 Reset
-----------------------------------------------------------------------------------------------*/

	html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	a, ins, del { text-decoration: none; color:#ABAD00}
	table { border-collapse: collapse; border-spacing: 0; }
	th, td { vertical-align: top; }
	th { text-align: left; }

/* 	1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

	ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 	1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
ul#nav:after,
.top-boxes:after,
.featured-boxes:after,
.columns:after,
.older-newer:after,
.lists:after,
.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 	1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: "Verdana", "Arial", "Helvetica", "Myriad Pro", sans-serif;
	font-size: 11px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* 	2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body {
  background: #ffffff url(../images/bg-body.jpg) top left repeat-x;
}

body.home { 
  background: #ffffff url(../images/bg-home.jpg) top left repeat-x;
}


/* 	2.1 Structure
-----------------------------------------------------------------------------------------------*/

.wrapper {
  width: 1000px;
  margin: 0 auto;
}

#header {
  position: relative;
  height: 67px;
}

body.home #header {
  height: 413px;
}

#content {
  clear: both;
  margin-top: 15px;
  margin-bottom: 35px;
}

#footer {
  background: url(../images/border-hr.jpg) top center no-repeat;
  text-align: center;
  padding-top: 23px;
  line-height: 20px;
  height: 100%;
  font-size: 10px;
  color: #929191;
  padding-bottom: 30px;
}

#main {
  float: left;
  width: 600px;
  padding-left: 35px;
}

.team {
	width: 600px !important;
	margin: 0 auto !important;
	padding: none !important;
	float: none !important;
	
}

#form1 {
	right: 200px;
	position: relative;
	top: -30px;
	
}

#contact_sidebar {
	padding: 20px;
	
	
}

body.txt #main {
  float: left;
  width: 632px;
  padding-left: 35px;
  overflow: hidden;
}

body.txt #main {
  padding-left: 13px;
}

#sidebar {
  float: right;
  width: 311px;
  margin-right: 15px;
  position: relative;
  height: 100%;
  background: url(../images/bg-sidebar.jpg) top left repeat-y;
  padding: 7px 0 30px 0;
}

	
/* 	2.2 Header
-----------------------------------------------------------------------------------------------*/

.login-button {
  display: block;
  position: absolute;
  right: 11px;
  top: 13px;
  width: 116px;
  height: 24px;
  text-indent: -9999px;
  background: url(../images/btn-login.jpg) top left no-repeat;
}

.flash {
  margin-top: 44px;
}

#header h1 a {
  position: absolute;
  display: block;
  text-indent: -9999px;
  width: 158px;
  height: 67px;
  background: url(../images/logo-avant.jpg) top left no-repeat;
  left: 30px;
  top: 0;
}

#header h2 {
  color: #ffffff;
  top: 17px;
  left: 370px;
  position: absolute;
  font-weight: normal;
  line-height: 1.1;
}

	
/* 	2.3 Navigation
-----------------------------------------------------------------------------------------------*/

ul#nav {
  width: 374px;
  margin: 0 auto;
  height: 24px;
  line-height: 24px;
  position: relative;
  top: 49px;
}

body.home ul#nav {
  width: 374px;
  margin: 0 auto;
  height: 24px;
  line-height: 24px;
  position: relative;
  top: 5px;
}
  
ul#nav li {
  float: left;
}

ul#nav li a {
  display: block;
  height: 24px;
  line-height: 24px;
  text-indent: -9999px;
  font-size: 11px;
}
  ul#nav li a.home            { background: url(../images/nav/home.gif) top left no-repeat;       width: 53px; }  
  ul#nav li a.about           { background: url(../images/nav/about.jpg) top left no-repeat;      width: 56px; }
  ul#nav li a.projects        { background: url(../images/nav/projects.jpg) top left no-repeat;   width: 73px; }
  ul#nav li a.products        { background: url(../images/nav/products.jpg) top left no-repeat;   width: 72px; }
  ul#nav li a.blog            { background: url(../images/nav/blog.jpg) top left no-repeat;       width: 50px; }
  ul#nav li a.contact         { background: url(../images/nav/contact.gif) top left no-repeat;    width: 70px; }
  ul#nav li a:hover, ul#nav li a.active   { background-position: bottom left !important; }


#projects-page #nav a.projects{
background-position:left bottom !important;
}

#products-page #nav a.products{
background-position:left bottom !important;
}

#about-page #nav a.about{
background-position:left bottom !important;
}

#blog-page #nav a.blog{
background-position:left bottom !important;
}
#contact-page #nav a.contact{
background-position:left bottom !important;
}

/* 	2.4 Content
-----------------------------------------------------------------------------------------------*/
	
/* top-boxes */
.top-box {
  background: url(../images/bg-top-box.jpg) top left no-repeat;
  width: 311px;
  height: 159px;
  float: left;
  margin-right: 19px;
  margin-left: 7px;
  padding: 12px 0 0 0;
  overflow: hidden;
}

.top-box h3 { font-size: 18px; color: #231f20; line-height: 45px; height: 53px; padding-left: 54px; margin-left: 12px; }
.top-box h3 a { color: #231f20; display: inline-block; padding-right: 20px; background: url(../images/ico-arrow.gif) right center no-repeat;}
  .top-box.b1 h3 { background: url(../images/icons/ico-champion.jpg) top left no-repeat; }
  .top-box.b2 h3 { background: url(../images/icons/ico-tools.jpg) top left no-repeat; }
  .top-box.b3 { margin-right: 0; }
  .top-box.b3 h3 { background: url(../images/icons/ico-plugin.jpg) top left no-repeat; }
.top-box p { margin: 0 25px; line-height: 22px; color: #808285; }

.level {
  background: url(../images/border-hr.jpg) top center no-repeat;
}

.featured-boxes {
  padding-top: 34px;
  margin-top: 25px;
}

.featured-box {
  float: left;
  width: 260px;
  margin-left: 40px;
  margin-right: 30px;
  overflow: hidden;
}

.featured-box a.launch{
  float: left;
  background: url(../images/btn-launch.jpg) top left no-repeat;
  height: 23px;
  text-indent: -9999px;
  width: 63px;
  margin-right: 9px;
  margin-top: 10px;
}

.featured-box a.launch:hover{
  background: url(../images/btn-launch_rollover.jpg) top left no-repeat;

}
.featured-box a.detail{
  float: left;
  background: url(../images/btn-detail.jpg) top left no-repeat;
  height: 23px;
  width: 57px;
  text-indent: -9999px;
  margin-top: 10px;
}

.featured-box a.detail:hover{
 	background: url(../images/btn-detail_rollover.jpg) top left no-repeat;
 
}

.featured-box small {
  display: block;
  font-size: 8px;
  color: #58595b;
  margin-top: 12px;
}

.featured-box h2 {
  font-size: 18px;
  color: #231f20;
  font-weight: normal;
  margin-top: 2px;
  
}

.featured-box p {
  line-height: 22px;
  color: #808285;
  text-align: justify;
  margin-top: 12px;
}

.lists {
  margin-top: 30px;
}

body.txt .lists {
  margin-top: 0;
}

.lists .left {
  width: 45%;
  float: left;
}

.lists .right {
  width: 45%;
  float: right;
}

.lists .left h2 {
  background: url(../images/icons/ico-champion-white.jpg) top left no-repeat;
  font-size: 18px; 
  color: #636566; 
  line-height: 45px; 
  height: 53px; 
  padding-left: 54px;
}
.lists .right h2 {
  background: url(../images/icons/ico-plugin-white.jpg) top left no-repeat;
  font-size: 18px; 
  color: #636566; 
  line-height: 45px; 
  height: 53px; 
  padding-left: 54px;
}

.lists h3 {
  color: #58595b;
  margin-bottom: 30px;
  margin-left: 24px;
}

.lists h3.first {
  margin-top: 3px;
}

.lists ul {
  list-style: none;
  margin-bottom: 30px;
  margin-left: 24px;
}

.lists ul li {
  padding-left: 12px;
  background: url(../images/misc-li.jpg) left center no-repeat;
  line-height: 22px;
  color: #231f20;
}

.quote {
  width: 790px;
  margin: 25px auto 0 auto;
  display: block;
}

.columns {
  margin-top: 23px;
  padding-top: 27px;
}

.columns #main p {
  font-size: 11px;
  color: #58595b;
  line-height: 22px;
  text-align: justify;
}

.video {
  width: 588px;
  display: block;
  margin: 25px auto 0 auto;
}

.intro {
  width: 625px;
  margin: 0 auto;
  line-height: 22px;
  padding-left: 8px;
  padding-top: 21px;
  background: url(../images/icons/ico-tools-white.jpg) top left no-repeat;
}

.intro.shield {
  background: url(../images/icons/ico-shield-white.jpg) top left no-repeat;
}

.intro strong {
  font-weight: bold;
}

.intro span {
  float: left;
  width: 36px;
  height: 22px;
}

.intro-projects {
  width: 625px;
  margin: 0 auto;
  line-height: 22px;
  padding-left: 8px;
  padding-top: 21px;
  background: url(../images/icons/ico-champion-white.jpg) top left no-repeat;
}

.intro-projects.shield {
  background: url(../images/icons/ico-shield-white.jpg) top left no-repeat;
}

.intro-projects strong {
  font-weight: bold;
}

.intro-projects span {
  float: left;
  width: 36px;
  height: 22px;
}

.prod-copy {
  margin-top: 0 !important;
}

h2.champion {
  background: url(../images/icons/ico-champion-white.jpg) top left no-repeat;
  font-size: 18px; 
  color: #636566; 
  line-height: 45px; 
  height: 53px; 
  padding-left: 54px;
}

body.txt #main p {
  padding-left: 17px;
}

body.txt #main p img.left {
  float: left;
  margin: 15px 25px;
}

body.txt #main p img.right {
  float: right;
  margin: 15px 25px;
}

body.txt #main h3 {
  padding-left: 17px;
  background: url(../images/misc-hr-wide.jpg) top center no-repeat;
  padding-top: 20px;
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  color: #636566;
}

.entry {
  margin-bottom: 30px;
  padding-top: 16px;
  background: url(../images/misc-hr-short.jpg) top center no-repeat;
}

.entry .title {
  background: url(../images/icons/ico-comment-white.jpg) top left no-repeat;
  padding-left: 50px;
  height: 53px;
}

.entry .title h2 {
  font-size: 18px;
  padding-top: 10px;
  color: #636566;
}

.entry .title small {
  color: #58595b;
  margin-top: 3px;
  display: block;
}

.entry .title h2 a {
  color: #636566;
  font-size: 18px;
  text-decoration: none;
}

.entry p {
  color: #231f20 !important;
}

.entry .meta-info {
  text-align: center;
  margin-top: 30px;
  color: #58595b;
}

.entry .meta-info a {
  color: #c1b400;
  text-decoration: underline;
}

.older-newer {
  padding: 15px 10px 0 10px;
}

.older-newer a.older {
  float: left;
  width: 101px;
  height: 20px;
  background: url(../images/btn-older.jpg) top left no-repeat;
  text-indent: -9999px;
}

.older-newer a.newer {
  float: right;
  width: 101px;
  height: 20px;
  background: url(../images/btn-newer.jpg) top left no-repeat;
  text-indent: -9999px;
}

.item {
  background: url(../images/misc-hr-wide.jpg) top center no-repeat;
  margin-bottom: 35px;
  padding-top: 20px;
  overflow: hidden;
}

.item .title {
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
  padding-left: 50px;
  height: 53px;
  position: relative;
  width: 640px;
}

#title_kemper{
  background: url(../images/icons/ico-kemper.jpg) top left no-repeat;
}
#title_gilecrease{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_stover{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_cooke{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_neginr{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_kwon{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_yen{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_drago{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
#title_wang{
  background: url(../images/icons/ico-blank-white.jpg) top left no-repeat;
}
.item .title h2 {
  padding-top: 10px;
  font-size: 18px;
  color: #636566;
  width: 45%;
}

.item .title small {
  color: #58595b;
  margin-top: 3px;
  display: block;
  width: 45%;
}

.item .title .song {
  float: right;
  width: 320px;
  background: url(../images/ico-song.gif) top left no-repeat;
  padding-left: 30px !important;
  position: absolute;
  line-height: 14px !important;
  right: 0;
  top: 15px;
}

.item .left, .item .right {
  text-align: justify;
  line-height: 22px;
  color: #231f20;
  width: 277px;
}

.item .left {
  margin-left: 15px;
}

.item .title span {
  display: block;
}

.item .title .song a {
  color: #c1b400;
  text-decoration: underline;
}

.item .title .song a:hover {
  color: #EADA00;
  text-decoration: underline;
}
	
/* 	2.5 Footer
-----------------------------------------------------------------------------------------------*/

#footer a {
  color: #929191;
  text-decoration: underline;
}

#footer a:hover {
  color: #575656;
}

	
/* 	2.6 Sidebar
-----------------------------------------------------------------------------------------------*/	

.chart {
  display: block;
  margin: 15px auto;
  width: 247px;
}

.stats {
  display: block;
  width: 235px;
  margin: 10px auto 30px auto;
}

.sidebar-top {
  height: 7px;
  width: 311px;
  position: absolute;
  font-size: 1px;
  top: 0;
  left: 0;
  background: url(../images/border-sidebar-top.jpg) top left no-repeat;
}

.sidebar-bottom {
  height: 7px;
  width: 311px;
  position: absolute;
  font-size: 1px;
  bottom: 0;
  left: 0;
  background: url(../images/border-sidebar-bottom.jpg) top left no-repeat;
}

.sidebar-box {
  background: url(../images/border-sidebar-box.jpg) top left no-repeat;
  width: 303px;
  margin: 0 auto;
  padding-top: 10px;
  position: relative;
  margin-bottom: 15px;
}

.sidebar-box.first {
  background: transparent;
}

.apply {
  background: url(../images/btn-apply.jpg) top left no-repeat;
  width: 88px;
  height: 21px;
  display: block;
  position: absolute;
  right: 0;
  top: 12px;
  text-indent: -9999px;
  margin-right: 10px;
  font-size: 10px;
}

.sidebar-box h3 {
  font-size: 18px;
  color: #636566;
  background: url(../images/icons/ico-arrow-small.jpg) top left no-repeat;
  line-height: 22px;
  height: 28px;
  padding-left: 30px;
  margin-left: 8px;
}

.sidebar-box p {
  color: #808285;
  line-height: 22px;
  margin: 0 13px 0 19px;
  text-align: justify;
}

.frame {
  margin: 15px 0 40px 0;
}

.frame img {
  width: 206px;
  display: block;
  margin: 0 auto 10px auto;
}

.frame p {
  color: #808285;
  line-height: 22px;
  text-align: justify;
  margin: 0 13px 0 19px;
}

.frame p a {
  color: #c1b400;
  text-decoration: underline;
}

.frame p a:hover {
  color: #EADA00;
  text-decoration: underline;
}

.list {
  margin-left: 22px;
  margin-right: 30px;
  margin-top: 20px;
}

.list h3 {
  font-size: 18px;
  color: #636566;
}

.list ul {
  list-style: none;
  margin-left: 15px;
  margin-top: 8px;
}

.list ul li {
  line-height: 20px;
}

.list ul li a {
  color: #c1b400;
  text-decoration: underline;
}

.list ul li a:hover {
  color: #DCCD00;
  text-decoration: underline;
}