/* Colors:
Dark Green for headers: #4f820d;
Techromatic Cool Gray: #353a3b;
*/

/* Reset //////////////////////////////////////////////////////////////////////////////////////////  */
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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; }
strong { font-weight: bold; }em { font-style: italic; }
img { border: none; }
ul, ol, li { list-style: none; }
:focus { outline: none; }
table, td, form, fieldset, input { border: none; border-collapse: collapse; border-spacing: 0; }

/* Structure //////////////////////////////////////////////////////////////////////////////////////////  */
.wrap { width:790px; margin:0px auto; }
.inner-wrap { margin:0px 39px; background-color:#ffffff; }
#content { }
#content .inner-wrap { background:url(http://www.techromatic.com/images/leadin-bg.jpg) no-repeat scroll 0px 0px #ffffff; padding:0px 33px 30px; }
#footer { color:#929292; clear:both; font-size:11px; background-color:#ffffff; text-align:center; margin:0px 39px 30px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; }
#footer .inner-wrap { border-top:1px solid #cccccc; padding:28px 0 28px; }

body { background:white url(http://www.techromatic.com/images/site-bg.jpg) repeat-x fixed 0px 0px; font-family:Helvetica, “Helvetica Neue”, Arial, sans-serif; }
a { color:#4f820d; }
a:hover { color:#79d600; }
.logolink { background:url(http://www.techromatic.com/images/logo.gif) no-repeat scroll 0px 0px; width:247px; height:70px; text-indent:-9999px; float:left; display:inline; margin:11px 0px 12px 15px; }

/* Reusable Elements //////////////////////////////////////////////////////////////////////////////////////////  */
.clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; }
.nopad { margin-right:0px !important; }
h2 { color:#4f820d; font-size:14px; font-weight:bold; margin:0px 0px 7px 0px; }
h3 { color:#4f820d; font-size:18px; font-weight:normal; margin:20px 0px 10px 0px; }
#content p, #content ul.services li { color:#353a3b; line-height:20px; font-size:14px; margin:0px 0px 14px 0px; }
#content ul.services li { line-height:20px; margin:0px 0px 0px 30px; font-weight:normal; font-size:13px; }
#content ul.services li { list-style:disc; }
#content ul.services { margin:0px 0px 20px 0px; }
.morelink { display:block; text-align:right; font-size:13px; padding-right:20px; }
.nobg { background-image:none !important; }
.textcenter { text-align:center !important; }
.hide { display:none; }

/* Nav //////////////////////////////////////////////////////////////////////////////////////////  */
#nav { float:right; display:inline; margin:36px 18px 0px 0px; }
#nav li, #nav li a { background:url(http://www.techromatic.com/images/button-sprite.png) no-repeat scroll top right #ffffff; }
#nav li { display:block; float:left; padding:0px 9px 0px 0px; background-position:right top; margin:0px 10px 0px 0px; }
#nav li a { float:left; display:inline; margin:0px 0px 0px 0px; padding:5px 5px 6px 16px; text-decoration:none; background-position:left top; color:white; font-size:13px; text-shadow:-1px -1px 0 #4d8b00; }
#nav li:hover { background-position:right -97px; }
#nav li:hover a { background-position:left -97px; }
#nav li.current { background-position:right -190px; }
#nav li.current a { background-position:left -190px; color:#21241d; text-shadow:-1px -1px 0 #ffffff; }

/* Home //////////////////////////////////////////////////////////////////////////////////////////  */
#content .intro { background:url(http://www.techromatic.com/images/logo-white-20-2.png) no-repeat scroll 591px -32px #63b700; padding:19px 71px 0; overflow:hidden; position:relative; height:75px; }
#introbtn { position:absolute; top:0px; left:0px; width:790px; height:94px; background-color:transparent; z-index:2 }
#content .intro #introtext { position:relative; left:0px; }
#content .intro #introtext2 { text-align:center; position:absolute; top:32px; left:673px; width:790px; margin:0px 0px 0px 0px; }
#content .intro p { color:#ffffff; margin:0px 0px 14px 0px; line-height:28px; font-size:22px; text-shadow:-1px -1px 0px #57800D; }
.intro-bottom { background:url(http://www.techromatic.com/images/intro-bottom.png) no-repeat scroll 0px 0px; height:34px; }

.bullets { margin:28px 0px 0px; }
.bullets li { width:242px; float:left; margin:0px 20px 30px 0px; padding-left:70px; background:url(http://www.techromatic.com/images/features-home.jpg) no-repeat scroll 0px 0px; }
.bullets li h4 { color:#4f820d; font-size:14px; font-weight:bold; margin:0px 0px 5px 0px; }
#content .bullets li p { color:#353a3b; font-size:13px; margin:0px 0px 5px 0px; line-height:18px; }
li.cloud { background-position:0px 0px; }
li.social { background-position:-347px 0px; }
li.service { background-position:0px -133px; }
li.mobile { background-position:-353px -133px; }

#content div.leadin { background:url(http://www.techromatic.com/images/leadin-logo.png) no-repeat scroll right center transparent; padding:36px 133px 28px 0px; }
#content div.leadin p { font-size:20px; line-height:25px; color:#4f820d; margin:5px 0px; text-shadow:-1px -1px 0 #ffffff; }
#content p {  }

/* Contact //////////////////////////////////////////////////////////////////////////////////////////  */
#content .contactinfo p { font-size:17px; line-height:15px; text-align:center; }

/* Extra space on tops of certain pages */
.contact #content .inner-wrap, .people #content .inner-wrap { padding-top:30px; }