/*   WEB FORMS
===============================================*/
.formHolder { margin: 0 10px; width: 435px; display: block; }
.formHolder { color: #444; }
#mainCol .formHolder h2 { font-size: 19px; line-height: 25px; margin: 5px 5px 10px 5px; color: #555; background: #f9f9f9; padding: 5px; text-decoration: underline; padding-bottom: 5px; border: dotted 1px #bbb; width: 413px; }
.formRow { clear: both; padding: 0px; margin: 5px 0 0 0; }
.formLabel { width: 225px; text-align: left; float: left; line-height: 22px; padding: 0px; margin: 0px 0 0 5px; clear: both;}
.formElement { float: left; clear: both; line-height: 20px; padding: 0px; margin: 0 0 15px 0; }
.textInput { padding: 0px; margin: 0px; float: left; position: relative; width: 250px; clear: both; font-size: 15px; background: #ffd; }
.textInput:hover { background: white; }
.textInput:focus { background: white; }

.textarea { background: #ffd; }
.textarea:hover { background: white; }
.textarea:focus { background: white; }


input.formSpecial { visibility: hidden; width: 5px; }


/* navigation */

ul.topNav li { margin-right: 7px; float: left; clear: none; }
ul.topNav { list-style-type: none; padding: 0px; margin: 0px; top: -6px; float: right; padding-right: 30px; position: relative; }

ul.topNav li.home { width: 55px; margin-right: 20px; }
.home a { background: url('images/TopNav_15.gif') no-repeat top left; width: 55px; height: 46px; display: block; }
.home a:hover { background: url('images/TopNav_15.gif') no-repeat bottom left; }
/* for current visited page */
body#home .home a { background: url('images/TopNav_15.gif') no-repeat bottom left; }

.products { width: 91px; }
.products a { background: url('images/TopNav_03.gif') no-repeat top left; width: 91px; height: 46px; display: block; }
.products a:hover { background: url('images/TopNav_03.gif') no-repeat bottom left; }
/* for current visited page */
body#products .products a { background: url('images/TopNav_03.gif') no-repeat bottom left; }

.samples { width: 91px; }
.samples a { display: block; float: left; clear: none; background: url('images/TopNav_05.gif') no-repeat top left; width: 91px; height: 46px; }
.samples a:hover { background: url('images/TopNav_05.gif') no-repeat bottom left; }
/* for current visited page */
body#samples .samples a { background: url('images/TopNav_05.gif') no-repeat bottom left; }

.ourWork { width: 77px; }
.ourWork a { display: block; float: left; clear: none; background: url('images/TopNav_07.gif') no-repeat top left; width: 77px; height: 46px; }
.ourWork a:hover { background: url('images/TopNav_07.gif') no-repeat bottom left; }
.ourWork a:hover { background: url('images/TopNav_07.gif') no-repeat bottom left; }
body#ourWork .ourWork a { background: url('images/TopNav_07.gif') no-repeat bottom left; }

.pricing { width: 91px; }
.pricing a { display: block; float: left; clear: none; background: url('images/TopNav_09.gif') no-repeat top left; width: 91px; height: 46px; }
.pricing a:hover { background: url('images/TopNav_09.gif') no-repeat bottom left; }
/* for current visited page */
body#pricing .pricing a { background: url('images/TopNav_09.gif') no-repeat bottom left; }

.contact { width: 82px; }
.contact a { display: block; float: left; clear: none; background: url('images/TopNav_11.gif') no-repeat top left; width: 82px; height: 46px; }
.contact a:hover { background: url('images/TopNav_11.gif') no-repeat bottom left; }
/* for current visited page */
body#contact .contact a { background: url('images/TopNav_11.gif') no-repeat bottom left; }

.about { width: 73px; }
.about a { display: block; float: left; clear: none; background: url('images/TopNav_13.gif') no-repeat top left; width: 73px; height: 46px; }
.about a:hover { background: url('images/TopNav_13.gif') no-repeat bottom left; }
.about a:hover { background: url('images/TopNav_13.gif') no-repeat bottom left; }


.endPiece { height: 59px; width: 49px; float: right; background: url('images/home_13.jpg') no-repeat; }
.footerEndPieceR { height: 53px; width: 16px; float: right; background: url('images/footer_03.gif') no-repeat; }
.footerEndPieceL { height: 53px; width: 16px; float: left; background: url('images/footer_04.gif') no-repeat; }


/* Global Styles */

.clearing { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 0px; }
.clearingIE { clear: both; display: block; border: 0; padding: 0; clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 0; line-height: 1px;font-size: 1px; height: 0px; }
.clearing-top {	height: 0; font-size: 0px; margin: 0; clear: left; line-height: 0px; }
* { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; color: #6d5a3d; }

h3 { font-size: 13px; }
h3 a { text-decoration: none; }
h2 a { text-decoration: none; }
h2 a:hover { text-decoration: underline; }
.orange {color: #d95c2e; font-size: 22px; margin: 0px; padding: 0px; }
.orange a {color: #d95c2e; font-size: 22px; margin: 0px; padding: 0px; }

.txtBody { margin-top: 2px; padding-top: 5px; border-top: solid 1px #6d5a3d; font-size: 13px; color: #5d4a2d; float: left; text-align: justify; line-height: 17px; }
.footerLinks { float: left; width: 96%; text-align: left; padding-left: 15px; display: inline; clear: none; line-height: 53px; position: relative; color: #222; font-size: 11px; }
.footerLinks a { color: white; font-size: 10px; padding: 0 5px; }
.footerLinks a:hover { color: #bdcbf9; }
img { border: 0; }


/* IE Hack to fix letter spacing */
* html .txtBody { font-size: 12px;}
/* end IE Hack */


/*  SAMPLES PAGE  */
.thumbBox { float: left; width: 204px; background: #e9f2fa; height: 205px; margin: 7px; padding: 0px; border: dotted 1px #79a2ba; } 
.thumbBox:hover { border: solid 1px #79a2ba; } 

.thumbTitle { background: #675232; padding: 3px 0; margin: 4px 0; text-align: center; color: #aac5ec; font-size: 20px; }
.thumbTitle a { text-decoration: none; color: #aac5ec; }
.thumbTitle a:hover { text-decoration: underline; }

.thumbPic { width: 196px; height: 135px; margin: 0 auto; }
.thumbPic a { width: 196px; height: 135px; border: solid 1px #ccc; display: block; overflow: hidden; }
.thumbPic a:hover { width: 184px; height: 123px; border: solid 6px #aac5ec; display: block; }
.thumbPic a:hover img { width: 184px; height: 123px; }

.thumbFooter { padding: 3px 0; margin: 6px 0 0 0; text-align: center; color: #675232; font-size: 12px; }
.thumbFooter a { text-decoration: none; }
.thumbFooter a:hover { text-decoration: underline; color:#d95c2e; }