/*
 * General CSS File
 * 2005 Citrus Skies
 * http://CitrusSkies.co.uk
 */

*
{
	margin: 0;
	padding: 0;
}

body
{
	line-height: 1.7;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	color: #444;
	background: #fff url('/images/body_top.jpg') repeat-x;
	font-size: 76%;
	padding: 75px 0 0;
}

h1,h2,h3, h4
{
	   line-height: 1.2;
	   font-family: "Trebuchet MS", Lucidia, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #777;
}

h1
{
	font-size: 170%;
}

h2
{
	font-size: 180%;
}

h3
{
	font-size: 150%;
}


h4
{
	font-size: 130%;
}

a
{
	text-decoration: none;
}

a:link
{
	color: #390;
	border-bottom: 1px dotted #390;
}

a:visited
{
	color: #170;
	border-bottom: 1px dotted #170;
}

a:active, a:hover
{
	color: #170;
	border-bottom: 1px solid #170;
}

a.more
{
	padding: 0 15px 0 0;
	background: url(/images/icons/arrow.gif) no-repeat right center;
}

#nav a, #head a, fieldset
{
	border: none;
}

acronym
{
	border-bottom: 1px dotted #6b1;
}

table
{
	border: 0;
	padding: 0;
	text-align: center;
	line-height: 1.2;
	font-family: verdana, arial, helvetica, sans-serif;
}

tr
{
	vertical-align: top;
}

li, dt, dd
{
	line-height: 1.2;
	list-style-type: none;
}

input, textarea, select
{
	color: #333;
	font-size: 100%;
	border: 1px solid #999;
	font-family: inherit;
}

.error
{
	 font-weight: bold;
}

#head:after, #body:after, #boxwrap:after, #linkbuttons:after
{
	clear: both;
	content: ".";
	visibility: hidden;
	display: block;
	height: 0px;
}

#container
{
	max-width: 70em;
	margin: 0 auto;
	   padding: 0 20px;
}


#head
{
	float: left;
	display: inline; 
}

#head h1
{
	text-indent: -2000em;
}

#head h1 a
{
	margin: 0 0 0 15px;
	display: block;
	height: 63px;
	width: 312px;
	border: 0;
	background: #fff url(/images/logo.png) top left no-repeat;
}

#head h2
{
display: none;
}

#intro
{
	margin: 0 0 0 350px ;
}

#intro dl
{
	   margin: 0 50px;
	background: #e6fcce url(/images/bot_rgt_crnr.gif) bottom right no-repeat;
	   text-align:center;
}

#intro dl:hover
{
	background-color: #e0f9c0;	
}

#intro dt
{
	background: url(/images/top_lft_crnr.gif) top left no-repeat;
	color: #6b1;
	   font-family: "Trebuchet MS", Lucidia, verdana, arial, helvetica, sans-serif;
	   font-size: 170%;
	   padding: 10px 10px 5px;
}

#intro dd
{
	   padding: 0 10px 10px;
}


#accessibility
{
	display: none;
}



#nav
{
	clear: both;
	margin: 25px 0 0 0;
	background: #fff url(/images/4.png) bottom repeat-x;
	padding: 5px 0 7px;
}

#nav ul
{
	text-transform:lowercase;
	text-align: center;
       font-size: 93%;
}

#nav li
{
	display: inline;
	padding: 0 1px;
}

#nav a
{
	background: #eee url(/images/buttons_right.jpg) 100% -50px no-repeat;
	color: #280;
	border: 0;
	padding: 5px 0;

}

#nav a span
{
	background: url(/images/buttons_left.jpg) 0 -50px no-repeat;
	padding: 5px 1em;
}

#nav a:hover
{
	color: #170;
	background: url(/images/buttons_right.jpg) 100% -100px no-repeat;
}

#nav a:hover span
{
	background: url(/images/buttons_left.jpg) 0 -100px no-repeat;
}

#nav a.active
{
	padding: 5px 0 7px;
	background: url(/images/buttons_right.jpg) right top no-repeat;
	color: #390;
}

#nav a.active span
{
	padding: 5px 1em 7px;
	background: url(/images/buttons_left.jpg) left top no-repeat;

}



#body

{
	clear: both;
	padding: 35px 5% 15px;

	text-align: left;

	   min-height: 400px;
	   background: #fff url(/images/green_fade.jpg) top repeat-x;
}

#body p
{

	padding: 0 0 1.5em;
}

#footer

{
	clear: both;
	padding: 15px 0 30px;
	background: url(/images/green_fade_up.jpg) bottom repeat-x;
}

#footer p
{
   line-height: 1.4em;
}

#footer p.citrus a:link, #footer p.citrus a:visited
{
  font-size: 85%;
  color: #aaa;
  border: 0;
}

#footer p.citrus a:hover, #footer p.citrus a:active
{
  color: #170;
}

