* { margin: 0; padding: 0; }
html { height: 100%; } /* YOU SHOULD SPECIFY THIS FOR THE FOOTER COULD STICK TO THE BOTTOM IN FIREFOX */
body { background-color: #095aa5; height: 100%; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }

a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: 600; }
a:hover, a.highlight { color: #6cc071; font-weight: 600; }

#wrapper { position: relative; height: 100%; }

#outerbox-top-menu { position: absolute; background: url(../images/box-top.gif) no-repeat left bottom; width: 771px; height: 3px; top: -3px; #top: 0; left: 0; z-index: 100; }
#outerbox-top-menu div { position: absolute; right: 0; top: -16px; }

#outerbox { position: absolute; background: url(../images/outer-box-border.gif) repeat-y left top; width: 771px; height: 460px; left: 50%; margin-left: -385px; bottom: 100px; z-index: 400; }
#innerbox { position: relative; background: url(../images/inner-box-bkg.jpg) repeat-x left top; width: 767px; height: 460px; margin-left: 2px; }
#innerbox img#label { float: left; margin: 17px 16px; }
#innerbox a#logo { position: absolute; top: 424px; left: 609px; width: 145px; height: 35px; text-decoration: none; }

#innermenu { position: absolute; top: 55px; left: 60px; }

#rainbow { background: url(../images/rainbow.gif) no-repeat left top; height: 465px; width: 11px; float: left; margin-top: -3px; z-index: 200; }

#footer { position: absolute; background: #084993 url(../images/footer-line.gif) repeat-x top left; width: 100%; height: 100px; bottom: 0; z-index: 300; }
#footermenu { position: absolute; bottom: -20px; z-index: 400; }

#leftcontent { position: absolute; width: 350px; top: 85px; left: 60px; /*border: 1px solid #000000;*/ }
#rightcontent { position: absolute; width: 300px; top: 85px; left: 450px; /*border: 1px solid #000000;*/ }

#leftcontent h5 { position: absolute; top: -10px; }
#leftcontent h5.exception { position: absolute; top: -30px; }
#leftcontent p.info { position: absolute; top: -20px; font-style: italic; } 
#leftcontent code { font-weight: bolder; color: #f69679; } 

#leftcontent p, #rightcontent p { text-align: justify; margin: 10px 0; line-height: 1.4em; }

#leftcontent p acronym, #rightcontent p acronym { font-weight: 600; #border-bottom: 1px dotted #FFFFFF; letter-spacing: 1px; }

#leftcontent ul, #rightcontent ul { margin-left: 10px; }
#leftcontent ul li.parent, #rightcontent ul li.parent { font-weight: bold; margin-top: 15px; margin-left: 0; margin-bottom: 10px; }
#leftcontent ul li, #rightcontent ul li { list-style: none; margin: 3px 20px;}

p.totheleft { padding-left: 100px; }

#categories { position: absolute; width: 125px; top: 120px; left: 30px; }
#categories ul { text-align: right; }
#categories ul li { list-style: none; margin: 6px 0; font-size: 9px; letter-spacing: 1px; }
#categories ul li a:link, #categories ul li a:visited { font-weight: 600; }
#categories ul li a.highlightCategory { color: #6cc071; text-decoration: underline; }

#photocanvas { position: absolute; width: 373px; height: 326px; top: 86px; left: 175px; background-color: #FFFFFF; }
#canvas { height: 100%; width: 100%; text-align: center; color: #000000; font-weight: 600; color: #f7931e; }

div#picAreaLoading #loadingText { font-family: tahoma, sans-serif; font-size: 10px; color: #095aa5; text-transform: uppercase; }
div#picAreaLoading { width: 100%; height: 100%; }
div#picAreaLoading img { padding-bottom: 10px; }


#navbar { position: absolute; width: 100px; top: 250px; left: 560px; font-size: 10px; }
#navbar a { font-size: 10px; font-weight: 100; }
#navbar a:hover { color: #FFF; }
#navbar a:hover span { color: #f7931e; }

#clientinfo { position: absolute; width: 200px; top: 300px; left: 560px; }
#clientinfo h5 { color: #000000; font-weight: 600; font-size: 10px; }
#clientinfo p { font-size: 10px; }

#clients { position: absolute; top: 85px; left: 560px; }

#formToSend { position: absolute; top: 20px; }
#formToSend td { position:relative; padding: 5px 0; }
#formToSend td.label { font-weight: bold; width: 100px; }
#formToSend td.label2 { font-weight: bold; }

.checktBoxStyle { position: absolute; margin: 0; padding: 0; top: -3px; }
.textBoxStyle { background: #fff url(../images/txtbox-header.jpg) repeat-x top left; border: 0; height: 14px; padding-left: 5px; padding-top: 4px; font-size: 11px; }
.textAreaStyle { background: #fff url(../images/txtbox-header.jpg) repeat-x top left; border: 0; padding-left: 5px; padding-top: 4px; }
.object { position: absolute; top: 6px; width: 4px; height: 18px; background:url(../images/txtbox-left.jpg) no-repeat left top; }
.object2 { position: absolute; top: 6px; width: 4px; height: 18px; background:url(../images/txtbox-left.jpg) no-repeat left top; }
.object3 { position: absolute; top: 12px; width: 4px; height: 92px; background:url(../images/txtbox-left2.jpg) repeat-y left top; }
.object4 { position: absolute; top: 12px; width: 4px; height: 44px; background:url(../images/txtbox-left2.jpg) repeat-y left top; }

#submit { background: url(../images/submit-btn.gif) no-repeat top left; width: 50px; height: 19px; position: absolute; right: 0; cursor: pointer; }
#reset { background: url(../images/reset-btn.gif) no-repeat top left; width: 51px; height: 19px; position: absolute; right: 60px; cursor: pointer; }

#contactus_1 { position: absolute; left: -80px; top: 25px; }
#contactus_1 span, #contactus_2 span { font-weight: bold; color: #deb98e; }
#contactus_2 { position: absolute; left: 120px; top: 25px; }
#contactus_1 p, #contactus_2 p { font-size: 12px; }

#getaquote_1 { position: absolute; left: -80px; top: 5px; }
#getaquote_1 h5.head, #getaquote_2 h5.head { font-weight: bold; color: #deb98e; padding-top: 5px; }
#getaquote_2 { position: absolute; left: 120px; top: 25px; }
#getaquote_1 ul, #getaquote_2 ul { font-size: 12px; margin:0; padding: 0; }
#getaquote_1 ul li, #getaquote_2 ul li { position: relative; list-style: none; padding: 1px 0; margin: 0; } 
#getaquote_1 ul li.header, #getaquote_2 ul li.header { font-weight: bold; margin-top: 3px; } 
#getaquote_1 ul li span, #getaquote_2 ul li span { padding-left: 20px; }

#emailmessagestatus { position: absolute; text-align: center; width: 300px; height: 50px; top: 50%; left: 50%; margin-top: -35px; margin-left: -150px; }