@charset "UTF-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

body {
	background-color:#f0f0f0;
}

body {
   -moz-font-feature-settings:"kern=1";
   -moz-font-feature-settings:"kern" 1,;
   -ms-font-feature-settings:"kern";
   -o-font-feature-settings:"kern";
   -webkit-font-feature-settings:"kern";
   font-feature-settings:"kern";
   text-rendering:optimizeLegibility; 
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbolditalic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sansbold') format('svg');
    font-weight: semibold;
    font-style: italic;

}

h1 {
	font-weight:400;
}


.credit {
	text-align:left;
	
	font-size: 13px;
	font-weight: normal;
	color:#00447C;
	padding-top:7px;
}


#products {
	margin-top: 15px;
	margin-bottom:15px;
	display:inline-block;
}

#products a img, #products a {
	border: none;
	overflow: hidden;
	float: left;
	}
#products a:hover {
	border: 3px solid #CCC;
	}
	
#products a:hover img {
	margin: -3px;
	}

#products li {
	display:inline;
	float:left;
	margin-right:5px;
}


#content {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 1230px;
	height:100%;
}

#title-bar {
	width:930px;
	height:54px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/title-bar.png);
	background-repeat: no-repeat;
	}
	
#footer {
	width:930px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
	}
	
#logo {
	padding:0;
	margin-top:-2px;
	margin-left:25px;
	float: left;
}

#navigation {
}

#sub-navigation {
	padding-right:30px;
}



#copyright {
	clear:both;
	width:auto;
	padding-left:30px;
	
	font-size: 11px;
	font-weight: normal;
	color: #4d4d4d;
}


ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li
{
float:right;
}

#title-bar a:link, #title-bar a:visited {
	display:inline-block;
	text-align:left;
	margin-top:12px;
	margin-right:27px;
	text-decoration:none;
	
	color: #4d4d4d;
	font-size:15px;
}

#title-bar a:hover, #title-bar a:active
{
	color: #00BCE4;
}

#footer a:link, #footer a:visited {
	display:block;
	text-align:left;
	text-decoration:none;
	
	color: #4d4d4d;
	font-size: 12px;
}

#footer a:hover, #footer a:active
{
	color: #00BCE4;
}

.big a:link, .big a:visited {
	display:block;
	text-align:left;
	text-decoration:none;
	
	color: #4d4d4d;
	font-size: 14px;
	padding-bottom:4px;
}

.big a:hover, .big a:active
{
	text-decoration:underline;
}

.questions {
	
	font-size: 12px;
	font-weight: normal;
	color: #666;
}


.small a:link, .small a:visited {
	text-decoration:none;
	display:inline;
	font-size:14px;
	
	color:#00BCE4;
}

.small a:hover, .small a:active
{
	color:#00447c;
}


a.logo-footer {
	float:left;
	display: block;
	width:202px;
	height:18px;
	text-decoration:none;
	border:none;
	background-image: url(../images/logo-footer-up.png);
	background-repeat: no-repeat;
	background-color: inherit;
	margin-left:30px;
	margin-top:5px;
	padding-bottom:2px;
}

a.logo-footer:hover {
	background-image: url(../images/logo-footer-down.png);
	background-repeat: no-repeat;
	background-color: inherit;
}


a.check-out {
	clear:right;
	float:right;
	display: block;
	width:71px;
	height:25px;
	text-decoration:none;
	border:none;
	background-image: url(../images/store/check-out.png);
	background-repeat: no-repeat;
	background-color: inherit;
	margin-top:10px;
	margin-bottom:27px;
}

a.check-out:hover {
	background-position:-71px 0;
}

.displace {
	position: absolute;
	left: -5000px;
	}

	
#main-content-container {
	clear:both;
	width:930px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-1px;
	height:100%;
}

#main-content{
	text-align:center;
	width:930px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	overflow:hidden;
	height:100%;
}

#title {
	width:300px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	padding-top:25px;
}


.order-now {
	float:right;
	width:109px;
	height:31px;
	margin-right:12px;
	margin-top:10px;
}
	

a.order-now {
	display:block;
	width:109px;
	height:31px;
	text-decoration:none;
	border:none;
	background-image: url(../images/order-now.png);
	background-repeat: no-repeat;
	background-color: inherit;
}

