/* Style Sheet - Written by Tom Mason for http://www.orangecrate.co.uk */
/* ==================================================================== */

/*START tag styles*/
body{ padding: 0px; margin: 0px; font-family: arial; color:#666666 ; font-size: 8pt; } /*used to centre page in ie */
a:link,
a:hover,
a:visited{ text-decoration: underline; font-family: arial; color: #228ae1; }
h3{ font-size: 10pt; color: #919090; }
img{ border: 0px; }
/*END tag styles*/

/*START header*/
#logo{ margin-left: auto; margin-right: auto; width: 514px; margin-top: 50px; }
#bar{ height: 30px; background-color: #DC5A00; font-size: 11pt; }
#bar ul{ list-style-type: none; width: 540px; margin-right: auto; margin-left: auto; padding:0px;}
#bar li{ float: left; border-left: 1px solid #f8a56d; border-right: 1px solid #f8a56d; padding: 6px 27px 0px 27px; height: 24px; } 
#bar a:link,
#bar a:hover,
#bar a:visited{ text-decoration: none; color: #fff; }
#bar li:hover{ background-color: #f98a40;  }
/*END header*/

#content{ width: 490px; margin-left: auto; margin-right: auto; text-align: center; padding: 20px 0px 20px 0px;}
.clear_both{ clear: both; }

/*START form elements*/
.orange_inputs{ background-image: url(../images/input.jpg); border: 1px solid #d1d4d1; width: 250px; color: #919090; font-size: 8pt;}
.orange_inputs:focus{ border: 1px solid #ff6600; }
.orange_table{ background-color: #fcfbfb; }
.orange_cell_input{ border: 2px #fff solid; }
.orange_cell_text{ width: 200px; border: 2px #fff solid; text-align: right; }
.orange_text_area{ background-image: url(../images/text_area.jpg); background-repeat: no-repeat; border: 1px solid #d1d4d1; width: 250px; color: #919090; font-size: 8pt;}
.orange_text_area:focus{ border: 1px solid #ff6600; }
.orange_submit:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
.orange_select{ background-image: url(../images/text_area.jpg); background-repeat: no-repeat; border: 1px solid #d1d4d1; width: 250px; color: #919090; font-size: 8pt; }
.orange_select:focus{ border: 1px solid #ff6600; }
/*END form elements*/

/*START homepage*/
.image_links_wrapper a:link{ text-decoration: none; margin-top: 1000px;}
.image_links_wrapper a:visited{ text-decoration: none; }
#quote,
#brief{ width: 169px; height: 88px; float: left; margin-top: 20px; font-size: 12pt; text-align: left; color: #ff6600;}
#quote{ background-image: url(../images/quote.jpg); margin-left: 20px; }
#brief{ background-image: url(../images/brief.jpg); margin-left: 100px;}
#brief:hover,
#quote:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none;  }
.brief_quote_text{ margin-top: 37px; margin-left: 22px; }
/*END homepage*/

/*START designpage*/
#featured_website_text{ float: left; width: 178px; text-align: justify; padding-right: 5px;  }
#featured_website_text ul{ padding: 0px 0px 0px 12px; }
#featured_website_image{ float: left; }
/*END designpage*/

/*START devpage*/
#services_wrapper a:link{ color: #ff6600; }
#services_wrapper{ padding-top: 20px; padding-bottom: 20px; }
#ecomerce,
#cms,
#seo{ width: 126px; height: 138px; border: 1px solid #d1d4d1; float: left; margin-left: 20px; }
#ecomerce{  background-image: url(../images/ecomerce.jpg); margin-left: 35px; }
#cms{  background-image: url(../images/content.jpg); }
#seo{  background-image: url(../images/optimization.jpg); }
#ecomerce:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
#cms:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
#seo:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
.seo_ecom_cms_text{ margin-top: 90px; }
/*END devpage*/

/*START contactpage*/
#contact_text{ text-align: left; width: 165px; float: left; }
#call_back{ background-image: url(../images/call_back.jpg); margin-left: 40px; }
#cms_demo{ background-image: url(../images/cms_demo.jpg); margin-left: 80px; }
#cms_demo:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
#call_back:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
#contact_wrapper{ padding-top: 20px; padding-bottom: 20px; } 
#contact_wrapper a:link{ color: #ff6600; }
#call_back,
#cms_demo{ width: 169px; height: 88px; border: 1px solid #d1d4d1; float: left; }
.call_demo_text{ margin-top: 38px; margin-left: 32px; font-size: 12pt; text-align: left; }
/*END contactpage*/

/*START cmspage*/
#cms_demo2{ background-image: url(../images/cms_demo.jpg); width: 169px; height: 88px; border: 1px solid #d1d4d1; margin-left: 150px; }
#cms_demo2:hover{ filter:alpha(opacity=50); opacity:.5; text-decoration: none; }
/*END cmspage*/

/*START footer*/
#footer{ background-color: #DC5A00; height: 14px; }
#footer a:link,
#footer a:hover,
#footer a:visited{ text-decoration: none; color: #fff; }
#footer ul{ list-style-type: none; padding: 0px; margin: 0px; width: 200px; margin-left: auto; margin-right: auto; }
#footer li{ float: left; border-left: 1px solid #fff; padding: 0px 5px 0px 5px; }
/*END footer*/