/*
---------------------------------------------------------- */
/* STRUCTURAL
---------------------------------------------------------- */

html, body, ul, ol, li, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	line-height: 1.25em;
}

body {
	background: #A7A7A7 top repeat-y url(../images/elements/background.gif);
}

#page {
	width: 940px;
	margin: 15px auto 20px auto;
	font-size: 96%;
	padding-top: 15px;
	background: #FFF top left no-repeat url(../images/elements/page_top.gif);
}

/* HEADER */

#header {
	float: left;
	clear: both;
	width: 940px;
	background: #E1E1E1;
}

#content {
	float: left;
	clear: both;
	width: 940px;
	padding: 1em 0;
	font-size: 98%;
	background: #FFF;
}

#lead {
	float: left;
	width: 240px;
	padding: 2.5em 40px 0 40px;
	font-size: 98%;
}

#main {
	float: left;
	width: 520px;
	padding: 0 40px 0 60px;
}

.column {
	float: left;
	padding: 0 40px 0 40px;
}

#full {
	float: left;
	width: 860px;
	padding: 0 40px;
}

#footer {
	float: left;
	clear: both;
	width: 940px;
	font-size: 90%;
	padding: 5px 0;
	background: #282828 bottom left no-repeat url(../images/elements/footer_bottom.gif);
	margin-bottom: 20px;
}

#footer p {
	float: right;
	margin-right: 20px;
}

/*
---------------------------------------------------------- */
/* HEADER ELEMENTS
---------------------------------------------------------- */


/* LOGO */

#logo a, #home #logo span.current {
	float: left;
	width: 140px;
	height: 45px;
	margin: 0 0 0 20px;
	text-indent: -9999px;
	outline: none;
	background: top no-repeat url(../images/elements/right2web_logo.gif);
	text-decoration: none;
	border: none;
}

/* R2W
---------------------------------------------------------- */

#r2w {
	float: left;
	clear: both;
	width: 940px;
	background: #505050 repeat-y top left url(../images/elements/r2wbg.jpg);
	overflow: hidden;
}


#r2w #headline {
	float: right;
	margin-right: 60px;
}

#r2w #headline h1 {
	margin-top: 20px;
	font-size: 180%;
	color: #FFF;
}

#r2w #headline  h2 {
	font-size: 110%;
	color: #A7A7A7;
	margin-bottom: 20px;
}

/*---------------------------------------------------------- 
 MENUS
---------------------------------------------------------- */

/* HMENU */

.hmenu li {
	float: left;
	display: inline;
	list-style: none;
}

.hmenu li a {
	text-decoration: none;
	border-bottom: none;
	padding: 5px 0;
}

.hmenu li a:hover {
	color: #8B8B8B;
	border-bottom: none;
}

.hmenu .current, .hmenu a.current {
	color: #B0B0B0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* NAVIGATION MENU */

#nav {
	float: left;
	width: 940px;
	background: #282828;
}

#nav .hmenu {
	font-size: 104%;
	margin-left: 180px;
}

#nav .hmenu li {
	overflow: hidden;
	text-align: center;
}

#nav .hmenu li a, #nav .hmenu li span.current {
	width: 190px;
	margin: 0;
	display: block;
	overflow: hidden;
}

#nav .hmenu li a {
	color: #90B074;
}

#nav .hmenu li a:hover {
	color: #FFF;
}

#nav .hmenu li a.current {
	color: #A7A7A7;
}

#nav .hmenu li span.current {
	padding: 5px 0;
	color: #A7A7A7;
}

/* BREADCRUMB MENU */

#breadcrumb {
	clear: both;
	float: left;
	width: 940px;
	margin-bottom: 0.1em;
}

#breadcrumb .hmenu {
	float: right;
}

#breadcrumb .hmenu li {
	float: left;
	padding-right: 20px;
}

#breadcrumb .hmenu li.last {
	padding-left: 20px;
}

#breadcrumb .hmenu li a {
	padding: 0 22px 0 0;
	background: right no-repeat url(../images/elements/breadcrumb_link.gif);
}

#breadcrumb .hmenu li a:hover {
	background: right no-repeat url(../images/elements/breadcrumb_link_hover.gif);
}

/* sitemap */

