/* -------------------------------------------
project:  Avoyel
date:    2008/12/10
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: none;}
html {background: #fff url(../images/background.png) left top repeat-x;}

/* basic text elements */
h1 {margin-bottom: 0; font-size: 2.2em;}
h2 {margin: 1em 0 0.8em 0; color: #000; font-weight: normal; font-size: 1.6em;}
h3 {margin: 1em 0 0.8em 0; font-size: 1.3em;}
h4 {margin: 1em 0 0.8em 0; font-size: 1.2em;}
p {margin: 1em 0 1em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}
blockquote {padding-left: 25px; background: url(../images/quotes.gif) left top no-repeat;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0 5px 0;}
input {width: 230px; margin: 5px 0 5px 0; padding: 6px 3px; border: 1px solid #cbcbcb; background: #fff url(../images/input.png) left top no-repeat; color: #777; font-size: 0.9em;}
	input.chk, input.radio {width: auto; border: none;}
textarea {width: 265px; height: 110px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #cbcbcb; background: #fff url(../images/textarea.png) left top repeat-x; color: #777; font-size: 0.9em;}
select {width: 230px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #cbcbcb; background: #fff;}
button {border: none; cursor: pointer;}

/* layout
------------------------------------------- */
body {position: relative; width: 960px; margin: 0 auto; padding: 0 0 50px 0;}
	#header {position: relative; height: 118px; padding: 1px 0; background: url(../images/header.png) bottom no-repeat;}
		#logo {display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 341px; height: 86px; margin: 0; background: url(../images/logo.jpg) no-repeat; text-indent: -10001px;}
		#utils {position: absolute; right: 10px; top: 30px; margin: 0; color: #d2d2d2; font-size: 0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
			#utils a, #utils a:visited {padding: 0 3px; color: #777; text-decoration: none;}
			#utils a:hover {text-decoration: underline;}
			#utils a.client, #utils a.client:visited {padding-left: 12px; background: url(../images/icons/client.gif) left center no-repeat; color: #000; font-weight: bold;}
		#search-form {position: absolute; right: 10px; top: 60px; width: 295px; margin: 0;}
			button.go {overflow: hidden; width: 45px; height: 27px; margin: 0 0 0 10px; background: url(../images/button-go.gif) no-repeat; text-indent: -5000px; vertical-align: middle;}
			#search-form input {vertical-align: middle;}
	#content {padding: 1px 9px; border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA;}
		#mainmenu {width: 940px; height: 41px; margin: 0; padding: 0; background: url(../images/mainmenu.png) no-repeat;}
			#mainmenu li {float: left; list-style: none; margin: 0; padding: 0;}
				#mainmenu a, #mainmenu a:visited {display: block; float: left; overflow: hidden; height: 41px; background: url(../images/mainmenu.png) no-repeat; text-indent: -10001px;}
				#mainmenu a#mm1 {width: 66px; background-position: 0 0;}
				#mainmenu a#mm1:hover {background-position: 0 -82px;}
				#mainmenu a#mm1.current, #mainmenu a#mm1.current:visited {background-position: 0 -41px;}
				#mainmenu a#mm2 {width: 81px; background-position: -66px 0;}
				#mainmenu a#mm2:hover {background-position: -66px -82px;}
				#mainmenu a#mm2.current, #mainmenu a#mm2.current:visited {background-position: -66px -41px;}
				#mainmenu a#mm3 {width: 149px; background-position: -147px 0;}
				#mainmenu a#mm3:hover {background-position: -147px -82px;}
				#mainmenu a#mm3.current, #mainmenu a#mm3.current:visited {background-position: -147px -41px;}
				#mainmenu a#mm4 {width: 72px; background-position: -296px 0;}
				#mainmenu a#mm4:hover {background-position: -296px -82px;}
				#mainmenu a#mm4.current, #mainmenu a#mm4.current:visited {background-position: -296px -41px;}
				#mainmenu a#mm5 {width: 121px; background-position: -368px 0;}
				#mainmenu a#mm5:hover {background-position: -368px -82px;}
				#mainmenu a#mm5.current, #mainmenu a#mm5.current:visited {background-position: -368px -41px;}
				#mainmenu a#mm6 {width: 95px; background-position: -489px 0;}
				#mainmenu a#mm6:hover {background-position: -489px -82px;}
				#mainmenu a#mm6.current, #mainmenu a#mm6.current:visited {background-position: -489px -41px;}
		#sidebar {float: left; width: 300px; padding-top: 25px;}
			#submenu {width: 250px; margin: 0 0 15px 15px;}
				#submenu li {margin: 0; list-style: none; border-bottom: 1px solid #EAEAEA;}
				#submenu li.last {border-bottom: none;}
					#submenu a, #submenu a:visited {display: block; height: 25px; padding-left: 15px; background: url(../images/bullet.gif) left center no-repeat; color: #0F6C9D; font-size: 0.9em; line-height: 25px; text-decoration: none;}
					#submenu a:hover, #submenu a.current, #submenu a.current:visited {color: #000; font-weight: bold; text-decoration: none;}
		#main {float: right; width: 620px; padding-top: 25px;}
		#main.no-sidebar {float: none; width: 920px; margin: 0 auto;}
			#main a, #main a:visited {color: #0F6C9D;}
			#main a:hover {color: #084464; text-decoration: none;}
			#main ul li {list-style-image: url(../images/bullet2.gif); margin: 0 0 15px 20px; font-size: 0.9em; }
			#main ol li {margin: 0 0 15px 20px; font-size: 0.9em;}
				#main ul li a, #main ul li a:visited {color: #084464;}
				#main ul li a:hover {color: #0F6C9D;}
				#main .more {margin-left: 20px;}
	#footer {height: 47px; padding: 10px 10px 0 10px; background: url(../images/footer.png) top no-repeat;}
		#footer p {color: #d2d2d2; font-size: 0.87em; font-family: Tahoma, Arial, Helvetica, sans-serif;}
			#footer #fmenu1 span {padding-right: 10px; color: #555;}
			#fmenu1 {float: left;}
			#fmenu2 {float: right;}
		#footer a, #footer a:visited {color: #084464; text-decoration: none;}
		#footer a:hover {text-decoration: underline;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.req {color: #6FC037;}
p.more {font-size: 0.9em;}
p.question {margin-bottom: 0; margin-top: 2em; font-weight: bold;}
p.answer, ul.answer {margin: 5px 0; }
#main ul.answer li {margin: 5px 20px; font-size: 1em;}
#main ul.questions li {margin: 0 20px;}
.l {float: left; margin: 15px 15px 0 0; border: 1px solid #ccc;}

a.testimonial-link, a.testimonial-link:visited {font-size: 0.9em;}

table {width: 620px; margin: 20px 0; border: none; border-collapse: collapse;}
	th {padding: 7px 15px; border-left: 1px solid #3A6D85; background: #094867; color: #fff; font-size: 0.85em; font-weight: bold; text-transform: uppercase; text-align: center;}
	td {padding: 7px 15px; border: 1px solid #eaeaea; font-size: 0.9em;}
	td.yesno {width: 120px; text-align: center;}
	td.fake {border: none;}

table#cost th {text-align: left;}
table#cost td {width: 300px;}	
table#cost td.order {width: 110px; text-align: center;}
	table#cost td.order a, table#cost td.order a:visited {display: block; overflow: hidden; width: 32px; margin: 0 auto; padding-left: 32px; background: url(../images/icons/place-order.gif) center center no-repeat; text-indent: -500px;}

table#services th {text-align: left;}
table#services td {width: 300px;}	
table#services td.service {width: 100px;}
table#services td.price {width: 70px;}

/* special sections and elements
------------------------------------------- */
#banner {position: relative; width: 940px; height: 245px; margin-bottom: 20px; background: url(../images/banner.jpg) no-repeat;}
	#banner p {position: absolute; left: 470px; top: 75px; width: 400px; margin: 0;}
	#banner ul {position: absolute; left: 470px; top: 165px; margin: 0;}
		#banner ul li {float: left; list-style: none; margin: 0 15px 0 0; padding: 0;}
			#banner ul li a {display: block; overflow: hidden; height: 31px; background-repeat: no-repeat; text-indent: -10001px;}
			#banner ul li a#trial-link {width: 175px; background-image: url(../images/trial.gif);}
			#banner ul li a#tour-link {width: 134px; background-image: url(../images/tour.gif);}
#banner ul li a#buy-link {width: 110px; background-image: url(../images/buynow.jpg);}

.home-box {float: left; width: 262px; margin-bottom: 50px; padding: 105px 18px 10px 18px; border: 1px solid #EAEAEA;}
	.home-box.mid {margin: 0 20px;}
	#column1 {background: url(../images/column1.jpg) center top no-repeat;}
	#column2 {background: url(../images/column2.jpg) center top no-repeat;}
	#column3 {background: url(../images/column3.jpg) center top no-repeat;}
	.home-box h2 {margin: 0;}
	.home-box p {font-size: 0.9em;}
	.home-box em {margin-top: 5px; color: #000;}
	.home-box li {font-size: 0.9em;}
	.home-box a, .home-box a:visited {color: #0F6C9D;}
	.home-box a:hover {text-decoration: none;}
		button.submit {overflow: hidden; width: 66px; height: 27px; margin-left: 0; margin-right: 0; margin-top: 4px; background: url(../images/button-submit.gif); text-indent: -10001px;  vertical-align: middle;}
		.home-box input#name {width: 255px; margin-bottom: 2px; vertical-align: middle;}
		.home-box input#email {width: 188px; margin-bottom: 2px; vertical-align: middle;}
	#features li {list-style: none; margin: 0; padding: 3px 0 3px 20px; border-bottom: 1px solid #eaeaea; background: url(../images/bullet.gif) left 7px no-repeat;}
	#features li.last {border-bottom: none;}
	
	#trial-box {padding: 10px 18px; border: 1px solid #eaeaea; border-top: 3px solid #F3C025; background: url(../images/trialbox-pic.jpg) 18px bottom no-repeat;}
		#trial-box p {margin: 5px 0; font-size: 0.9em;}
			#trial-box #trial-link {display: block; overflow: hidden; width: 175px; height: 31px; margin-top: 100px; background-image: url(../images/trial.gif); text-indent: -10001px;}
		#trial-box h2 {margin: 0;}
		
#main .sitemap {float: left; width: 280px; margin: 20px 10px;}		
	#main .sitemap li { margin: 4px 0 4px 15px; color: #62AA31;  font-weight: bold;  font-size: 1em; line-height: 1.5em;  vertical-align: top;}
		#main .sitemap a, #main .sitemap a:visited {color: #62AA31; font-size: 1em; font-weight: bold; text-decoration: none;}
		#main .sitemap a:hover {color: #0F6C9D;}
#main .sitemap ul {margin: 0;}
	#main .sitemap ul li {margin: 0 0 0 15px; font-size: 0.9em;}
		#main .sitemap ul li a, #main .sitemap ul li a:visited {color: #0F6C9D; font-weight: normal; text-decoration: underline;}
		#main .sitemap ul li a:hover {text-decoration: none;}

.testimonial {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea;}
	.testimonial-date {color: #999; font-size: 0.9em;}

#contact-form {margin-top: 20px;}
#contact-form button.send {overflow: hidden; width: 66px; height: 27px; margin: 0 0 0 150px; background: url(../images/button-send.gif) no-repeat; text-indent: -5000px; vertical-align: middle;}
	#contact-form input, #contact-form textarea {width: 265px;}
	#contact-form input#contact-email, #contact-form input#phone {width: 180px;}
	#contact-form label {width: 130px; height: 27px; padding-left: 20px; font-size: 0.9em; line-height: 27px;}
	
ul#customers li {float: left; list-style: none; width: 125px; margin: 0 25px 25px 0; padding-left: 0; background: none;}
	ul#customers li p {height: 65px; margin: 0; font-size: 0.9em;}
	ul#customers li p strong {font-size: 1.2em;}
	ul#customers li img {border: 1px solid #ccc;}
	ul.customers li a, ul#customers li a:visited {color: #0F6C9D;}
	ul.customers li a:hover {text-decoration: none;}
	a.more-screenshots, a.more-screenshots:visited {font-size: 0.9em;}