a.order-now:hover {
	background-position:-109px 0;
}


#stylus-fan {
	clear:both;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:15px;
}

#video {
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding-top:45px;
	padding-bottom:140px;
}


#text {
	clear:both;
	width:600px;
	margin-left: auto;
	margin-right: auto;
	padding-top:20px;
	padding-bottom: 90px;
	
	font-size: 16px;
	font-weight: normal;
	color: #666;
	}

.homepage-text {
	display:inline-block;
	width:645px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding-top:35px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:30px;
	
	font-size: 15px;
	color: #4d4d4d;
	}
	
.last-line {
	display:inline-block;
	width:645px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding-right:15px;
	padding-left:15px;
	
	font-size: 15px;
	color: #4d4d4d;
	}
	
.left-justified {
	display:inline-block;
	width:645px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding-top:35px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:30px;
	
	font-size: 15px;
	color: #4d4d4d;
	}
	
.justified {
	display:inline-block;
	width:645px;
	text-align:justify;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:20px;
	
	font-size: 15px;
	color: #4d4d4d;
	}
	
#review-homepage {
	
	font-size:14px;
	color:#00447C;
	width:310px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	display:inline;
}

#review-homepage a:link, #review-homepage a:visited {
	color:#00447C;
	display:inline-block;
	text-decoration:none;
}

#review-homepage a:hover, #review-homepage a:active {
	color:#00BCE4;
}

.review-homepage-bold {
	
	display:inline;
}
	
.legal {
	width:600px;
	padding-top:40px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:55px;
	
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-align: justify;
	}

.divider {
	padding-top:8px;
	margin-left:10px;
	margin-right:10px;
	
	font-size: 11px;
	color: #666;
}

#review-wrapper {
	text-align:center;
	padding-top:60px;
	margin-left: auto;
	margin-right: auto;
}

.review {
	text-align:left;
	
	font-size: 15px;
	color: #4d4d4d;
	text-align:left;
	width:470px;
	float:left;
	}
	
	
.review-logo {
	text-align:left;
	float:left;
	width:150px;
	padding-top:5px;
}

.divider-dots {
	clear:both;
	background-image:url(../images/divider-dot-black.png);
	background-repeat:repeat-x;
	height:1px;
	padding-bottom:30px;
	margin-right:auto;
	margin-left:auto;
}

	
#main-content-contact {
	overflow:hidden;
	padding-top:40px;
	margin-left: auto;
	margin-right: auto;
	width:540px;
	}

#contact {
	
	font-size: 14px;
	color: #4d4d4d;
	padding-top:100px;
	text-align:left;
	float:left;
}

.contact-title {
	
	font-size: 14px;
	color: #4d4d4d;
	padding-top:20px;
}

.address {
	padding-top:10px;
}

#contact-photo {
	float:right;
	text-align:right;
	width:283px;
	height:528px;
	background-image: url(../images/stylus-array.png);
	background-repeat: no-repeat;
}



textarea {
	max-width: 400px;
	max-height:250px;
	margin-top:5px;
	margin-bottom:15px;
}

#brochure {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.stylus-pics {
	padding-top:50px;
	padding-bottom:15px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#logo-with-tag {
	clear:both;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:50px;
}

#store-wrapper {
	text-align:center;
	width:700px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}


.store-product-pic {
	clear:both;
	float:left;
	margin-left:-6px;
	padding-bottom:3px;
}

.short-description {
	float:right;
	text-align:right;
	padding-top:14px;
	padding-right:5px;
	
	font-size: 16px;
	color: #4d4d4d;
}

.quantity {
	float:right;
	padding-top:19px;
	padding-left:12px;
	
	font-size: 10px;
	color: #0078AE;
}

.arrows {
	padding-top:15px;
	padding-left:6px;
	float:right;
}

.arrow-up {
	float:left;
	padding-bottom:3px;
}

.arrow-down {
	clear:both;
	padding-top:3px;
}