#breadcrumb .hmenu li#sitemap a {
	background-image: none;
	border-right: #505050 1px solid;
}

#home #breadcrumb .hmenu li#sitemap a {
	border-right: none;
}

/* FOOTER ELEMENTS */

#footer .hmenu li.current {
	margin: 0 20px;
	color: #A7A7A7;
}

#footer .hmenu li a {
	padding: 0 20px;
	color: #90B074;
}

#footer .hmenu li a:hover {
	color: #FFF;
}

/* VMENU */

#content #lead ul.vmenu {
	margin: 0 0 2.5em 0;
	list-style: none;
}

#content #lead ul.vmenu li {
	list-style: none;
	border-bottom: #BCE594 1px solid;
	line-height: 2.5em;
}

/*---------------------------------------------------------- 
 GLOBAL
---------------------------------------------------------- */

/* GENERAL */

hr {
	display: none;
}

p {
	margin-bottom: 0.25em;
	font-size: 92%;
	line-height: 1.5em;
}

strong {
	color: #666;
	font-size: 108%;
	font-variant: small-caps;
	font-weight: normal;
}

acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote {
	background: no-repeat top left url(../images/elements/quoteleft.gif);
	color: #919191;
	font-size: 110%;
	padding: 10px 0 0 30px;
	line-height: 1em;
	margin: 1em 0;
}

.source {
	font-size: 90%;	
	color: #505050;
	margin-top: 0.25em;
	padding-top: 0.25em;
	border-top: #CBCBCB 1px solid;	
}

/* LABEL */

#lead .label {
	font-size: 80%;	
	color: #505050;	
}

/* LISTS */

#content ol, #content ul {
	margin: 0.25em 0 0.25em 2.5em;
	font-size: 92%;
}

#content #main .focus ul {
	list-style: url(../images/elements/focus_bullet.gif);
}

#content #main ul {
	list-style: url(../images/elements/bullet.gif);
}

#content ol li, #content ul li {
	line-height: 1.75em;
}

/* IMAGES */

img {
	float: left;
}

img.follow {
	float: right;
	margin-left: 20px;
}

/* LINKS */

a {
	color: #638C40;
	text-decoration: none;
	border-bottom: #90B074 1px solid;
}

a:hover {
	color: #90B074;
	border-bottom: #BCE594 1px solid;
}

a.emphasis, #content .vmenu a, #lead h4 a, .column h4 a {
	padding-left: 20px;
	background: no-repeat left url(../images/elements/emphasis_link.gif);
	border-bottom: none;
	text-decoration: underline;
}

.focus a.emphasis, #lead h4 a, .column h4 a {
	background: no-repeat left url(../images/elements/emphasis_link_focus.gif);	
}

#content .vmenu a {
	text-decoration: none;
}

a.emphasis:hover, #content .vmenu a:hover {
	background: no-repeat left url(../images/elements/emphasis_link_hover.gif);
	border-bottom: none;
}

.focus a.emphasis:hover, #lead h4 a:hover, .column h4 a:hover {
	background: no-repeat left url(../images/elements/emphasis_link_focus_hover.gif);
}

/* HEADINGS
---------------------------------------------------------- */

/* LEAD */

#lead h3 {
	font-size: 114%;
	font-weight: normal;
	margin: 1em 0 0.25em 0;
	padding-bottom: 2px;
	border-bottom: #CBCBCB 2px solid;
	color: #737373;
}

#lead h3 a {
	border-bottom: none;
	color: #737373;
}

#lead h4, .column h4 {
	font-size: 94%;
	font-weight: normal;
	margin: 1em 0 0 0;
	background-color: #E1E1E1;
	border: #CBCBCB 1px solid;
	padding: 5px 5px 7px 20px;
}

#lead h4 a, .column h4 a {
	color: #507234;
	margin-left: -20px;
}

#lead h4 a:hover, .column h4 a:hover {
	color: #71A049;
}

/* MAIN */

#main h2 {
	font-size: 240%;
	color: #222;
	margin: 0.5em 0 0.125em 0;
}

#main h3, #main h4 {
	clear: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#main h3 {
	font-size: 120%;
	color: #505050;
	margin: 1em 0 0.25em 0;
}

