/* Global Settings */
body { margin: 0; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #666666 }
.hidden { visibility: hidden; position: relative; left: -9999px; margin: 0; padding: 0 }

/* Header & Main Content Formatting */
#page-holder { width: 760px; margin: 0 auto }
#header { width: 702px; height: 205px; margin: 0 auto; background: #FFF url(../images/header.jpg) no-repeat; position: relative }
#content { width: 702px; margin: 0 auto; position: relative; background: #FFF url(../images/backing.jpg) repeat-y; }
#bottombar { width: 702px; height: 35px; margin: 0 auto; background: #FFF url(../images/bottombar.jpg) no-repeat }
.button {background-color: rgb(248,107,2); color:#000; font-size: 8pt; border: 1px #000 solid; float: left }
.logo { width: 255px; height: 115px; position: absolute; top: 15px; left: 15px; background: #dfebc5 url(../images/logo.jpg) no-repeat }
.phone { width: 280px; height: 25px; position: absolute; top: 15px; left: 500px; background: #dfebc5 url(../images/phone.jpg) no-repeat }
#footer { width: 640px; margin: 0 auto; border: 1px #000 solid; height: 20px }

#navigation a span { position: absolute; top: -9999em; left: -9999em }
#navigation a { display: block; width: 83px; height: 81px }
#navigation a:focus, #navigation a:hover, #navigation a:active { background-position: -90px 0 }

.home-link { background: url(../images/home.jpg) no-repeat; background-position: 0 0; position: absolute; top: 115px; left: 240px}
.services-link { background: url(../images/services.jpg) no-repeat; background-position: 0 0; position: absolute; top: 115px; left: 330px}
.technology-link { background: url(../images/ecommerce.jpg) no-repeat; background-position: 0 0; position: absolute; top: 115px; left: 420px}
.storage-link { background: url(../images/storage.jpg) no-repeat; background-position: 0 0; position: absolute; top: 115px; left: 510px}
.contact-link { background: url(../images/contact.jpg) no-repeat; background-position: 0 0; position: absolute; top: 115px; left: 600px}

a { text-decoration: none; color: #f86b02 }
a:focus, a:hover, a:active { text-decoration: underline; color: #f86b02; outline: none}

label { font-size: 90%; display: block }
input, textarea { width: 220px; padding: 2px }
input.button { width: auto }
.small { font-size: 0.9em; margin: 3px 0 0 6px }
.efsform { padding: 12px 18px 12px 18px; margin: 0; background: #ebe4c5; position: relative; border: 1px #C0C0C0 solid }
.inputfield { border: 1px #000 solid; background-color: #f86b02; color: #000 }

h2 { font-size: 1.5em; margin-bottom: 5px }
h3 { font-size: 1.3em; margin-bottom: 5px }

.thankyou, .error { margin: 15px 0 0 25px }
.thankyoupara { font-size: 1.2em; margin: 10px 0 0 25px }
.error { color: red; margin-top: 15px }

/* Content Box Styling */

li { list-style: square; line-height: 1.6em; margin-bottom: 5px }

img.float-left { float: left; margin: 16px }
img.float-right { float: right; margin: 16px }

.para { font-size: 1.2em }

.addressbullet { list-style: none }

.leftbar-img { margin: 5px 7px 5px 7px; border: 1px #000 solid }
.left-float { width: 190px; margin: 0 8px 0 24px; float: left; border-left: 1px #000 solid; border-right: 1px #000 solid; padding: 4px 4px 4px 4px }
.right-float { width: 440px; float: right; margin: 0 22px 0 0 }
.clear { clear: both }
.focus { font-size: 1.5em } 

/* Footer */

.copyright { float: left; margin: 3px 0 0 5px}
.valid { float: right; margin: 3px 5px 0 0}

.align { text-align: center }