.StylusQuantity
{
	float:right;
	text-align:center;
	margin-top:8px;
	margin-left:6px;
	width:40px;
	height:24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



.AddStylusButton {
	display:block;
	width:71px;
	height:22px;
	text-decoration:none;
	background-image: url(../images/store/add-up.png);
	background-repeat:no-repeat;
	background-color:inherit;
	float:right;
	border:none;
	margin-top:12px;
	margin-left:12px;
	cursor:pointer;
}


.AddStylusButton:hover {
	background-image: url(../images/store/add-down.png);
}



.product-name-and-price-container {
	margin-bottom:3px;
	padding-top:25px;
}

.product-name {
	float:left;
	
	font-size: 24px;
	color: #00447C;
	text-align:left;
	width:500px;
}

.product-price {
	clear:both;
	text-align:left;
	
	font-size: 21px;
	color: #0078ae;
	border-radius:5px;
	width:500px;
}

.divider-thin {
	clear:both;
	margin-bottom: 5px;85
	padding-top: 20px;
	border-bottom: 1px dotted #515151;
	width:auto;
}

.store-body-text {
	padding-top:30px;
	width:auto;
	text-align:left;
}

.store-body-text dl {
	
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 20px;
	text-align: justify;
}

.small-store-text {
	font-family:open_sanssemibold;
	display:inline;
	font-size:12px;
}

.store-body-text dt {
	float: left;
}

.store-body-text dd {
	margin-left:105px;
	margin-bottom:-8px;
}

.blue-box {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:620px;
	height:auto;
	padding-top:13px;
	padding-right:20px;
	padding-bottom:13px;
	padding-left:20px;
	background-color:#f5f5f5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.white-box {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:620px;
	height:auto;
	background-color:white;
	padding-top:13px;
	padding-bottom:13px;
}

hr {
	border: none;
	border-top: solid 1px #ccc;
	color: #ffffff;
	background-color: #ffffff;
	width:620px; 
  	text-align:center;
  	margin-right:auto;
  	margin-left:auto;
	margin-top:10px;
	margin-bottom:15px;
}

.qty-title {
	float:right;
	padding-right:96px;
	
	font-size: 12px;
	color: #4d4d4d;
}

#body-text {
	
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 19px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	padding-top:60px;
}

.faq {
	padding-bottom:35px;
}

.faq-question {
	font-family:open_sans;
	font-weight:semibold;
	font-style:italic;
	color:#00447C;
}

.about-text {
	float:left;
	
	font-size: 14px;
	color: #4d4d4d;
	text-align:justify;
	width:480px;
}

.about-small-wrapper {
	margin-bottom:40px;
	margin-left:180px;
	width:640px;
}

.about-image {
	width:120px;
	float:left;
	text-align:right;
	margin-right:30px;
}

.green-stylus {
	margin-top:-35px;
	margin-left:220px;
}

.about-us-title {
	text-align:left;
	font-size:26px;
	font-family:open_sanssemibold;
	color:#00447C;
	margin-bottom:50px;
}

#waves {
	border:0;
	width:930px;
	height:135px;
	overflow:hidden;
	background-image: url(../images/waves.png);
	background-repeat: no-repeat;
	margin-top:-25px;
	margin-bottom:55px;
}

#under-construction {
	
	font-size: 14px;
	color: #4d4d4d;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	height:600px;
	padding-top:30px;
}


#kickstarter {
	margin-top:15px;
	margin-bottom:10px;
}

#leaves {
	position:absolute;
	margin-left:-125px;
	margin-top:-10px;
}

#hand-at-bottom {
	padding-top:40px;
	padding-bottom:30px;
	text-align: center;
}

#content #main-content-container #main-content #body-text h1 {
	font-family:open_sanssemibold;
	font-size: 26px;
	color: #00447C;
	text-align: left;
	margin-bottom: 50px;
}
#content #main-content-container #main-content h1 {
	font-family:open_sanssemibold;
	font-size: 26px;
	color: #00447C;
	margin-bottom: 5px;
	border-top-width: 25px;
}

.homepage-headline {
	padding-top:20px;
}

#cartnumber
{
position:relative;
left:5px;
background-color:#0077ac;
color:white;
float:right;
width:20px;
text-align:center;
height:20px;
border-radius:3px;
}

.product-description {
	float:left;
	margin-top:20px;
	margin-bottom:50px;
	text-align:left;
	width:420px;
}

.product-description p {
	
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 20px;
}