#main h3 a {
	color: #505050;
}

#main h3 strong {
	color: #505050;
	font-size: 110%;
	font-weight: bold;
}

#main h4 {
	font-size: 110%;
	color: #666;
	margin: 0.75em 0 0.25em 0;
}

/* COLUMN */

.column h3 {
	margin-bottom: 1em;
	padding-bottom: 0.1em;
	border-bottom: #505050 8px solid;
}
	
.column h3 a {
	color: #222;
	border-bottom: none;
}

/* FOCUS
---------------------------------------------------------- */

/* FOCUS */

.focus {
	margin: 1em 0 1.5em 0;
	padding: 20px 20px 15px 20px;
	background-color: #E1E1E1;
	border: #CBCBCB 1px solid;
}

#main div.focus h3 {
	margin-top: 0;
}

#main div.focus h4 {
	color: #505050;
}

/* ITEM */

.item {
	padding: 10px 10px 10px 20px;
	margin-bottom: 0.5em;
	border-right: #CBCBCB 1px solid;
	border-left: #CBCBCB 1px solid;
	border-bottom: #CBCBCB 1px solid;
}

.column .item {
	font-size: 90%;
}

/* STEPS */

li#step1, li#step2, li#step3 {
	padding-left: 50px;
	min-height: 36px;
	list-style: none;
	margin: 1em 0 0 -3.5em;
}

li#step1 {
	background: top left no-repeat url(../images/elements/step1.gif);
}

li#step2 {
	background: top left no-repeat url(../images/elements/step2.gif);
}

li#step3 {
	background: top left no-repeat url(../images/elements/step3.gif);
}

.focus li#step1 {
	background: top left no-repeat url(../images/elements/focus_step1.gif);
}

.focus li#step2 {
	background: top left no-repeat url(../images/elements/focus_step2.gif);
}

.focus li#step3 {
	background: top left no-repeat url(../images/elements/focus_step3.gif);
}

/*---------------------------------------------------------- 
GLOBAL FORM
---------------------------------------------------------- */

form p {
	margin-top: 1em;
	color: #000;
}

form p.controls {
	margin-top: -0.25em;
}

/*---------------------------------------------------------- 
SPECIFIC
---------------------------------------------------------- */

/* HOME
---------------------------------------------------------- */

#home blockquote {
	font-size: 160%;
	background: no-repeat top left url(../images/elements/quoteleft.gif);
	color: #AAA;
}

#home #r2w #headline {
	height: 165px;
}

#home #r2w #headline h1 {
	margin-top: 40px;
}

#home #sitemap {
	padding-right: 0;
}

/* SERVICES
---------------------------------------------------------- */

#editing_services #content #lead {
	padding-top: 5em;
}

#editing_services #content #main ol#steps {
	margin: 1.25em 0 0 0;
	list-style: none;
	padding-top: 1em;
	border-top: #505050 8px solid;
	/* border-bottom: #505050 8px solid; */
}

#editing_services #content #main ol#steps li ul {
	list-style-type: none;
	list-style-image: none;
}

#editing_services #step1, #editing_services #step2, #editing_services #step3 {
	margin: 1em 0 0 0;
	padding: 0.5em 20px 0 50px;
}

#editing_services #step1, #editing_services #step2 {
	padding-bottom: 0.75em;
	border-bottom: #CBCBCB 2px solid;
}

#editing_services #step1 {
	margin-top: 0;
}

/* CONTACT
---------------------------------------------------------- */

#contact form {
	margin-top: 1em;
	font-size: 98%;
}

#contact form .error {
	color: #BE0101;
}

#contact form .required {
	font-size: 90%;
	position: relative;
	top: -0.25em;
	margin-left: 0.5em;
	color: #5A5A5A;
}

/* EDITING RATES
---------------------------------------------------------- */

#editing_rates form {
	float: left;
	font-size: 98%;
}

#editing_rates form h3 {
	padding-bottom: 0.1em;
	border-bottom: #505050 8px solid;
}

#editing_rates #step1, #editing_rates #step2, #editing_rates #step3 {
	padding-left: 50px;
	list-style: none;
	margin-left: 0;
	width: 470px;
}

