/*SITE DETAILS:
site: ROOTS HR
design by: ali
company: spOOny

colours used: 
blue: #007083
green: #A6CE39

fonts used: Trajan & Novarese

/*Normalizes margin, padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0; padding: 0;}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/*Removes list-style from lists*/
ol, ul
{list-style: none;}

/*Normalizes font-styl and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/*Removes borders and spacing from tables*/
table
{border-collapse: collapse; border-spacing: 0;}

/*Removes border from fieldset and img*/
fieldset, img
{border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{text-align: left;}

/*Removes quotation marks from q*/
q: before, q:after
{content: '';}

html {text-align: center;}
body {width: 800px; margin: 0 auto; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; background: #d4e69c url(../images/bg-repeater1.jpg) repeat-y top center;}
p {line-height: 170%;padding-top: 4px;padding-bottom: 4px;padding-right: 20px;padding-left: 20px;}
ul {padding-left: 35px;padding-top: 10px;padding-bottom: 10px;}
li {padding-top: 4px;padding-bottom: 4px;line-height: 150%;}
#container {font-size: 90%;margin: 0;margin-left: auto;margin-right: auto;width: 800px;padding: 0px;	margin-left: -1px;}
#content ul {list-style: disc;padding-right: 20px;}
#content ol {padding-left: 35px;padding-top: 10px;padding-bottom: 10px;}
#content ol li {list-style-type:decimal;}
#header {width: 800px;float: left;margin: 0;padding: 0;height: 265px;background: url(../images/header.jpg) no-repeat top left;margin-bottom: 10px;}
#header img.social {margin-top: 10px;margin-left: 10px;}
#header img.social1 {margin-top: 10px;margin-left: 303px;}
#content-wide {float: left; width: 760px; padding: 20px; margin: 0;}
#content {width: 500px;float: left;margin: 0;padding: 0;padding-bottom: 30px;padding-right: 20px;}
#side {width: 280px;float: left;margin: 0;padding: 0;padding-bottom: 30px;}

ul#news {margin: 0;padding: 0;background: url(../images/button-news.jpg) no-repeat left top;padding-top: 120px;border-bottom: 1px solid #ccc;margin-bottom: 10px;margin-right: 25px;padding-bottom: 10px;}
ul#news li {margin: 0;padding: 0;padding-top: 8px;padding-bottom: 8px;font-size: 90%;padding-left: 10px;padding-right: 10px;}

ul#twitter {margin: 0;padding: 0;background: url(../images/button-twitter1.jpg) no-repeat 5px 0px;padding-top: 68px;border-bottom: 1px solid #ccc;margin-bottom: 10px;margin-right: 25px;padding-bottom: 10px;}
ul#twitter li {margin: 0;padding: 0;padding-top: 4px;padding-bottom: 4px;font-size: 90%;padding-left: 10px;padding-right: 10px;}
ul#twitter ul li {padding-left: 10px;background: #efefef; border: 1px solid #d7d7d7;margin-bottom: 5px;}
ul#charity {margin: 0;padding: 0;border-top: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;margin-right: 25px;padding-left: 5px;padding-top: 20px;}
ul#charity li {margin: 0;padding: 0;font-size: 90%;}

ul#testimonial {margin: 0;padding: 0;border-bottom: 1px solid #ccc;margin-bottom: 10px;margin-right: 25px;padding-bottom: 10px;background: url(../images/bg-testimonial.jpg) no-repeat left top;padding-top: 5px;}
ul#testimonial li {margin: 0;padding: 0;font-size: 90%;padding-left: 30px;padding-right: 10px;padding-bottom: 8px;}

ul#buttons {margin: 0;padding: 0;margin-right: 25px;padding-bottom: 10px;}
ul#buttons li {margin: 0;padding: 0;}
ul#button {margin: 0;padding: 0;padding-bottom: 10px;margin-top: 30px;margin-left: 15px;}
ul#button li {margin: 0;padding: 0;display: block; float: left;}
#footer {width: 800px;float: left;margin: 0;padding: 0;clear: both;height: 140px;background: url(../images/bg-footer.jpg) no-repeat bottom center;}
#footer ul {margin: 0;padding: 0;padding-left: 20px;padding-right: 20px;background: #007083;height: 30px;color: #fff;}
.left {float: left;}
.right {float: right;}

/***********************************************
			 LINKS
***********************************************/
a {color: #709523;text-decoration: none;}
a:hover {color: #96c72f;text-decoration: none;}

/***********************************************
			 HEADINGS 
 ***********************************************/
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

h1 {color: #96c72f; font-weight: bold; font-size: 130%; margin-left: 20px;width: 270px;}
h2 {color: #666; font-weight: bold; font-size: 130%; margin-left: 20px; margin-bottom: 10px; border-bottom: 1px solid #a6ce39; margin-bottom: 20px; width: 450px; margin-top: 20px;clear: both;}
h3 {color: #7c992b; font-weight: bold; font-size: 110%; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; background: url(../images/shoot.jpg) no-repeat 0% 50%; padding-left: 30px;clear: both;}
h4 {color: #96c72f; font-weight: bold; font-size: 110%; margin-left: 20px; margin-top: 10px;}
h5 {color: #96c72f; font-weight: bold; font-size: 110%; margin-left: 20px; margin-top: 10px;}
.green1 p {margin: 0; padding: 0;color: #fff;font-size: 100%;}

.sIFR-hasFlash h1 { visibility:hidden; font-size: 200%; font-weight: bold; color: #a6ce39; background: none; z-index: 1; margin-left: 20px; }
.sIFR-hasFlash h2 { visibility:hidden; font-size: 130%; font-weight: bold; color: #666666; background: none; z-index: 1; margin-left: 20px; border-bottom: 1px solid #a6ce39; margin-bottom: 20px; width: 450px; margin-top: 20px;}
.sIFR-hasFlash h4 { visibility:hidden; font-size: 150%; font-weight: bold; color: #a6ce39; background: none; z-index: 1; margin-left: 20px; }
.sIFR-hasFlash .green1 p { visibility:hidden; color: #fff; background: none; z-index: 1;}
.sIFR-flash { visibility:visible !important; }
.sIFR-replaced { visibility:visible !important; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; letter-spacing:0; }
#smoothmenu1 {float: left; padding-left: 10px; width: 760px;}

p.click {background: url(../images/bullet.jpg) no-repeat 0% 13px; font-size: 110%; color: #2b3510; font-weight: bold; margin-left: 20px; padding-top: 10px; padding-bottom: 10px;}
p.small {font-size: 85%;}
.image_left{float: left; padding: 10px; margin-top: 8px; margin-left: 0px; margin-right: 15px; margin-bottom: 8px; border: 1px solid #d4e69c;}
.image_right{float: right; padding: 10px; margin-top: 8px; margin-left: 15px; margin-right: 0px; margin-bottom: 8px; border: 1px solid #d4e69c;}
.news_image_left{float: left; padding: 5px; margin-top: 8px; margin-left: 0px; margin-right: 10px; margin-bottom: 3px; border: 1px solid #d4e69c;}
.news_image_right{float: right; padding: 5px; margin-top: 8px; margin-left: 10px; margin-right: 0px; margin-bottom: 3px; border: 1px solid #d4e69c;}
.right-download {float: right; margin: 0; padding: 0;margin-top: -36px;}
.left-offers {float: left; margin: 0; padding: 0; margin-top: 8px; margin-left: -10px;}
.image_left_none {float: left; margin-top: 8px; margin-left: 0px; margin-right: 15px; margin-bottom: 8px; border: none;}

/* --------------------------
		FORMS
-----------------------------*/	
label {width: 100px;float: left;text-align: right;display: block;margin-right: 10px;color: #55671d;}
fieldset {width: 450px;border: 1px solid #ccc;margin: 0;padding: 0;padding: 10px;padding-top: 20px;background: #e9f3ce;margin-left: 20px;margin-top: 20px;}
form#MarketForm label {width: 150px; text-align: left;}
fieldset#market {width: 700px;border: 1px solid #ccc;margin: 0;padding: 0;background: #e9f3ce;margin-left: 20px;margin-top: 10px;margin-bottom: 20px;}
fieldset#market p {clear:both;}
form#MarketForm fieldset {width: 700px;border: 1px solid #ccc;margin: 0;padding: 0;background: #e9f3ce;margin-left: 20px;margin-top: 10px;margin-bottom: 20px;}
form#MarketForm label#position {width: 500px;}
form#MarketForm table {padding: 0; margin: 0;border-collapse:collapse;margin-bottom: 10px;}
form#MarketForm td {padding-left: 20px;}
#grey {background: #e6e6e6;}
.position {height: 80px;padding-top: 15px;}
.position-grey {height: 80px;background: #e6e6e6;padding-top: 15px;}
.position1 {height: 40px;padding-top: 20px;background: #e6e6e6;}
#cfStandardPackage {height: 60px;width: 325px; margin-bottom: 10px;}
form#MarketForm label#cfStandardPackage {width: 300px;}
#cfOptional {height: 60px;width: 325px;margin-bottom: 20px;}
form#MarketForm label#cfOptional {width: 300px;}
.details {margin-top: 10px;}
.send {margin: 0; padding: 0;align: left;margin-top: 20px;margin-bottom: 10px;}
.capacity {padding-top: 20px;}
#cfCapacityOther {margin-bottom: 20px;}
.green1 {background:#A6CE39;margin: 0;padding-left: 20px;padding-bottom: 5px;padding-top: 5px;}
form#MarketForm input {margin-left: 20px;}
hr {margin-left: 20px; color: #e9f3ce; margin-right: 50px;}
label#time {width: 50px;margin: 0; padding: 0;padding-top: 2px;}
label#footsey {width: 165px;}
.errors {color:#FF0000;}
form#ContactForm label, form#EmailForm label {width: 115px;}
form#QuoteForm fieldset {padding: 0;}
form#QuoteForm p {margin: 0; padding: 0;clear: both;margin-top: 10px; font-size: 11px;padding-left: 10px;}
form#QuoteForm p.title {margin: 0; padding: 0; background: #a6ce39; font-size: 13px;color: #fff; font-weight: bold; padding-left: 10px;}
form#QuoteForm input, form#QuoteForm select {margin-left: 10px;}
form#QuoteForm p.break {margin-top: 0px;}
form#QuoteForm p.title2 {margin: 0; padding: 0; background: #d4e69c; font-size: 13px;color: #7d9831; font-weight: bold; padding-left: 10px;}
form#QuoteForm #policies {padding: 0; margin: 0;background: #eff5da; padding-bottom: 10px;border-bottom: 1px dotted #ccc;float: left;width: 450px;}
form#QuoteForm input#cfQuote {padding: 0; margin: 0;}

form#FactForm label {width: 110px;}
form#FactForm li {list-style-type:none;clear: both;}
form#FactForm label#time {width: 250px}
form#FactForm li input {margin-left: 5px;margin-top: 5px;}


.clearer {clear: both;}
ul#testimonials {list-style-type: none;  margin: 0; padding: 0; }
ul#testimonials li {width: 90%;margin: 0; padding: 0;float: left; clear: both;border-bottom: 1px solid #d4e69c; padding-top: 20px; padding-bottom: 20px; margin-left: 10px;margin-right: 20px;}
ul#testimonials li p {padding-left: 10px;}
.green-bg {background: #e9f3ce;}
ul#testimonials .image_left {padding: 0; margin: 0; float: left;margin-left: 10px;margin-right: 10px;background: #ffffff;}
table { border-collapse:collapse; margin: 0; padding: 0; margin: 20px; }
td { padding: 8px;}
.top {background: url(../images/arrow-up.jpg) no-repeat 0% 50%; margin-left: 20px;}
ul#tooltip {list-style-type: none; padding: 0; margin: 0;padding-left: 30px;margin-top: 5px; margin-bottom: 15px; height: 220px;}
ul#tooltip li  {padding: 0; margin: 0;padding:3px;display:block;float: left;}
#dhtmltooltip{position: absolute;width: 150px;border: 1px solid #017284;padding: 5px;background-color: #bfdbdf;visibility: hidden;line-height: 150%;color: #003841;z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
ul#bullet {margin: 0; padding: 0;margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 10px;font-weight: bold;list-style-type: none;}
ul#bullet li {margin: 0; padding: 0;background: url(../images/star.jpg) no-repeat 0% 50%; padding-left: 25px;padding-top: 5px; padding-bottom: 5px;}
.italic {font-style: italic;}
.green {color: #96c72f; font-weight: bold;}
.bold {font-weight: bold;}
ul#gallery {list-style-type: none; padding: 0; margin: 0;padding-left: 20px;margin-top: 5px; margin-bottom: 15px; clear: both;float: left;width: 100%;}
ul#gallery li  {list-style-type:none;padding: 0; margin: 0;padding:3px;display:block;float: left;}
ul#gallery li p {padding: 0; margin: 0; text-align: center; clear: both;}
.float-right {float: right; margin: 0px; padding: 0; margin-left: 10px;margin-right: 10px;}

.module-list {margin: 0; padding: 0;}
#twitter_update_list {margin: 0; padding: 0;}

ul#comply li {float: left; list-style: none; margin: 0; padding: 0:}

#badge {width: 255px;margin-bottom: 10px;}
#badge table, #badge tr, #badge td {padding: 0;margin: 0;}
#badge table {border-collapse:collapse;}

li#scroller {background:  url(../images/shortlist.jpg) no-repeat top left;width: 270px; height: 120px;}
.scroll {position: relative; top: 20px; left: 20px}
.facebook { margin-left: 10px;display: block; height: 35px}