/* General ================================ */
 
        /* Normalize some of the default styling of common (X)HTML browsers */
 
               * { margin: 0px; padding: 0px; } /* normalizes margin, padding of all elements  */
 
               ul, ol { list-style: none; } /* no list markers */ 
 
               a img, :link img, :visited img, fieldset { border: 0; } /* no borders on linked images and fieldsets */
 
               address { font-size: normal; } /* de-italicize address */
 
               table { border-collapse: collapse; border-spacing: 0; } /* normalizes table borders and spacing */
 
               caption, th { text-align: left; }
 
               q:before, q:after { content: ''; } /* removes quotation marks from q */
 
        
 
        /* Global Classes */
 
               .clear { clear: both; }
 
               hr, .hide { display: none; }
 
               .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
               .clear {display:inline-block;}
 
               /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */
 
               *html .clear { height: 1px; } /* For ie6 and lower */



body {font-family: Arial; color: #8c8e8c; text-align: left; background-color: #000000;	margin: 0 0 0 0; padding: 0 0 0 0; scrollbar-base-color: #ff8a00	}

div#Container { padding: 0;	margin: 0 auto; width: 1000px; position: relative;}
div#mainheader { padding: 0;	margin: 0 auto; width: 1000px; position: relative;}
div#mainbody { padding: 0;	margin: 0 auto; width: 1000px; position: relative;}
div#mainbodyleft { float: left; padding: 0;	margin: 5px 0 0 5px; width: 495px; height: 420px; position: relative; overflow: auto;}
div#mainbodyright { float: right; padding: 0; margin: 18px -12px 0 0px;  width: 495px; height: 420px; position: relative; overflow: auto;}
div#allyouneedfooter { float: right; width: 350px; margin: 0 10px 0 0; z-index: 10; height: 20px; text-align: right; position: relative;}

h1#taologoimage { float:right; color: #000000; width: 285px; height: 75px; background: url(../images/tao_logo.png) no-repeat; text-indent: -10000px; position: relative; margin: 5px 0 0 0px; padding:0;}
h1#taoservices { float:left; color: #000000; width: 285px; height: 75px; background: url(../images/tao_services.gif) no-repeat; text-indent: -10000px; position: relative; margin: 3px 0 0 -10px; padding:0;}

p#mainbody {float:left; font-size: 12px; width: 470px;line-height: 16px; margin: 10px 0 0 0px; text-align: justify;}
p#mainbody a {color: #ffffff; text-decoration: none; }
p#mainbody a:hover { color: #8c8e8c; text-decoration: none; }
p.error{ color: #ff0000; font-size: 12px;  line-height: 12px; margin: 0 0 0 170px; width: 280px;}

#nav-menu { width:100% } 
#nav-menu ul { list-style: none; padding: 0; margin: 0 0 0 -20px; float: left; position: relative; }
#nav-menu li { float: left; margin: 10px 0 0 0; height: 25px; line-height: 20px; width: 100px; display: block; text-align: center;}
#nav-menu li a { font-family: Helvetica, Arial;	color: #8c8e8c; font-weight: bold; font-size: 13px; text-decoration: none; }
#nav-menu li a:hover { color: #ff8a00; }

/* Hide from IE5-Mac \*/
#nav-menu li a { float: none }
/* End hide */

#footer-menu { float: right; } 
#footer-menu ul { float: right; list-style: none; padding: 0 0 0 0; margin: 0 0 0 0;  position: relative; }
#footer-menu li { float: right; margin: 3px 0 0 0; height: 25px; line-height: 20px; width: 90px; display: block; text-align: right;}
#footer-menu li a { font-family: Arial;	color: #eeeeee; font-weight: normal; font-size: 11px; text-decoration: none; }
#footer-menu li a:hover { color: #ff8a00; }

div#companyinfo { float: right; font-weight: normal; font-size: 10px; text-align: right;} 
div#disclaimer { float: left; font-size: 9px; width: 470px; margin: 3px 0 0 0;} 
div#disclaimer p {text-align: center;}


/* Hide from IE5-Mac \*/
#footer-menu li a { float: none }
/* End hide */

div#footer-scroler { float: left }

div#orangebar { float: left; width: 1000px; height: 5px; position: relative; background-color : #ff8a00; margin: 0 0 10px 0; }


td { font-family: Arial; font-size: 12pt; color: #8c8e8c; font-weight: bold;}

H1 { font-family: Arial; color:#f9ebd2; font-size: 15pt; font-weight: Normal;}
H2 { font-family: Arial; color: #8c8e8c; font-size: 12pt; font-weight: Normal}
H3 { font-family: Arial; color: #8c8e8c; font-size: 10pt; font-weight: Normal;}

a.addthis_button  { margin: 25px 0 0 0 ;}

div#casestudies {float:left; font-size: 12px; width: 470px;line-height: 16px; margin: 10px 0 10px 0px; text-align: justify;}
div#casestudies p {float:left; font-size: 12px; width: 470px;line-height: 16px; margin: 10px 0 10px 0px; text-align: justify;}
div#casestudies a { font-family: Arial; color: #8c8e8c; font-size: 12px; font-weight: Normal; margin: 10px 0 0 0; text-decoration: none;}
div#casestudies a:hover { font-family: Arial; color: #ffffff; font-size: 12px; font-weight: Normal; margin: 10px 0 0 0; text-decoration: none;}
div#casestudies ul {float:left; font-size: 12px; margin: 5px 0 20px 0 ; text-align: justify;}
div#casestudies li { list-style: square inside; margin: 5px 0 0 20px; width: 450px; font-size: 12px;  text-align: justify;}

div#casestudies H1 { font-family: Arial; color:#8c8e8c; font-size: 15pt; font-weight: Normal;}
div#casestudies H2 { font-family: Arial; color: #8c8e8c; font-size: 12pt; font-weight: Normal}
div#casestudies H2 a { font-family: Arial; color: #ff8a00; font-size: 12pt; font-weight: Normal; line-height: 28px;}
div#casestudies H2 a:hover { font-family: Arial; color: #ffffff; font-size: 12pt; font-weight: Normal}
div#casestudies H3 { font-family: Arial; color: #8c8e8c; font-size: 10pt; font-weight: Normal;}


div#testimonials {float:left; font-size: 12px; width: 470px;line-height: 16px; margin: 10px 0 10px 0px; text-align: justify;}
div#testimonials p {float:left; font-size: 12px; width: 470px;line-height: 16px; margin: 10px 0 10px 0px; text-align: justify;}
div#testimonials p.quote {float:left; font-family: garmond; font-style: italic; font-size: 14px; color:#ffffff; width: 470px;line-height: 16px; margin: 10px 0 10px 0px; text-align: justify;}
div#testimonials a { font-family: Arial; color: #8c8e8c; font-size: 12px; font-weight: Normal; margin: 10px 0 0 0; text-decoration: none;}
div#testimonials a:hover { font-family: Arial; color: #ffffff; font-size: 12px; font-weight: Normal; margin: 10px 0 0 0; text-decoration: none;}
div#testimonials H1 { font-family: Arial; color:#8c8e8c; font-size: 15pt; font-weight: Normal;}
div#testimonials H2 { font-family: Arial; color: #ff8a00; font-size: 12pt; font-weight: Normal}
div#testimonials H2 a { font-family: Arial; color: #ff8a00; font-size: 12pt; font-weight: Normal}
div#testimonials H2 a:hover { font-family: Arial; color: #ffffff; font-size: 12pt; font-weight: Normal}
div#testimonials H3 { font-family: Arial; color: #8c8e8c; font-size: 10pt; font-weight: Normal;}

div#allyouneedfooter p { float: right; color: #8c8e8c; font-size: 10px; font-weight: bold; line-height: 20px; }

img.imageborder {padding:0; margin:5px; border: 1px solid #000000;}

/* Gallery */

ul#gallerydisplay {float:right; width:470px; margin:0 0 0 5px; }
ul#gallerydisplay li { text-align: center; float:left;  width: 90px; }
ul#gallerydisplay li img { padding:0px; margin:5px; border:1px solid #ff8a00; text-align: center;}
ul#gallerydisplay li p { padding:3px; margin:3px; font-size: 16px; font-weight: bold; }



/* Form css */



div#form { float:left; position: relative; overflow : auto; text-align: center; margin:  0 0 0 0;}
div#form form p{ width: 460px; margin:  10px 0 0 0;}
div#form form p.error{ color: #ff0000; font-size: 12px;  line-height: 12px; margin: 0 0 0 170px; width: 280px;}

label {width: 150px; float: left; text-align: right; margin-right: 1.5em; display: block }
.submit input {margin-left: 168px; text-align: center;}
fieldset { border: 0; }
legend { display:  none; }
.mandatory {color: #ff0000;}