#cust_photo
{
   float: left;

   display: inline;
   width: 340px;
   text-align: center;
}

#cust_photo img
{
	padding: 10px;
	border: 1px solid #ddd;
	margin: 25px auto 0;
}

#feats
{
   margin-left: 350px;
}


#linkbuttons 
{
   margin: 10px 0 0;
}


#linkbuttons div.download
{
	width: 42%;
	float: left;
	display: inline;
	margin-left: 4%;
	text-indent: -2000em;
}

#linkbuttons div.download_center
{
	width: 42%;
	display: inline;
	margin-left: 4%;
	text-indent: -2000em;
}

#linkbuttons div.purchase
{
	width: 42%;
	float: right;
	display: inline;
	margin-right: 4%;
	text-indent: -2000em;
}

#linkbuttons a
{
	   margin: 15px auto 25px;
           border: 0;
}

a.download
{
	   background: url(/images/download_button.jpg);
	   display: block;
	   height: 60px;
	   width: 208px;
}

a.download_center
{
	   background: url(/images/download_button.jpg);
	   display: block;
	   height: 60px;
	   width: 208px;
}

a.purchase
{
	   background: url(/images/purchase_button.jpg);
	   display: block;
	   height: 60px;
	   width: 208px;
}

div#download_button div
{
	 width: 208px;
	 margin: 5px auto 15px;
	 text-indent: -2000em;
}

div#download_button div a {
border: 0;
}

div#download_button_center div
{
	 width: 208px;
	 margin: 5px auto 15px;
	 text-indent: -2000em;
}

div#download_button_center div a {
border: 0;
}


#boxwrap
{
	   margin: 10px auto 0;
}

#tutorials, .register, #world, #download_button
{
	width: 42%;
	float: left;
	display: inline;
	margin-left: 4%;
}

#partners, .login, #uk_only, #download_text
{
	width: 42%;
	float: right;
	display: inline;
	margin-right: 4%;
	   
}

#tutorials h3, #partners h3, .register h3, .login h3, #world h3, #uk_only h3, #download_text h3
{
	   text-align: center;
	   padding: 0 0 5px;
}

#tutorials dl, #partners dl, .register div, .login div, #uk_only dl, #download_text div
{
	  background: #e6fcce url(/images/bot_rgt_crnr.gif) bottom right no-repeat;
}

#tutorials dt.first, #partners dt.first, .register dl, .register div h3, .login dl, #uk_only dt, #download_text p.first
{
	   margin: 0;
	   padding: 10px 15px 5px;
	   background: url(/images/top_lft_crnr.gif) top left no-repeat;
}

#tutorials dt, #partners dt
{
	   margin: 5px 0 0 0;
	   padding: 0 15px 2px 32px;
	   background: url(/images/icons/star.gif) 15px 0.225em no-repeat;
}

#tutorials dd, #partners dd
{
	   padding: 0 15px 10px 32px;
}

#uk_only dl
{
	   padding: 0 0 5px;
}

.register dt, .login dt
{
	  padding: 0 0 2px;
}

.register dd, .login dd
{
	  padding: 0 0 5px;
}

.register div p, #download_text p
{
	  padding: 0 15px 10px;
}

#body .register p, #body .login p
{
padding: 0;
}

.register input, .login input
{
	padding: 3px;
}

#uk_only, #world
{
     text-align:center;
}

#uk_only dl
{
     padding: 0 0 15px;
     margin: 0 0 20px;
}

#uk_only dt
{
         line-height: 1.2;
	  font-family: "Trebuchet MS", Lucidia, verdana, arial, helvetica, sans-serif;
	  font-weight: normal;
         font-size: 130%;
	  color: #390;
	  padding: 15px 15px 2px;
}

#uk_only dd
{
	  padding: 0 15px 5px;
}


span.comments_on, span.comments_off
{
	font-size: 90%;
	padding: 0 0 0 15px;
	background: url(/images/icons/speech.gif) left center no-repeat;
}

ul.bullet, ul.star
{
	padding: 0 0 1em;
}

ul.star li
{
	padding: 0 0 8px 30px;
	background: url(/images/icons/star.gif) 12px 0.225em no-repeat;
}

ul.bullet li
{
	padding: 0 0 8px 30px;
	background: url(/images/icons/bullet.gif) 12px 0.225em no-repeat;

}


#mail_form
{
	width: 60%;
	margin: 0 auto 15px;
}

#mail_form form
{
	background: #e6fcce url(/images/bot_rgt_crnr.gif) bottom right no-repeat;
}

#mail_form dl
{
	background: url(/images/top_lft_crnr.gif) top left no-repeat;
	padding: 0 0 15px;
}

#mail_form dt
{
	padding: 15px 15px 0;
}

#mail_form dd
{
	padding: 0 15px 0;

}


#mail_form input
{
	padding: 3px;



}


#mail_form textarea
{
	width: 350px;
}