/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl,dt,dd abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, fieldset, label, legend, select, input, textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 90%; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/bg.png) #FFF repeat-x; line-height: 1; color: #000; }
#body-i { background: url(../images/bg-i.png) #FFF repeat-x; line-height: 1; color: #000; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing:0; }
p { padding: 5px 0; margin: 0; }
strong, b { color: #000; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button {} 
a:link { color: #4F5980; }
a:visited { color: #4F5980; }
a:hover { color: #4F5980; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.inline { display:inline; }
.block { display:block; }
.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.container { overflow: hidden; width: 100%; }
.required { color: #D00; }
.note { font-style: italic; font-size: 10px; }

h1.sifr-text,h2.sifr-text { margin:0;padding:0; font-weight:normal; }
select.text { border: 1px solid #C6C6C7; background:#E6E6E7; }
input.text { padding: 2px; border: 1px solid #C6C6C7; width: 130px; background:#E6E6E7; }
textarea.text { padding: 2px; border: 1px solid #C6C6C7; background:#E6E6E7; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 1004px; text-align:left; margin: 10px auto 0 auto; }

/* CONTENT */
#content #right img { display:inline; } /*cms reset */
/* content home only */
#home #content { background: url(../images/bg-content.png) no-repeat; width: 100%; overflow: hidden; padding: 0 0 0 0; }
#home #content img#photo { float: left; display: inline; margin: 0 0 0 25px; }
#home #content #right { float: left; display: inline; width: 661px; }
#home #content #right .title { overflow:hidden; width: 100%; }
#home #content #right h1.oss { float:left; width: 240px; height: 32px; }
#home #content #right h1.totf { float:left; width: 287px; margin: -3px 0 0 0; height: 32px; }
#home #content #right div.text { margin: 0 0 0 0; line-height: 1.4em; }
#home #content #right h1.sifr-text {}
#home #content #right h1.sifr-text-alt {}

#home #content .headers { overflow:hidden; width: 550px; margin: 24px 0 12px 90px; }
#cool-tech-gadgets { float:left; display:inline; width:319px; margin: 0 7px 0 12px; background:url(../images/bg-content-area-right.png) repeat-x #F5F5F5; padding:1px; }
#cool-tech-gadgets .text { padding: 10px 9px 0 9px; line-height: 1em; height: 104px; overflow:hidden; }
h2.title { margin:0;color:#D1D9ED; background:#273363; padding: 6px 0 6px 0; text-indent:10px; font: Arial, Helvetica, sans-serif 15px normal; }
#photo-gallery { float:left; display:inline; width:319px; background:url(../images/bg-content-area-right.png) repeat-x #F5F5F5; padding:1px; }
#photo-gallery .text { padding: 10px 9px 0 9px; line-height: 1em; height: 104px; overflow:hidden; }
#photo-gallery .text img { float:right; margin: 0 0 8px 8px; }

/* content internal only */
#internal #content { width: 100%; overflow: hidden; background:url(../images/bg-content-i.png) #FFF repeat-x; }
#internal #content #left { float: left; width: 182px; display: inline; margin: 0 21px 0 11px; }
#internal #content #left ul { padding: 0;margin:21px 0 0 0; list-style:none; width: 100%; }
#internal #content #left li { width: 150px; border-bottom: 1px solid #DCDBDC; background: url(../images/bg-li-left.png) no-repeat 21px 10px; padding: 0 0 0 32px; }
#internal #content #left a { text-decoration: none; display:block; padding: 6px 0;margin:0; list-style:none; width: 100%; }
#internal #content #right { float: left; width: 744px; display: inline; margin: 27px 0 0 18px; line-height: 1.4em; min-height: 200px; }
* html #internal #content #right { height: 200px; }

/* PHOTO */
#internal #photo { position:relative; text-align: right; height: 92px; }
#internal #photo img { display:inline; }
#internal #photo #photo-left { position: absolute; top:-21px; left:0; }
#internal #photo h1.photo-text { color: #FFF; position:absolute; top:25px; left:51px; font-family:Arial, Helvetica, sans-serif; height: 48px; width:500px; }

#internal #photo .headers { overflow:hidden; width: 481px; position:absolute; top: 39px; left:525px; }
#internal #photo h1.oss { color: #FFF; float:left; width: 177px; height: 24px; }
#internal #photo h1.totf { color: #FFF; float:left; width: 272px; height: 24px; margin: -3px 0 0 0; }

/* HEADER */
#header { height: 96px; background: url(../images/bg-header.png) repeat-x bottom; }
#header img#logo { float:left; display:inline; width: 246px; height: 83px; margin: 0 0 0 46px; }
* #header span#logo { float:left; display:inline; width: 246px; height: 83px; margin: 10px 0 0 46px; } /*iepngfix*/

.spacer { height: 12px; border: solid #FFF; border-width: 1px 0; background:url(../images/bg-spacer.png) repeat-y; }

/*NAV*/
#nav { float:right; width: 664px; display:inline; margin: 38px 12px 0 0; }
#nav ul { height: 58px; background: url(../images/bg-nav.html) repeat-x; list-style:none; margin:0;padding:0; position:relative; z-index: 100; }
#nav a { display: block; height: 58px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform:capitalize; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 147px; color: #000; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #000; background: #AFB4B8; width:146px; } /*reset for dropdown */
#nav ul ul { display:none; position: absolute; top: 58px;left: 0px; width: 170px; height: auto; margin:0;padding:0; list-style:none; border-top: 1px #FFF solid; background: #D4D9E4; } /*dropdown properties*/
#nav li ul li { border: #7D7D7D solid; border-width: 0 0 1px 1px; border-bottom: 1px solid #D4D9E4; } /*borderbottom for ie6*/
#nav li ul li ul { position: absolute; top: 5px; left: 100%; border-top:0; } /*flyout positioning */

/* nav categories */
#nav #nav-services { background: url(../images/nav-services.png); width: 92px; } 
#nav #nav-services:hover {background-position: 0 -58px; }
#nav #nav-product-lines { background: url(../images/nav-product-lines.png); width: 127px; } 
#nav #nav-product-lines:hover {background-position: 0 -58px; }
#nav #nav-photo-gallery { background: url(../images/nav-photo-gallery.png); width: 127px; } 
#nav #nav-photo-gallery:hover {background-position: 0 -58px; }
#nav #nav-testimonials { background: url(../images/nav-testimonials.png); width: 116px; } 
#nav #nav-testimonials:hover {background-position: 0 -58px; }
#nav #nav-about-us { background: url(../images/nav-about-us.png); width: 99px; } 
#nav #nav-about-us:hover {background-position: 0 -58px; }
#nav #nav-contact-us { background: url(../images/nav-contact-us.png); width: 103px; } 
#nav #nav-contact-us:hover {background-position: 0 -58px; }

/* SPACERS */
.spacer-02 { height: 1px; border-width: 0 0; border: solid #FFF; background: url(../images/bg-spacer-02.png) repeat-y; }
.spacer-03 { font-size: 1px; height: 3px; border: solid #FFF; border-width: 1px 0; background: url(../images/bg-spacer-03.png) repeat-y; }
.spacer-04 { height: 22px; border: solid #FFF; border-width: 1px 0; background: url(../images/bg-spacer-04.png) repeat-y; }

/* BNR HEADINGS */
#bnr { height:13px; padding: 0 0 3px 0; width:100%; overflow:hidden; border-bottom: 1px solid #DCDBDC; }
#bnr span { font-weight:bold; color:#4F5980; font-size: 13px; }
#bnr img { display:inline; float:right; }

/* SIFR */
.sifr-text-alt { }
.alt { display: none; }

/* LOGOS */
#logos { position:relative; padding: 9px 0 2px 360px; height: 64px; }
#logos #film-strip { position:absolute; top:-262px; left:25px; z-index:2; }
#logos img { display:inline; margin: 0 25px 0 0; }


/* SEARCH */
#search { margin: 16px 14px 0 0; display:inline; float:right; width: 141px; padding: 13px 0 0 0; background: url(../images/bg-search.png) no-repeat; }
#search fieldset { padding:0; margin:0; font-weight:normal; }
#search input.text { width: 120px; margin: 0 2px 0 0; border-width: 1px 0 0 1px; }
#search input.image { }

#search-area { background: url(../images/bg-search-area.png) repeat-x; height: 27px; }
#search-i { float:right; margin: 3px 28px 0 0; width: 141px; padding: 0 0 0 93px; background: url(../images/bg-search.png) no-repeat 0 6px; }
#search-i fieldset { padding:0; margin:0; font-weight:normal; }
#search-i input.text { width: 120px; margin: 0 2px 0 0; border-width: 1px 0 0 1px; }
#search-i input.image { }

/* FOOTER */
#footer { background: #FFF; padding: 10px 0 4px 25px; line-height: 1.6em; }
#footer #hours { float:right; width: 376px; margin: 0 12px 0 0; text-align:right; }

/* CORE101 */
#core101-logo { text-align:center; padding: 10px 0; }

/* MISC
-------------------------------------*/

/* forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #DEDEDE; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #DEDEDE; }
#content-form input.button { padding: 2px; background: #A0A0A0; color: #FFF; }