body { background:#FFF url(../images/body-bg-white.gif) repeat-x top; color: #666; }
body.grey { background:#FFF url(../images/body-bg-grey.gif) repeat-x top; }
.print { display:none; }

/* masthead
----------------------------------------------- */

#masthead ul li { margin: 0px; padding: 0px; display: inline; }
#masthead ul li a { display: block; float: left; height: 35px; text-transform: uppercase; color: #000; font: 11px/35px Helvetica, Arial, sans-serif; padding-right: 12px; padding-left: 12px; border-left: 1px solid #c1c0be; margin-top: 1px; background: url(../images/top-nav-hover.gif) top; }
#masthead ul li a.last { border-right: 1px solid #c1c0be; }
#masthead ul li a:hover, #masthead ul li.selected a { color: #FFF; text-decoration: none; background: url(../images/top-nav-hover.gif) repeat-x bottom; }

#masthead ul li#facebook {
	width: 30px;
}


#masthead ul { margin: 0px; padding: 0px; float: right; list-style: none; }
#masthead { height: 36px; }
#masthead #logo { font-size: xx-small; text-indent: -9999px; overflow: hidden; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; top: 8px; }
#masthead #logo a { display: block; width: 144px; height: 21px; background-image: url(../images/logo.gif); background-position: 0em; background-repeat: no-repeat; }


#masthead ul li#facebook a {
	width: 20px;
	text-indent: -9999px;
	background: url(../images/icon-facebook.gif) no-repeat center 7px;
	border: 0;
}

#masthead ul li#facebook a:hover {
	background: url(../images/icon-facebook-hover.gif) no-repeat center 7px ;
}


/* general layout
----------------------------------------------- */

