body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,img,textarea,p,blockquote,th,td { margin:0; padding:0; } 
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; }
a, a:link, a:visited { color: #a3d9d2; text-decoration: none;}
a:active { outline: none; }
a:hover { text-decoration: underline; }
a:focus { outline: 0; -moz-outline-style: none; }
textarea { width:100%; line-height:1.25em; }
label { cursor: pointer; }
label, input, textarea { display: block; text-align: left;}
img { border: none; }

body { font-family: Helvetica, Arial, sans-serif; font-size: 62.5%;	color: #fff; background: #576f6d;}
	
/* Site Structure */

.wrap-site { background: url(../images/back_site.gif) no-repeat 0% 0% #617b79; }

.wrap-header { background: url(../images/back_header.gif) repeat-x 0% 100% #617b79; }


.header-inner {	position: relative; margin: 0 auto;	width: 900px; height: 125px; background: url(../images/dog.gif) no-repeat 863px 49px; }

.wrap-content { padding: 20px 0 0; background: url(../images/back_shadowtop.gif) no-repeat 0% 0% transparent; }

.content-inner { position: relative; width: 878px; margin: 0 auto 10px; padding: 10px; min-height: 600px; height:auto !important; height: 600px; background: #789795; border: 1px solid #8fb2ae; }
.content-inner a { color: #a3d9d2; }


.content-inner-border { border: 1px solid #617b79; padding: 10px; min-height: 580px; height:auto !important; height: 580px; }

.footer { clear: both; margin: 0 auto; padding: 0px; border-top: 1px solid #8fb2ae; background: #576f6d;}

.footer-inner { width: 900px; margin: 0 auto; text-align: center; padding: 20px;}

.left { display: block; float: left; width: 195px; }
.right { display: block; float: right; width: 660px; }



/* Site Styles */









a.studio-upload-top, div.pagination a.studio-upload-bottom { display: block; float: right; line-height: 1.7em; height: 1.7em; font-weight: normal; font-size: 1em; border: 1px solid #a3d9d2; background: #617b79; color: #fff; text-decoration: none; padding: 0 10px; }
a.studio-upload-top:hover, .wrap-content div.pagination a.studio-upload-bottom:hover { border: 1px solid #4c6462; background: #a3d9d2; color: #516664; }
a.studio-upload-bottom { position: absolute; top: 10px; right: -10px; }
a.studio-upload-top { position: absolute; top: 10px; right: 10px; }

a.update { display: block; clear: both; }



div.about img { float: left; margin: 0 15px 15px 0; }
div.about p { margin: 0 0 20px; line-height: 1.4em; font-size: 1.2em; }

div.accounttitle, div.accountvalue { float: left; margin: 30px 10px 0 0; font-size: 1.2em; }
div.accounttitle span, div.accountvalue span { display: block; margin: 0 0 10px; }
div.accounttitle {  width: 12em; text-align: right; font-weight: bold; }

div.contact { font-size: 1.2em; }
div.contact h4 { margin: 0 0 10px; }



div.media-thumbs dl { clear: both; margin: 0 0 20px 0; padding: 5px; }
div.media-thumbs dt { display: block; float: left; width: 150px; padding: 0px; text-align: center; }
div.media-thumbs dt img { max-width: 150px; width:auto !important; width:150px; }
div.media-thumbs dt img { max-height: 99px; height:auto !important; height:99px; }
div.media-thumbs dt a img { border: 0px none; }
div.media-thumbs dd { margin: 0 0 3px 166px; padding: 0px; line-height: 1.4em; width: 400px;}
div.media-thumbs dd.about { font-weight: bold;}
div.media-thumbs dd.about span { font-weight: normal;}
div.media-thumbs dd.from { font-weight: bold;}
div.media-thumbs dd.from span { font-weight: normal;}
div.media-thumbs dd.title a { font-weight: bold;}
div.media-thumbs dd.title { font-weight: bold; font-size: 1.3em;}
div.media-thumbs dd.date { font-weight: normal; font-size: 1em; font-style: italic; color: #3c4d4b; }
div.media-thumbs dd.time { font-weight: bold; color: #3c4d4b; font-size: 1em;}
div.media-thumbs dd.description { font-weight: normal; line-height: 1.4em; font-size: 1.2em; }

div.media-thumbs-vertical dl { display: block; clear: none; float: left; margin: 0 0 20px 20px; padding: 0px; width: 200px; overflow: hidden; text-align: center; }
div.media-thumbs-vertical dt { display: block; position: relative; height: 200px; width: 200px; text-align: center; margin: 0 0 10px; }
div.media-thumbs-vertical dt a img { border: 0px none; }
div.media-thumbs-vertical dt span { display: block; width: 200px; position: absolute; bottom: 5px; left: 0;}
div.media-thumbs-vertical dd { padding: 0px; margin: 0 0 3px 0; text-align: center;}
div.media-thumbs-vertical dd.title { display: block; overflow: hidden; font-weight: bold; line-height: 1.2em; height: 2.4em; font-size: 1.2em;}
div.media-thumbs-vertical dd.studio { padding: 0 0 0 22px; line-height: 1.2em; }
div.media-thumbs-vertical dd.studio input { display: block; float: left; height: 12px; width: 12px; }
div.media-thumbs-vertical dd.studio label { display: block; float: left; font-size: 12px; margin: 0 0 0 5px; }


div.module-jasper { height: 220px; border: 1px solid #899; text-align: center; margin: 0 0 10px; font-size: 1.4em; }
div.module-jasper a { position: relative; top: 70px; }
div.module-newsletter { height: 220px; border: 1px solid #899; text-align: center; font-size: 1.4em; }
div.module-newsletter a { position: relative; top: 70px; }

div.module-jasper-nav { height: 220px; border: 1px solid #899; padding: 10px; margin: 0 0 10px; font-size: 1.2em; } 
div.module-jasper-nav ul li a { line-height: 1.6em; }

div.module-jasper-search { border: 1px solid #617b79; margin: 0 0 10px; }
div.module-jasper-search h3 { font-size: 1.2em; color: #fff; background: #617b79; border-bottom: 1px solid #617b79; margin: 0px; padding: 5px 0; text-align: center; }
div.module-jasper-search label { display: block; font-weight: bold; margin: 0 0 3px; }
div.module-jasper-search input { display: block; float: left; margin: 0 0 8px; }
div.module-jasper-search input.field { width: 160px; margin-right: 8px; }
div.module-jasper-search form { display: block; clear: both; margin: 0 0 15px; }
div.module-jasper-search p { font-size: 1em; margin: 0 0 10px; }
div.module-jasper-search div { display: block; padding: 10px; background: #73918f; }
div.module-jasper-search ul { font-size: 1.2em; line-height: 1.8em; }





div.pagination { border-top: 1px solid #617b79; margin: 20px 0 0; padding: 10px 0 0; position: relative; }
div.pagination a, .pagination a:visited { display: block; float: left; padding: 0px; margin: 0 10px 10px 0; border: 1px solid #4c6462; background: #617b79; color: #fff; height: 1.5em; font-size: 1em; line-height: 1.5em; text-align: center; font-weight: bold; text-decoration: none;}
div.pagination a:hover { background: #a3d9d2; color: #4c6462;}
div.pagination a.selected { background: transparent; border: 1px solid #a3d9d2; color: #fff; }
div.pagination span a { width: 1.5em; }


div.portfolio a img { float: left; margin: 10px 4px 5px; }
div.portfolio a:link img, a:visited img { border: 1px solid #83aeab; padding: 4px;}
div.portfolio a:focus img { border: 1px solid #83aeab;}
div.portfolio a:hover img { border: 1px solid #a3d9d2;}
div.portfolio a:active img { border: 1px solid #617b79;}
div.portfolio a.active img { border: 1px solid #617b79; }
div.portfolio img.image-main { display: block; float: left; max-width: 530px; width:auto !important; width: 530px; margin: 0 0 0 10px; }
div.portfolio ul.categories { float: left; width: 290px; border: 1px solid #a3d9d2; padding: 10px 10px 0px; background: #617b79; }
div.portfolio ul.categories li { clear: both; margin: 0 0 15px; background: #83aeab; border: 1px solid #617b79; padding: 4px;}
div.portfolio ul.categories li a { font-size: 1.2em; font-weight: bold; }
div.portfolio ul.categories li a.title { display: block; height: 34px; font-weight: bold; font-size: 1.25em; line-height: 34px; text-align: center; background: url(../images/back_nav_inner.gif) repeat-x 0px 0px #4c6462; border: 1px solid #617b79; color: #fff; }
div.portfolio ul.categories li a.title:hover { text-decoration: none; background-position: 0px -34px; }
div.portfolio ul.categories li ul li { border: 0px none; }
div.portfolio ul.categories li.active a.title { margin: 0 0 10px; }
div.portfolio ul.categories li.active ul li a { text-decoration: none; }
div.portfolio ul.categories li.active ul li a:hover { color: #fff; }


div.portfolio ul.categories ul.jasper-items { margin: 10px 0 -5px; }
div.portfolio ul.categories ul.jasper-items li { display: inline; width: 50px; height: 50px; padding: 0px;}
div.portfolio ul.categories ul.jasper-items li img { margin: 0 9px 10px 0; }
div.portfolio img.jasper-product { max-height: 400px; height:auto !important; height: 400px; }


div.portfolio-info { text-align: left; padding: 0 0 0 20px; margin: 0 0 20px; }
div.portfolio-info a { display: block; line-height: 50px; margin: 10px 0 0 0; font-size: 1.2em; }
div.portfolio-info img { float: left; margin: 0 10px 0 0; border: 0px;}
div.portfolio-info h4 { font-size: 1.2em; line-height: 2em; border-bottom: 1px solid #fff; margin: 0 0 10px; }
div.portfolio-info h5 { font-size: 1.2em; line-height: 2em; margin: 20px 0 10px; }
div.portfolio-info span { display: block; }
div.portfolio-info span a { display: inline; line-height: normal; margin: 0px; }


div.press-display img { float: right; max-width: 400px; width:auto !important; width: 400px; margin: 0 0 15px 15px; }
div.press-display h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px; }
div.press-display p { margin: 0 0 10px; line-height: 1.4em; font-size: 1em; width: 420px;}




div.publication-module { float: right; width: 180px; text-align: center; border: 1px solid #617b79; }
div.publication-module h2 { font-size: 1.2em; color: #fff; background: #617b79; border-bottom: 1px solid #617b79; margin: 0 0 10px; padding: 5px 0; }
div.publication-module h4 { margin: 0 0 5px; font-size: 1.2em; }
div.publication-module img { max-width: 150px; width:auto !important; width: 150px; margin: 0 0 10px; }
div.publication-module a { display: block; margin: 0 0 15px; }

div.publication-thumbs dl { clear: both; margin: 0 0 20px 0; padding: 5px; }
div.publication-thumbs dt { display: block; float: left; width: 100px; padding: 0px; text-align: center; }
div.publication-thumbs dt img { max-width: 250px; width:auto !important; width:250px; }
div.publication-thumbs dd { margin: 0 0 0 260px; padding: 0px; line-height: 1.4em; height: 309px; position: relative; font-size: 1.2em; width: 450px; }
div.publication-thumbs dd h4 { font-size: 1.4em; margin: 0 0 20px;}
div.publication-thumbs dd div { position: absolute; bottom: 0px; }
div.publication-thumbs dd div p { margin: 0 0 10px; }



div.press { display: block; float: left; width: 470px; }



div.showrooms { padding: 30px 0 0; }
div.showrooms dl { margin: 0 50px 30px; font-size: 1.3em; display: block; float: left; width: 300px; }
div.showrooms dd { line-height: 1.6em; font-size: .8em;}
div.signature-info { float: right; width: 530px; margin: 20px 0 0; }
div.signature-info h4, div.signature-info h5 { font-size: 1.2em; line-height: 2em; border-bottom: 1px solid #617b79; margin: 0 0 10px; }
div.signature-info h5 { margin: 20px 0 0; border: 0px; }
div.signature-info img { margin: 0 10px 0 0;}


div.tearsheet { margin: 0 auto; position: relative; text-align: center; font-size: 1em; width: 665px; }
div.tearsheet div.tearsheet-footer { width: 100%; font-weight: bold; font-size: 1.1em; font-family: "times new roman", times, serif; margin: 30px 0 0; }
div.tearsheet .window-controls { line-height: 2em; border-bottom: 1px solid #789795; margin: 0 20px 10px; text-align: right; padding: 0 10px 0 0;  }
div.tearsheet .window-controls a { color: #617b79; }

div.tearsheet div.product-detail { margin: 0px 20px; padding: 0 0 20px; text-align: center; font-size: 1.2em; background: #fff; color: #000; }
div.tearsheet div.product-detail a { color: #617b79; }
div.tearsheet div.product-detail img { margin: 0px auto 10px; }
div.tearsheet div.product-detail .product-info { width: 500px; margin: 0px auto; position: relative; }
div.tearsheet div.product-detail .product-info  h4 { float: left; text-align: left; font-family: "times new roman", times, serif; clear: right; }
div.tearsheet div.product-detail .product-info span.actions { display: block; position: absolute; left: 0px; top: 3.5em; }
div.tearsheet div.product-detail .product-info span.actions a { display: block; clear: both; text-align: left; float: left; font-family: sans-serif; font-weight: normal; font-size: .8em; margin: 3px 0; }
div.tearsheet div.product-detail .product-info ul { float: right; text-align: right; font-family: "times new roman", times, serif; margin: 0 0 20px; }
div.tearsheet div.product-detail img.jasper-title { margin: 50px 0; }
div.tearsheet div.product-detail img.msi-info { margin: 50px 0 0 0; }


div.terms h4 { line-height: 1.4em; font-size: 1em; border-bottom: 1px solid #fff; margin: 20px 0 10px; }
div.terms p { margin: 0 0 10px; font-size: 1.2em; }

div.thanks { margin: 0 0 20px; font-weight: bold; font-size: 1.2em; width: 450px; }

div.wrap-tearsheet { font-size: 1.2em; background: #fff; }

form.form-content label { font-size: 1em; font-weight: bold; margin: 0 0 3px; clear: both;}
form.form-content input, form.form-content select, form.form-content span { display: block; float: left;}
form.form-content input, form.form-content select, form.form-content textarea { margin: 0 0 10px; }
form.form-content i { display: block; margin: 0 0 10px; }
form.form-content input { margin-right: 30px; }
form.form-content span { clear: right; margin: 0 0 0 -25px; }
form.form-content textarea { display: block; width: 400px; }
form.form-content .box-width { width: 200px; }

form.register-email { width: 900px; margin: 0px auto 80px; }
form.register-email label { font-size: 1em; font-weight: bold; margin: 0 0 4px; }
form.register-email input { display: block; float: left; }
form.register-email input.field { width: 220px; height: 14px; font-size: 1em; line-height: 13px; padding: 0 0 2px; border: 1px solid #a3d9d2; margin: 0 5px 0 0; }


form span.submit { display: block; float: left; padding: 1px; border: 1px solid #a3d9d2; height: 14px; }
form span.submit input { background: #617b79; border: 0px; color: #fff; height: 14px; line-height: 14px; padding: 0px 10px; font-size: 1em; }
form span.submit input:hover { background: #a3d9d2; color: #617b79; cursor: pointer; }


h1 { line-height: 1.7em; font-size: 1.3em; margin: 0 0 5px; }
h1 span { font-weight: normal; margin: 0 10px;}


img.flash { margin: 0 0 20px 15px; }
a img.logo { position: absolute; left: 217px; top: 30px; border: 0px; padding: 0px;}


ul.breadcrumb { display: block; padding: 0px 5px 5px; }
ul.breadcrumb li { display: block; float: left; margin: 0 0 5px; font-size: 1.2em;}
ul.breadcrumb li.active a { color: #899; text-decoration: none; }
ul.breadcrumb li.first { color: #899; }
ul.breadcrumb li span { color: #899; margin: 0 10px; }

ul.nav { display: block; width: 900px; height: 46px; position: absolute; bottom: 0px; }
ul.nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
ul.nav li a { float: left; padding: 46px 0 0 0; text-align: center; overflow: hidden; height: 0px !important; height /**/:46px; /* for IE5/Win */ }



ul.nav li.portfolio a  { width: 158px;	background: url(../images/nav_portfolio.gif) 50% 0% no-repeat; }
ul.nav li.signature a  { width: 149px;	background: url(../images/nav_signature.gif) 50% 0% no-repeat; }
ul.nav li.press a  { width: 173px;	background: url(../images/nav_press.gif) 50% 0% no-repeat; }
ul.nav li.showroom a  { width: 167px;	background: url(../images/nav_showroom.gif) 50% 0% no-repeat; }
ul.nav li.jasper a  { width: 253px;	background: url(../images/nav_jasper.gif) 50% 0% no-repeat; }

ul.nav li a:hover { background-position: 0 -46px;}
ul.nav li a:active { background-position: 0 -92px; }
ul.nav li a.active { background-position: 0 -92px; }


ul.nav-footer { margin: 0 0 10px; font-size: 1.1em;}
ul.nav-footer li {display: inline; }
ul.nav-footer li span { color: #899; margin: 0 10px; }


ul.nav-user { position: absolute; right: 0px; top: 5px; font-size: 1.2em; }
ul.nav-user li { display: inline; }
ul.nav-user li.active a { color: #fff; text-decoration: none; }
ul.nav-user li span { color: #3c4d4b; margin: 0 10px; }


	
.clear { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }