/*** base.css --- styles that standardise the browser environment across different browsers and platforms as well as some generic utility styles ***/

/* Browser Reset ****************************/
*			{padding:0; margin:0; border:0;}

/* Headings ****************************/
h1,h2,h3,h4,h5,h6 	{margin:2em 0 0 0; color:#3b3839;}

/* Fonts ****************************/
html 		{font-size:1em;}
body 		{font:75% arial, sans-serif; }
html > body {}
h1 			{font-size:1em; margin-bottom:1em;}
h2 			{font-size:1em; color:#8cc641;}
h2 em 		{ font-weight:normal; font-style:normal; }
h3 			{font-size:1.1em;}
h4 			{font-size:1em;}
h5 			{font-size:0.9em;}
h6 			{font-size:0.8em;}
table, td, input, textarea, select {font:1em arial, sans-serif;}

/* Main Selectors ****************************/
body 				{ background: #FFF; color: #000; line-height: 1.5em; text-align: left;}
p       			{ margin: 0 0 1em 0;}
strong  			{ font-weight: bold;}
a:link,a:visited	{ color: #8cc641; text-decoration: underline; }
a:hover				{ text-decoration: none; }

h1.black			{ color: #000;}

/* Lists ****************************/
ul, ol         {margin:1em 0 1em 3em;}
li             {margin:0 0 0.3em 0;}
ul.unstyled,
ol.unstyled    {list-style-type:none; margin:0;}
ul.unstyled li, 
ol.unstyled li {margin:0;}


/* Forms ****************************/
fieldset        	{ float:left; clear:left; width:100%; margin:1.5em 0 0 0; padding:0;}
legend				{ margin-left:1em; font-weight:bold;}
fieldset ol			{ padding:1em 1em 0 1em; list-style:none;}
fieldset li			{ float:left; clear:left; width:100%; padding-bottom: 1em; }
fieldset.submit		{ border-style:none; float:none; width:auto; }
label				{ float:left; width:9em; margin-right:1em;}
label span			{ color:#f00; font-size: 14px; }
input.text			{ padding:3px; border:1px solid #999; width:200px;}
input.text:focus	{ border:1px solid #8cc641;}
textarea			{ padding:3px; border:1px solid #999; height:90px; width:200px;}
textarea:focus		{ border:1px solid #8cc641;}
select				{ border:1px solid #999; }
input.submit		{ background: url(../images/btn_submit.png) no-repeat; width:62px; height:35px; display:block; cursor:pointer;}
input.submit:hover	{ background: url(../images/btn_submit_on.png) no-repeat;}
label.newsletter	{ clear: both; width: 290px; position: absolute; left: 300px;}

input.submit2		{ background: url(../images/btn_submit_enquiry.gif) no-repeat; width:105px; height:33px; display:block; cursor:pointer; margin-left: 240px;}
input.submit2:hover	{ background-position: -33px left;}

/* Utility Classes ****************************/
.clear     {clear:both; font-size:0; line-height:0em;}
.indent    {margin-left:2em;}
.right     {text-align:right;}
.top       {vertical-align:top;}
.center    {text-align:center;}
.middle    {vertical-align:middle;}
.error     {color:#AA0000; margin:0 0 1em 0;}
.hide      {display:none;}
.show      {display:block;}
.img-right {float:right; margin:0 0 1em 1em;}
.img-left  {float:left; margin:0 1em 1em 0;}
.break     {padding:0.5em 0; clear:both;}
.offLeft	{ position:absolute; left:-9000px;}



/* layout */

#wrap 					{ width: 960px; margin: 0 auto; position:relative;}
#top-transparent		{ width: 960px; background: #fff; height: 100%; height: 900px; position: absolute; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; z-index: 1;}
#content				{ z-index: 999; position: relative; width: 600px; padding: 80px 10px 20px 40px;}
#sidebar2				{ position: absolute; left: 655px; z-index: 900; top: 0; padding: 0 10px 0 40px; width: 250px;}
#footer					{ margin: 15px 0 0 40px; position: relative; z-index: 888; color: #bbb; padding-bottom: 10px;}
#shadow					{ background: url(../images/bg_shadow.png) no-repeat; width: 50px; height: 900px; position: absolute; top: 30px; left: 625px; z-index: 999;}

a 						{ outline: none; }
h1.grey_hd				{ font-size: 15px; font-weight: bold; color: #666;}

#content img			{ padding-bottom: 20px;}

span.green				{ color: #8cc641; font-weight: bold; font-size: 16px;}

.left_col				{ float: left; width: 290px; padding-right: 20px;}

.right_col				{ padding: 0 0 0 10px;}

/* buttons */
a.freequote						{ background: url(../images/btn_free_quote.jpg) top no-repeat; width: 113px; height: 34px; text-indent:-2000px; display: block; float: left; }
a.freequote:hover				{ background-position: left -34px;}

a.portfolio						{ background: url(../images/btn_portfolio.jpg) top no-repeat; width: 115px; height: 35px; text-indent:-2000px; display: block; position: relative; left: 440px; top:-19px;}
a.portfolio:hover				{ background-position: left -35px;}

p span.title				{ margin-top: 20px; font-size: 15px; font-weight: bold; color: #666;}


/* sidebar */

#logo					{ float: right; margin: 70px 25px 0 0;}
.marketing				{ margin: 70px 25px 65px 0 !important;}


/* quote */
#quote					{ width: 230px; text-align: center; }
img.right_quote			{ float:right; margin:-18px 0 0 0;}

img#shadow				{ position: absolute; left: 625px; top: 40px; }

a#diagram				{ background: url(../images/btn_diagram.png) no-repeat top; width: 224px; height: 103px; overflow: hidden; text-indent: -2000px; display: block; margin-top: 60px;}
a#diagram:hover			{ background-position: left -103px;}

/* link */
ul.unstyled				{ margin-top: 15px;}
ul.unstyled	li			{ height: 30px;}

ul#marketing li			{ height: 20px;}

p.grey					{ float: right; font-size: 15px; color: #999; margin-right: 35px;}

/* footer */
#footer a				{ color: #bbb;}

/* IE 7 fix */
*:first-child+html a.portfolio		{ left: 25px; top:-19px;}


/* IE 6 fix */
* html a.portfolio					{ left: 25px; top:-19px;}

* html #shadow 						{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_shadow.png", sizingMethod="image"); left: 635px;}


html[xmlns*=""] body:last-child img.right_quote	{ margin:0px 15px 0 0;}