*,* * { margin:0; padding:0; font-size:1em; position:relative; zoom:1; }
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background:#fff url(../css_images/body-bkrd.png) repeat-x fixed; color:#4E5E75; }
object { display:block; z-index:150; }
iframe,a img { border:none; }
a { color:#4E5E75; }
.content a.anchor { margin:0; }
#frame,#frame_home { text-align:center; margin:0 auto; width:85.4em; }
body>#frame,body>#frame_home { background:transparent url(../css_images/body-shadow.png) repeat-y left; }
#inner-frame { margin:0 1.9em 0 2em; width:815px; background:#fff; text-align:left; }

/* header, nav & utility nav */
#header { height:10.5em; z-index:900; }
#header_logo { position:absolute; top:1.2em; left:1.2em; height:5.5em; width:19.3em; background:transparent url(../css_images/cirdan-logo.gif) no-repeat; }
#header h1 a { display:block; height:5.5em; z-index:100; }
#header h1 a span { display:none; }
#nav_wrap,#nav_util { position:absolute; right:0; }
#nav { display:inline; }
#nav_util { top:0; z-index:51; }
#nav_wrap { bottom:0; z-index:50; }
#header ul,#footer ul { list-style:none; }
#header li { display:block; line-height:28px; float:left; }
#header li.nav a,#header li.active a { line-height:28px; display:inline-block; text-decoration:none; color:#71a64b; }
#header li.nav>a,#header li.active>a { display:block; width:100%; }

#header li:hover a,#header li a:hover,#header li:hover li:hover a { background:#538330; color:#fff; }
#header li.active>a,#header li.active_large>a { background:#538330; color:#fff; }
#header li:hover li>a { background:none; }
#header li.nav span,#header li.active span { line-height:28px; font-size:1.3em; font-weight:bold; padding:0 1.3em; cursor:pointer; }
#header li a.nav-hide { display:none; }
#header li>a.nav-hide { display:block; }
#header li a table { position:absolute; top:100%; right:0; border-collapse:collapse; }
#header li li a table { top:-1px; right:100%; }
#header li ul { position:absolute; right:0; top:100%; }
#header li li ul { position:absolute; right:100%; top:-1px; }
#header li li { background:#71a64b; display:block; width:15em; float:none; clear:both; left:-3.3em; border:1px solid #000; border-bottom-color:#7f7f7f; }
#header li li li { left:0; }
#header li.nav li a,#header li.nav li a span,#header li.active li a,#header li.active li a span { width:150px; color:#fff; }
#header li.nav li a span,#header li.active li a span { line-height:30px; }
#header li>ul { display:none; }
#header li:hover>ul { display:block; }
#header li a ul,#header li a:hover li ul { visibility:hidden; }
#header li a:hover ul,#header li li a:hover ul { visibility:visible; }

/* section-specific mini-blocks for drop downs */
ul#about-us { background:url(../css_images/mini-blocks-32x32/mini-smarter.gif) no-repeat top right; }
ul#solutions { background:url(../css_images/mini-blocks-32x32/mini-achieve.gif) no-repeat top right; }
ul#partner { background:url(../css_images/mini-blocks-32x32/mini-partner.gif) no-repeat top right; }
ul#news { background:url(../css_images/mini-blocks-32x32/mini-passion.gif) no-repeat top right; }
#sparc_gsearch { background:#71a64b; width:225px; height:28px; padding-top:3px; padding-left:5px; }
#cse-search-form td.gsc-search-button { padding:0 5px; }
#cse-search-form input.gsc-search-button { background:transparent; border:1px solid #fff; color:#fff; height:18px; text-shadow:none; }
#cse-search-form div.gsc-clear-button { background:transparent url(../css_images/gsearch-close.gif) no-repeat center center; height:18px; }
#cse { color:#000; position:absolute; top:100%; right:0; width:600px; line-height:normal; }
#cse .gsc-control-cse { border:1px solid #000; padding-top:0; }
#header #cse a,#header #cse a:hover { color:#00c; background:#fff; }

/* -- News -- */

/* News Pages */
.news span a { font-weight:bold; }
.content .news-page,.content .news-article { border-left:1px solid #c8cdd6; background:#fff; border-left:; clear:both; padding-left:25px; padding-bottom:15px; }
.content p.news-back { position:absolute; bottom:-5px; }
p.news-back a { font-size:11px; }
.content .news-page img,.content .news-article img { float:right; margin:0 10px 10px 0; border:1px solid #aaa; z-index:300; }
.content .news-page h5,.content .news-article h5 { background:#fff url(../css_images/home-block-header-bkrd.gif) bottom left no-repeat; border-bottom:1px solid #c8cdd6; line-height:25px; font-size:16px; margin:0 0 10px; padding:0 10px; left:-25px; width:100%; }
.content .news-page h5 { background:none; border-bottom:none; }
.content .news-page { background:#fff url(../css_images/home-block-header-bkrd.gif) bottom left no-repeat; border-bottom:1px solid #c8cdd6; }
.news-page h5 span,.news-article h5 span { display:block; line-height:22px; }
.news-article { background-position-y:30; }
.news-page h5 a,.news-article h5 a { display:block; width:75%; text-decoration:none; }
.news-page .date,.news-article .date { position:absolute; top:0; right:0; text-align:right; font-size:14px; }
.content .news-page h6,.content .news-article h6 { padding:0; margin:5px 10px 10px 0; font-style:italic; font-size:14px; }
.content .news-page p.full,.content .news-article p.full,.content .news-page p.preview,.content .news-article p.preview { margin:10px 0; font-size:12px; line-height:16px; }

/* Related box */
.news-article .related { width:200px; float:right; border:1px solid #c8cdd6; margin:0 25px 10px; z-index:300; border-right:none; border-bottom:none; border-top:none; }
.content .news-article .related ul { list-style:none; list-style-image:none; }
.content .news-article .related li { margin-left:10px; }
.news .related h5,.news-article .related h5 { left:0; }
.content .news h5 span a:hover span,.content .news-page h5 span a:hover span { text-decoration:underline; }

/* -- News Blocks -- */

/* all news blocks */
.newsblock_wrap .news_clear,.newsblock_clear { clear:both; float:none; }

/* default news blocks */
.newsblock_wrap h5 .date { display:block; float:right; }
.newsblock_wrap .news h5,.newsblock_wrap .news p,.newsblock_wrap .news ul { margin-left:120px; padding-left:0; }
.newsblock_wrap .news h5 span span.date { position:absolute; top:3px; left:-105px; font-weight:bold; font-size:12px; color:#888; }
.newsblock_wrap .news .related { display:none; }

/* home page only */
.home .newsblock_wrap h5 .date { display:block; float:right; }
.home .newsblock_wrap .full,.home .newsblock_wrap .related,.home .newsblock_wrap h6,.home .newsblock_wrap .news-image,.home .newsblock_wrap .news h6,.home .newsblock_wrap .news p,.home .newsblock_wrap .news .related { display:none; }
.home .newsblock_wrap .news h5 { margin-left:65px; padding-left:4%; line-height:14px; font-size:13px; }
.home .newsblock_wrap .news h5 span span.date { font-weight:normal; position:absolute; top:3px; left:-65px; color:#333; font-size:11px; }

/* left side blocks */
.content div.page-nav { float:left; margin-left:0; left:0; top:-2em; width:7.5em; z-index:900; }
div.page-nav ul { list-style:none; margin:0; }
li.page-nav { display:none; background:transparent url(../css_images/sidebar-blocks.gif) no-repeat; }
li.page-nav a { display:block; line-height:7.5em; height:7.5em; }
.content .page-nav li { font-size:1em; margin:0; line-height:7.5em; }
.page-nav a span { display:none; }
#page-nav-about-us { display:block; background-position:-150px top; }
#page-nav-about-us:hover { background-position:-150px bottom; }
#page-nav-solutions { display:block; background-position:0 top; }
#page-nav-solutions:hover { background-position:0 bottom; }
#page-nav-partner { display:block; background-position:-75px top; }
#page-nav-partner:hover { background-position:-75px bottom; }
#page-nav-news { display:block; background-position:-375px top; }
#page-nav-news:hover { background-position:-375px bottom; }
#page-nav-contact-us { display:block; background-position:-225px top; }
#page-nav-contact-us:hover { background-position:-225px bottom; }
#footer ul { text-align:center; height:1.5em; margin:2em 0 1em; }
#footer li { display:inline; }
#footer li a { padding:0 3em; text-decoration:none; }
#footer li a:hover { text-decoration:underline; }
#footer li a span { font-size:1.3em; }
.content { width:815px; }
.content * { margin:0 2.3em; }
.content * *,.content img { margin:0; }
.content .wrap_flash { margin:0 0 2em; }

/* image styling and alignments */
a.img_default,a.img_left,a.img_right,a.img_center { display:block; z-index:100; }
img.img_default,a.img_default { float:none; clear:both; margin-right:10px; }
img.img_left,a.img_left { float:left; clear:left; margin-right:10px; }
img.img_right,a.img_right { float:right; clear:right; margin-left:10px; }
img.img_center,a.img_center { display:block; margin:0 auto 10px; clear:both; }

/* table base styles (based on width %) */
.w-100 { width:96%; }
.w-75 { width:72%; }
.w-50 { width:48%; }
.w-25 { width:24%; }

/* Standard Columns */
.multicol_v2_wrap { margin-bottom:1em; }
.content .multicol_v2_wrap { margin-left:9.8em; }
.multicol_v2_wrap .total_1,.multicol_v2_wrap .total_2,.multicol_v2_wrap .total_3,.multicol_v2_wrap .total_4 { float:left; margin-left:2%; }
.multicol_v2_wrap .column_0 { margin-left:0; }
.multicol_v2_wrap .multicol_clear { float:none; clear:both; }
.content .multicol_v2_wrap .total_2.column_0 { width:50em; }
.content .multicol_v2_wrap .total_2.column_1 { width:18em; }

/* if multicol is nested, get rid of top margin */
.multicol_v2_wrap .multicol_v2_wrap { margin:0; float:none; clear:both; }
.multicol_v2_wrap .multicol_v2_wrap .total_2,.multicol_v2_wrap .total_2 { width:48%; }
.multicol_v2_wrap .multicol_v2_wrap .total_3,.multicol_v2_wrap .total_3 { width:31%; }
.multicol_v2_wrap .multicol_v2_wrap .total_4,.multicol_v2_wrap .total_4 { width:22%; }
.content p,.content li { font-size:1.3em; line-height:1.5em; }
.content p,.content li { margin:0 30px 10px; }
.content ol,.content ul { margin-bottom:10px; }
h1.black-box,h2.black-box,h3.black-box,h4.black-box,h5.black-box,h6.black-box,.news h3 { background:#000 url(../css_images/header-bkrds/header_smarter.jpg) no-repeat center right; color:#fff; margin-bottom:15px; }
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 { padding:2% 13px; }
.content h1 { font-size:3em; }
.content h2 { font-size:2.5em; }
.content h3 { font-size:2em; }
.content h4 { font-size:1.7em; }
.content h5 { font-size:1.4em; }
.content h6 { font-size:1em; }
img.banner { margin-bottom:1.7em; }

/* Email Form */
.content .basic-form { background:#b8a888; text-align:left; }
.basic-form h3 { color:#000; border-bottom:1px solid #908872; background:transparent url(../css_images/sidebar-form-bkrd.gif) no-repeat left bottom; }
.content form { padding:10px; }
.content form div { margin:3px 0; }
.content input { width:150px; }
.content textarea,.content select { width:150px; }
.content label { display:block; font-size:13px; color:#000; }
.content input#submit { background:transparent url(../css_images/button_bg.png); border:none; color:#fff; width:97px; height:25px; margin-top:15px; margin-left:38px; font-weight:bold; text-transform:uppercase; font-size:1.3em; cursor:pointer; }
.content .error { background:#000; color:#f00; font-weight:bold; font-size:11px; padding:5px; }
.content .success { background:#000; color:#8c2; font-weight:bold; font-size:11px; padding:5px; }

/* ! slideshow CSS */
.slideshow { height:15.7em; }
.slideshow a { display:block; line-height:13.7em; text-align:center; }
.slideshow a img { margin:0 auto; vertical-align:middle; }
.slideshow .slideshow-nav-wrap,.slideshow .slide-nav { position:absolute; }
.slideshow-nav-wrap { position:absolute; bottom:5px; right:10px; z-index:200; }
.slideshow-nav-wrap ul { display:inline; list-style:none; margin:0 auto; height:11px; }
.slideshow-nav-wrap li { float:left; width:11px; height:11px; margin:0 10px; }
.slideshow a span { display:none; }
.slideshow .slide-nav { top:6em; width:2.6em; height:2.7em; }
.slideshow .slide-nav a { height:2.7em; line-height:2.7em; background-image:url(../css_images/slideshow-left-right.gif); background-repeat:no-repeat; }
.slideshow .prev { left:2em; }
.slideshow .prev a { background-position:top left; }
.slideshow .next { right:2em; }
.slideshow .next a { background-position:top right; }
.slideshow-nav-wrap a { display:block; line-height:11px; width:11px; height:11px; z-index:200; background:url(../css_images/slideshow-jumpto.png) no-repeat top left; }
.slideshow .slideshow-nav-wrap a:hover,.slideshow .slideshow-nav-wrap li.active-slide a { background-position:bottom left; }

/* ! page class specific stuff */
body.home-page { }
.home-page .multicol_v2_wrap { margin:0 2.3em 1em; }
.home-page .multicol_v2_wrap>.total_3 { width:33%; }
.home-page .multicol_v2_wrap .total_3 { border-left:1px solid #c8cdd6; margin-top:2em; margin-left:0; width:253px; height:18.7em; }
.home-page .multicol_v2_wrap .total_3 h3 { background:transparent url(../css_images/home-block-header-bkrd.gif) no-repeat left bottom; border-bottom:1px solid #c8cdd6; }

/* ! custom header backgrounds for various sections*/
body.smarter-section { }
body.know-section { }
body.achieve-section { }
body.partner-section { }
body.passion-section { }
.smarter-section h1.black-box,.smarter-section h2.black-box,.smarter-section h3.black-box,.smarter-section h4.black-box,.smarter-section h5.black-box,h6.smarter-section .black-box { background:#000 url(../css_images/header-bkrds/header_smarter.jpg) no-repeat center right; }
.know-section h1.black-box,.know-section h2.black-box,.know-section h3.black-box,.know-section h4.black-box,.know-section h5.black-box,h6.know-section .black-box { background:#000 url(../css_images/header-bkrds/header_know.jpg) no-repeat center right; }
.achieve-section h1.black-box,.achieve-section h2.black-box,.achieve-section h3.black-box,.achieve-section h4.black-box,.achieve-section h5.black-box,h6.achieve-section .black-box { background:#000 url(../css_images/header-bkrds/header_achieve.jpg) no-repeat center right; }
.partner-section h1.black-box,.partner-section h2.black-box,.partner-section h3.black-box,.partner-section h4.black-box,.partner-section h5.black-box,h6.partner-section .black-box { background:#000 url(../css_images/header-bkrds/header_partner.jpg) no-repeat center right; }
.passion-section h1.black-box,.passion-section h2.black-box,.passion-section h3.black-box,.passion-section h4.black-box,.passion-section h5.black-box,h6.passion-section .black-box { background:#000 url(../css_images/header-bkrds/header_passion.jpg) no-repeat center right; }