#editing_rates #step1 {
	padding-bottom: 0.5em;
}

#editing_rates #step2 {
	border-top: #CBCBCB 2px solid;
	border-bottom: #CBCBCB 2px solid;
	margin: 0.75em 0 1em 0;
	padding: 0.5em 0 0.75em 50px;
}

#editing_rates #content ol {
	float: left;
	clear: both;
	margin-left: 0;
}

#editing_rates #content ol li {
	float: left;
	clear: both;
}

#editing_rates #content ol li ul li {
	float: left;
	clear: none;
	display: inline;
	list-style: none;
	list-style-image: none;
	border-bottom: none;
}

#editing_rates #content ol li ul li input {
	margin-left: 2em;
}

#editing_rates form li.first {
	margin-left: -4.5em;
}

#editing_rates #estimate {
	float: left;
	clear: both;
	width: 520px;
	background-color: #505050;
}

#editing_rates #result {
	font-size: 140%;
	margin-left: 0.5em;
	color: #FFF;
}

#editing_rates #submitquote {
	font-size: 120%;
	background-color: #E1E1E1;
	border: #757575 1px solid;
	margin-left: 0;
}

/* EDITING RATES */

#editing_rates #full h3 {
	margin-top: 2em;
	padding-bottom: 0.1em;
	border-bottom: #505050 8px solid;
}

#editing_rates_table {
	margin-bottom: 1em;
	width: 100%;
	border: none;
}

#editing_rates_table td {
	border: none;
}

#editing_rates_table thead td {
	font-weight: bold;
	text-align: center;
	border-right: #757575 1px solid;
	border-bottom: #757575 1px solid;
	background-color: #E1E1E1;
}

#editing_rates_table tfoot td {
	text-align: center;
}

#editing_rates_table tfoot td {
	font-size: 90%;
	color: #757575;
}

#editing_rates_table tbody td {
	text-align: center;
	border-right: #757575 1px solid;
	border-bottom: #757575 1px solid;
}

#editing_rates_table td.row_header {
	text-align: left;
	border-left: #757575 1px solid;
}

/* KNOW MORE
---------------------------------------------------------- */

#know_more .column {
	width: 233px;
}

/* ABOUT
---------------------------------------------------------- */

#about #full {
	margin: 1em 20px;
}

#about .column {
	width: 360px;
	margin-left: 20px;
}

#about .partner_title {
	font-size: 140%;
	border: #757575 1px solid;
}

#about .partner {
	border-right: #757575 1px solid;
	border-left: #757575 1px solid;
	border-bottom: #757575 1px solid;
}

#about .partner, #about .partner_title {
	padding: 10px;
}

#about .partner_title h4 {
	border: none;
	background: none;
	padding: 0;
	margin-top: 0;
}

/* CONTENT OPTIMISATION
---------------------------------------------------------- */

#ingredients, #method {
	width: 470px;
	background: #E1E1E1 top left repeat-y url(../images/elements/perfect_content_left.jpg);
	padding: 0 20px 0 30px;
}

#method {
	padding-bottom: 20px;
}

div.perfect_content.focus {
	border: none;
	padding: 24px 0 0 0;
	background: top left no-repeat url(../images/elements/perfect_content_top.jpg);
}

#content #main div.perfect_content.focus h4 {
	margin-top: 0;
	padding-top: 1em;
}

#content #main div.perfect_content.focus ul {
	margin-bottom: 0;
}

/* WEB LOCALISATION
---------------------------------------------------------- */

#web_localisation #lead {
	margin-top: 3em;
}

#web_localisation table, #web_localisation table td {
	border: none;
}

#web_localisation table {
	border-left: #757575 1px solid;
	border-bottom: #757575 1px solid;
	width: 100%;
}

#web_localisation table td {
	border-top: #757575 1px solid;
	border-right: #757575 1px solid;
}

#web_localisation thead td {
	font-weight: bold;
	background-color: #E1E1E1;
}

#web_localisation table td.figures {
	text-align: right;
	padding-right: 2em;
}


/* SITEMAP
---------------------------------------------------------- */

#sitemap #r2w {
	background-image: none;
	background-color: #282828;
}

#sitemap #r2w #headline {
	float: left;
	margin-left: 140px;
}