/*
  Stylesheet for LocalizeItOnline.com - All Rights Reserved
  Styled by 9Ball Design - Be good to your karma.  Ask before you take.
*/

/* Resetting Browser-Set Defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	outline: 0;
	font-weight: auto;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

body {font-family: Tahoma, "Tahoma", sans-serif; font-size: 13px; margin: 0 0 0 0; padding: 0 0 0 0; background: #fff url(body-bg.png) top repeat-x;}
#container {display: block; width: 850px; margin: 0 auto;}

/* MISC. */
a {color: #52823b;}
a:hover {text-decoration: none;}
strong {color: #136fac;}
ul {margin: 10px 0 10px 0;}
li {list-style-type: square; margin: 0 0 5px 15px;}
” {font-size: 24px;}

/* HEADER */
#header {display: block; width: 850px; height: 160px; overflow: hidden; background: url(header/header.png) no-repeat; margin-bottom: 20px;}
#header h1 {display: block; width: 274px; height: 130px; float: left; margin: 0 0 0 0;}
#header h1 a {display: block; width: 274px; height: 123px;}
#header h1 a span {display: none;}
#header h2 {display: block; width: 576px; height: 123px; float: right; margin: 0 0 10px 0;}
#header h2 span {display: none;}
#header h3 {display: none;}

#quotes {color: #fff; font-size: 12px;}
#quotes a {color: #68a868; text-decoration: none; background: url(header/link-bg.png) 0 3px no-repeat; padding: 0 0 0 15px; margin: 0 0 0 10px;}
#quotes a:hover {text-decoration: underline;}

#quotes {}
#author {}

/* HEADER NAVIGATIONS */
#navigation {clear: both; display: block; width: 620px; height: 35px; margin-bottom: 15px;}
#navigation ul {margin: 0 0 0 0; padding: 0 0 0 0; display: block; height: 35px;}
#navigation li {margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; display: block; float:left; height: 35px; background: url(header/nav-link-bg-hover.png) no-repeat;}
#navigation li a {display: block; height: 35px; color: #fff; text-decoration: none; background: url(header/nav-link-bg.png) no-repeat;}
#navigation li a:hover {background: url(header/nav-link-bg-hover.png) no-repeat; text-decoration: underline;}
#navigation li a span {display: block; padding: 8px 17px 0 42px;}

li#nabout {}
li#nproducts {margin-left: 15px;}
li#nclients {margin-left: 15px;}
li#ncontact {margin-left: 15px;}

/* LEFT COLUMN */
#content {}
#leftcolumn {display: block; width: 620px; float: left;}
#leftcolumn h3 {margin: 0 0 10px 0; font-size: 22px; color: #f0960c; clear: both; background: url(left-column/main-title-target.png) 0 5px no-repeat; padding: 0 0 0 23px;}
#leftcolumn p {margin: 0 0 10px 0; line-height: 18px; color: #2d2d2d;}

#leftcolumn .graybox {display: block; width: 620px; background: url(left-column/gray-box-bottom.png) bottom no-repeat; margin: 15px 0 15px 0;}
#leftcolumn .grayboxcontent {display: block; width: 620px; background: url(left-column/gray-box-top.png) top no-repeat;}
#leftcolumn .grayboxpad {display: block; padding: 15px 15px 8px 15px;}
#leftcolumn .grayboxcontent h4 {margin: 0 0 10px 0; color: #2d2d2d;}
#leftcolumn .grayboxcontent p {font-size: 12px; line-height: 16px; margin: 0 0 10px 0;}
#leftcolumn .grayboxcontent img {margin: 0 0 0 15px;}
#leftcolumn .grayboxcontent p.green {color: #52823b; font-weight: bold; margin-top: 20px;}
#leftcolumn .grayboxcontent p.green span {display: block; background: url(left-column/contact-form-button.png) no-repeat; padding: 0 0 0 40px;}

#leftcolumn .whitebox {display: block; width: 220px; background: url(left-column/white-box-bottom.png) bottom no-repeat; margin: 0 0 7px 25px; float: right;}
#leftcolumn .whiteboxcontent {display: block; width: 220px; background: url(left-column/white-box-top.png) top no-repeat;}
#leftcolumn .whiteboxpad {display: block; padding: 15px 15px 8px 15px;}
#leftcolumn .whiteboxcontent h4 {margin: 0 0 10px 0; color: #52823b; font-size: 11px;}
#leftcolumn .whiteboxcontent ul {}
#leftcolumn .whiteboxcontent li {list-style-type: square; margin: 0 0 5px 15px; font-size: 11px; color: #797979;}

#leftcolumn h5 {font-size: 22px; color: #739b5e; margin: 0 0 10px 0; background: url(left-column/product-title-target.png) 0 5px no-repeat; padding: 0 0 0 23px;}

#leftcolumn ul.float {display: block; float: left; margin: 0 25px 15px 0; padding: 0 0 0 0;}
#leftcolumn ul.float li {margin: 0 0 5px 15px; padding: 0 0 0 0;}

ul.contactlist {margin: 0 0 15px 0;}
ul.contactlist li {margin: 0 0 5px 0; list-style-type: none;}

/* TESTIMONIALS */
.testimonial {overflow: hidden; margin: 0 0 25px 0;}
.testimonialname {display: block; float: left; width: 200px; background: url(left-column/testimonial-triangle.png) top right no-repeat;}
.testimonialname ul {margin: 0 0 0 0; padding: 0 0 0 0;}
.testimonialname li {margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; font-size: 19px;}
.testimonialname li em {font-style: italic; color: #52823b; font-size: 14px;}
.testimonialname li strong {font-size: 14px;}
.testimonialcontent {display: block; background: #ededed; float: right; width: 420px;}
.testimonialcontent p {display: block; padding: 15px 15px 3px 15px;}


/* RIGHT COLUMN */
#rightcolumn {display: block; width: 200px; float: right;}
p#adwordscert {display: block; width: 200px; height: 139px; background: url(right-column/adwords-cert.png) no-repeat; margin-bottom: 15px;}
p#adwordscert span {display: none;}
p#sempocert {display: block; width: 200px; height: 105px; background: url(right-column/sempo-cert.png) no-repeat; margin-bottom: 15px;}
p#sempocert span {display: none;}
p#calltracker {display: block; width: 200px; height: 35px; background: url(right-column/call-tracker.png) no-repeat; margin-bottom: 15px;}
p#calltracker a {color: #136fac; font-weight: bold; display: block; width: 200px; height: 35px; text-decoration: underline;}
p#calltracker a:hover {text-decoration: none;}
p#calltracker span {display: block; padding: 9px 0 0 30px;}

#quickform h4 {display: none;}
#quickform {display: block; width: 200px; background: url(right-column/form-bottom.png) bottom no-repeat; margin: 0 0 15px 0;}
#quickformcontent, #successSend, #sendingMail {display: block; width: 200px; background: url(right-column/form-top.png) top no-repeat; padding: 35px 0 5px 0;}
#quickformcontent ul {margin: 0 0 0 0; padding: 0 0 0 0;}
#quickformcontent li {margin: 0 0 7px 12px; padding: 0 0 0 0; list-style-type: none !important; font-size: 12px;}
#quickformcontent li strong {color: #52823b; text-transform: uppercase;}
#quickformcontent .forminput {border: 1px solid #d1d1d1; padding: 4px; font-size: 11px; color: #5a5a5a; width: 155px;}
#quickformcontent textarea {border: 1px solid #d1d1d1; padding: 4px; font-size: 11px; color: #5a5a5a; width: 155px; white-space: normal;}

/* HOME LOGO PARAGE */
#logoParade {width: 620px; height: 115px; position: relative; overflow: hidden; margin: 15px 0 15px 0;}
#logoParade h3 {margin: 0 0 15px 0; font-size: 18px; color: #2d2d2d; clear: both; background: none; padding: 0;}
#logoParade div.scrollableArea img {float: left;}
div.scrollWrapper {position: relative; overflow: hidden; width: 100%; height: 100%;}
div.scrollableArea {position: relative; width: auto; height: 100%;}

/* FOOTER */
#footer {display: block; width: 850px; height: 45px; border-top: 1px solid #ccc;}
#footer #copyright {display: block; float: left; margin: 10px 0 0 0;}
#footer #footermenu {display: block; float: right; text-align: right; margin: 10px 0 0 0;}


.error { color: Red; }
#errorMessage { padding-left: 60px;}
#successMessage { padding-left: 15px; font-size: 12px; color: #52823b; }
#messageSending { padding-left: 15px; font-size: 12px; color: #52823b; }