#wrapper { margin: auto; width: 785px; }
#content { float: left; width: 510px; min-height:290px; }
#sidebar { float: left; width: 210px; margin-right: 50px; }
#detail-box { margin: -88px 0 0 0; float: right; }
#detail-box .form, #detail-box .details, #detail-box .video { margin: 0 0 0 6px; float: left; display: inline; }
.gallery { background: #000; margin: 0 10px 30px 0; padding: 25px 6px 6px; width: 305px }
.gallery.results { background: #000 url(../images/results.gif) no-repeat 10px 10px; }

/* announcment styling for inner pages
----------------------------------------------- */  

#content .announcement-list { margin: 0 0 30px 0; }
#content .date { background-image: url(/templateFiles/images/date.gif); height: 48px; width: 36px; float: left; background-repeat: no-repeat; float:left; margin: 0 20px 0 0; }
#content .month { color: #FFFFFF; font-size: 11px; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 16px; }
#content .day { font-size: 17px; color: #333; text-align: center; margin: 0px; }

#content .year { font-size: 9px; color: #333; text-align: center; margin: 0px; }

/* home section
----------------------------------------------- */

body#page-home #content-wrap { background: url(../images/content-bg-home.gif) no-repeat top; }
#sidebar #video { margin-top: 8px; }
#news { background: url(../images/news-bg.gif) no-repeat top; width: 210px; margin-top: 25px; }
#news .bottom { background: url(../images/news-bottom.gif) no-repeat; height: 11px; width: 210px; }
#news .inside { padding: 70px 15px 5px 60px; position: relative; }
#news .inside .announcement-list { margin: 0 0 15px 0; }

#news .inside .date { background-image: url(/templateFiles/images/date.gif); height: 48px; width: 36px; float: left; background-repeat: no-repeat; position: absolute; left: 15px; margin: 0px; }

#news .inside .month { color: #FFFFFF; font-size: 11px; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 16px; }
#news .inside .day { font-size: 17px; color: #333; text-align: center; margin: 0px; }
#news .inside .year { font-size: 9px; color: #333; text-align: center; margin: 0px; }


#news .inside h2 { font-size: 12px; color: #333; font-weight: normal; line-height: 14px; }


/* home banner
----------------------------------------------- */

body#page-home #banner { margin: 11px 0 0 0; height: 312px; width: 785px; position: relative; }
#slides { display:none; }
#slides .slide { height: 312px; width: 785px; }
#slides .slide h5, #slides .slide p { font-family: Helvetica, Arial, sans-serif; }
#slides .slide h5 { line-height: 25px; }
#slides .slide.one { background: url(../images/home-banner/slide1.jpg); height: 312px; width: 785px; }
#slides .slide.two { background: url(../images/home-banner/slide2.jpg); height: 312px; width: 785px; }
#slides .slide.three { background: url(../images/home-banner/slide3.jpg); height: 312px; width: 785px; }
#slides .slide.four { background: url(../images/home-banner/slide4.jpg); height: 312px; width: 785px; }
#slides .slide.five { background: url(../images/home-banner/slide5.jpg); height: 312px; width: 785px; }
#slides .slide.six { background: url(../images/home-banner/slide6.jpg); height: 312px; width: 785px; }
#slides .slide.seven { background: url(../images/home-banner/slide7.jpg); height: 312px; width: 785px; }
#slides .slide.eight { background: url(../images/home-banner/slide8.jpg); height: 312px; width: 785px; }
#slides .slide.nine { background: url(../images/home-banner/slide9.jpg); height: 312px; width: 785px; }
#slides .slide.ten { background: url(../images/home-banner/slide10.jpg); height: 312px; width: 785px; }
#slides a.more { background: url(../images/home-banner/arrow-more.png) no-repeat right center; color: #767778; text-decoration: none; padding-right: 15px; font-weight: bold; white-space:nowrap; margin: 0px; }
#slides a.more:hover { text-decoration: underline; }
.slide.one h5 { color: #ED9447; text-align: center; position: absolute; left: 169px; top: 149px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.one p { color: #FFF; text-align: center; position: absolute; top: 171px; width: 576px; height: 61px; right: 105px; font-size: 15px; line-height: 18px; }
.slide.two h5 { color: #767778; text-align: right; position: absolute; top: 94px; right: 35px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.two p { color: #767778; text-align: right; position: absolute; top: 122px; width: 360px; height: 61px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.three h5 { color: #767778; text-align: right; position: absolute; top: 94px; right: 35px; width: 352px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.three p { color: #767778; text-align: right; position: absolute; top: 147px; width: 370px; height: 61px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.four h5 { color: #767778; text-align: right; position: absolute; top: 94px; right: 35px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.four p { color: #767778; text-align: right; position: absolute; top: 122px; width: 387px; height: 61px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.five h5 { color: #767778; text-align: right; position: absolute; top: 94px; right: 35px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.five p { color: #767778; text-align: right; position: absolute; top: 122px; width: 380px; height: 61px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.six h5 { color: #767778; text-align: right; position: absolute; top: 95px; right: 35px; width: 322px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.six p { color: #767778; text-align: right; position: absolute; top: 146px; width: 353px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.seven h5 { color: #767778; text-align: right; position: absolute; top: 95px; right: 35px; width: 380px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.seven p { color: #767778; text-align: right; position: absolute; top: 148px; width: 353px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.eight h5 { color: #767778; text-align: right; position: absolute; top: 95px; right: 35px; width: 365px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.eight p { color: #767778; text-align: right; position: absolute; top: 123px; width: 353px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.nine h5 { color: #767778; text-align: right; position: absolute; top: 95px; right: 35px; width: 365px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.nine p { color: #767778; text-align: right; position: absolute; top: 123px; width: 353px; right: 35px; font-size: 15px; line-height: 18px; }
.slide.ten h5 { color: #767778; text-align: right; position: absolute; top: 95px; right: 35px; width: 365px; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; }
.slide.ten p { color: #767778; text-align: right; position: absolute; top: 133px; width: 400px; right: 35px; font-size: 15px; line-height: 18px; }
#pager { position: absolute; bottom: 0px; z-index: 100; padding-left: 22px; }
#panel { background: url(../images/home-banner/panel-bg.png) no-repeat; height: 85px; position: absolute; bottom: 0px; z-index: 50; width: 785px; }
#pager a.thumb-one { background: url(../images/home-banner/thumb1.png) no-repeat; position: absolute; top: -37px; left: 355px; height: 39px; width: 77px; }
#pager a.thumb-two { background: url(../images/home-banner/thumb2.png); }
#pager a.thumb-two:hover, #pager a.thumb-two.activeSlide { background: url(../images/home-banner/thumb2.png) 0px bottom; }
#pager a.thumb-three { background: url(../images/home-banner/thumb3.png); }
#pager a.thumb-three:hover, #pager a.thumb-three.activeSlide { background: url(../images/home-banner/thumb3.png) 0px bottom; }
#pager a.thumb-four { background: url(../images/home-banner/thumb4.png); }
#pager a.thumb-four:hover, #pager a.thumb-four.activeSlide { background: url(../images/home-banner/thumb4.png) 0px bottom; }
#pager a.thumb-five { background: url(../images/home-banner/thumb5.png); }
#pager a.thumb-five:hover, #pager a.thumb-five.activeSlide { background: url(../images/home-banner/thumb5.png) 0px bottom; }
#pager a.thumb-six { background: url(../images/home-banner/thumb6.png); }
#pager a.thumb-six:hover, #pager a.thumb-six.activeSlide { background: url(../images/home-banner/thumb6.png) 0px bottom; }
#pager a.thumb-seven { background: url(../images/home-banner/thumb7.png); }
#pager a.thumb-seven:hover, #pager a.thumb-seven.activeSlide { background: url(../images/home-banner/thumb7.png) 0px bottom; }
#pager a.thumb-eight { background: url(../images/home-banner/thumb8.png); }
#pager a.thumb-eight:hover, #pager a.thumb-eight.activeSlide { background: url(../images/home-banner/thumb8.png) 0px bottom; }
#pager a.thumb-nine { background: url(../images/home-banner/thumb9.png); }
#pager a.thumb-nine:hover, #pager a.thumb-nine.activeSlide { background: url(../images/home-banner/thumb9.png) 0px bottom; }
#pager a.thumb-ten { background: url(../images/home-banner/thumb10.png); }
#pager a.thumb-ten:hover, #pager a.thumb-ten.activeSlide { background: url(../images/home-banner/thumb10.png) 0px bottom; }
#pager a.thumb-one:hover, #pager a.activeSlide.thumb-one { border-bottom: none; }
#pager a:hover, #pager a.activeSlide { border-bottom: 2px solid #f4a654; }
#pager a { height: 40px; width: 82px; display: block; text-indent: -9999px; float: left; border-bottom: 2px solid transparent; }
/* default section
----------------------------------------------- */

body#page-default #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-default #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
/* products section - main
----------------------------------------------- */

body#page-products-main #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-products-main.jpg); }
body#page-products-main #content-wrap { background: url(../images/content-bg-home.gif) no-repeat top; }
body#page-products-main #content { margin: 0 auto; padding: 50px 0px 0px; width: 785px; float: none; }
#products-nav #icons img { float: left; margin-left: 15px; display: inline; border-style: none; }
#products-nav #icons a img:hover { border-bottom: 2px solid #f4a654; }
#products-nav { background: url(../images/products-nav.jpg) no-repeat bottom; height: 119px; width: 785px; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; }
body#page-products-main #detail-box { margin: 0px 0 0 0; float: right; }
/* products section - subs
----------------------------------------------- */

body#page-products-frogscan #content-wrap { background: url(../images/content-bg-frogscan.gif) no-repeat top; }
body#page-products-frogscantable #content-wrap { background: url(../images/content-bg-frogscantable.gif) no-repeat top; }
body#page-products-frogmill #content-wrap { background: url(../images/content-bg-frogmill.gif) no-repeat top; }
body#page-products-frogmill4 #content-wrap { background: url(../images/content-bg-frogmill4.gif) no-repeat top; }
body#page-products-frogskin #content-wrap { background: url(../images/content-bg-frogskin.gif) no-repeat top; }
body#page-products-frogtools #content-wrap { background: url(../images/content-bg-frogtools.gif) no-repeat top; }
body#page-products-frogware #content-wrap { background: url(../images/content-bg-frogware.gif) no-repeat top; }
body#page-products-frogwire #content-wrap { background: url(../images/content-bg-frogwire.gif) no-repeat top; }
body#page-products-frogcoat #content-wrap { background: url(../images/content-bg-frogcoat.gif) no-repeat top; }
body#page-products-frogscan #content, body#page-products-frogscantable #content, body#page-products-frogmill #content, body#page-products-frogmill4 #content, body#page-products-frogskin #content, body#page-products-frogtools #content, body#page-products-frogware #content, body#page-products-frogwire #content, body#page-products-frogcoat #content { margin: 0 auto; padding: 150px 0px 0px; width: 625px; float: none; }
/* applications section - main
----------------------------------------------- */

body#page-applications #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-applications.jpg); }
body#page-applications #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-applications #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
a.tab-1 { display: block; width: 624px; height: 67px; text-decoration: none; background-image: url(../images/tab-1.jpg); margin: 5px 0 0 0; }
a.tab-1:hover { background: url(../images/tab-1.jpg) -624px; }
a.tab-2 { display: block; width: 624px; height: 67px; text-decoration: none; background-image: url(../images/tab-2.jpg); margin: 5px 0 0 0; }
a.tab-2:hover { background: url(../images/tab-2.jpg) -624px; }
a.tab-3 { display: block; width: 624px; height: 67px; text-decoration: none; background-image: url(../images/tab-3.jpg); margin: 5px 0 0 0; }
a.tab-3:hover { background: url(../images/tab-3.jpg) -624px; }
a.tab-4 { display: block; width: 624px; height: 67px; text-decoration: none; background-image: url(../images/tab-4.jpg); margin: 5px 0 0 0; }
a.tab-4:hover { background: url(../images/tab-4.jpg) -624px; }
a.tab-5 { display: block; width: 624px; height: 67px; text-decoration: none; background-image: url(../images/tab-5.jpg); margin: 5px 0 0 0; }
a.tab-5:hover { background: url(../images/tab-5.jpg) -624px; }
a.tab-6 { display: block; width: 624px; height: 67px; text-decoration: none; background-image: url(../images/tab-6.jpg); margin: 5px 0 0 0; }
a.tab-6:hover { background: url(../images/tab-6.jpg) -624px; }
/* about section
----------------------------------------------- */

body#page-about #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-about #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
body#page-about #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-about.jpg); }
/* expertise section
----------------------------------------------- */

body#page-expertise #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-expertise #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
body#page-expertise #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-expertise.jpg); }
/* case studies section
----------------------------------------------- */

body#page-case-studies #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-case-studies #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
body#page-case-studies #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-case-studies.jpg); }
body#page-case-studies .date2 { display:none; }
#feature img { float: left; width: 308px; border: 3px solid #ee6d2e; }
#feature { background: #ee6d2e; color: #000; line-height: 13px; padding-right: 5px; height:226px; }
#feature h3 { color: #FFF; padding: 10px 0 0 324px; font-size: 15px; }
#feature p { padding: 0 0 0 324px; margin: 0 0 5px 0; }
#quote { margin-top: 30px; font-size: 20px; color: #818386; line-height: 22px; margin-bottom: 30px; }
#feature a { color: #000; text-decoration: none; }
ul.case-studies { margin: 0px; padding: 0px; }
ul.case-studies li { margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; float: left; list-style: none; }
ul.case-studies li.odd { margin: 0px; }
/* news section
----------------------------------------------- */

body#page-news #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-news #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
body#page-news #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-news.jpg); }
/* contact section
----------------------------------------------- */

body#page-contact #content-wrap { background: url(../images/content-bg-default.gif) no-repeat top; }
body#page-contact #content { margin: 0 auto; padding: 50px 0px 0px; width: 625px; float: none; }
body#page-contact #banner { margin: 11px 0 0 0; height: 150px; width: 785px; position: relative; background: url(../images/banner-contact.jpg); }
#credits { background: #818386; height: 20px; margin-top: 4px; font-size: 10px; line-height: 20px; color: #FFF; }
#credits #company { margin-left: 28px; }
#credits #link { display: inline; float: right; margin-right: 30px; }
#credits #link a { text-decoration: none; color: #fff; }
#credits #link a:hover { text-decoration: underline; }
/* video overlay
----------------------------------------------- */

div.overlay { padding:20px; width:551px; display:none; background: #fff url(http://streamlineautomation.cornerstone-cms.com/templateFiles/images/blank.gif); border-style: none; }
div.overlay object { }
div.overlay div.close { background:url(http://streamlineautomation.cornerstone-cms.com/templateFiles/images/close.png) no-repeat; position:absolute; top:-20px; right:-20px; width:35px; height:35px; cursor:pointer; border-top: none; border-right: none; border-bottom: none; border-left: none; }
div.overlay a { height:354px; display:block; border-top: none; border-right: none; border-bottom: none; border-left: none; }
/* footer
----------------------------------------------- */

#footer { background-image: url(../images/footer.gif); background-repeat: no-repeat; height: 300px; width: 785px; margin-top: 30px; margin-bottom: 10px; position: relative; }
#footer ul li a { color: #666666; text-decoration: none; font-size: 10px; }
#footer ul li a:hover { color: #000000; text-decoration: underline; }
#footer .bucket { float: left; width: 156px; margin-top: 25px; margin-left: 25px; }
#footer .bucket1 { float: left; width: 180px; margin-top: 25px; margin-left: 34px; margin-right: 15px; }
#footer h2 { font-size: 12px; font-weight: bold; color: #333333; }
#footer ul li { font-size: 11px; list-style-type: square; margin: 0; padding: 0px; line-height: 16px; }
#footer ul { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 12px; }
#footer p { font-size: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#footer h2 a { color: #666666; }
#rss { height: 18px; width: 18px; position: absolute; top: 14px; right: 15px; }
#nav { background: transparent; float: right; }
.border { padding: 25px 14px 10px; margin: 5px 0 0 0; border: 2px solid #ee6d2e; }
.case { margin: 0 6px 6px 0; height: 134px; width: 309px; float: left; position: relative; background: url(../images/case-bg.gif); }
.case.alt { margin: 0 0 6px 0; }
.case img { position: absolute; top: 6px; left: 6px; z-index: 5; }
.case h3 { text-transform: uppercase; color: #FFF; position: absolute; z-index: 10; text-align: center; width: 297px; font-size: 14px; font-weight: bold; top: 85px; left:6px; background: url(../images/black.png) repeat; padding-top: 5px; padding-bottom: 5px; }
.industry { position: absolute; color: #000; font-size: 10px; text-transform: uppercase; left: 6px; top: 115px; }
.case.hover { position: relative; background: url(../images/case-bg.gif) -309px; cursor: pointer; }


.contact-form .form-row {
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 4;
	margin-left: 0px;
}
.contact-form form label {
	width: 225px;
	float: left;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
.contact-form input {
	width: 140px;
	border: 1px solid #999999;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #333333;
	margin: 0px;
}
.contact-form input:focus {
	border: 1px solid #EB9040;
}
.contact-form .submit {
	width: 35px;
	color: #FFFFFF;
	background-color: #F92E99;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.contact-form input .submit:focus {
	border: 1px solid #F92E99;
	color: #FFFFFF;
}
.contact-form textarea {
	width: 160px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #999999;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}
.contact-form textarea:focus {
	border: 1px solid #EB9040;
}
.contact-form .submit {
	width: 70px;
	color: #FFFFFF;
	background-color: #E78F40;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.contact-form input .submit:focus {
	border: 1px solid #F92E99;
	color: #FFFFFF;