*{margin: 0; padding: 0;}

	html {
font-size: 100%; height: 100%;}

	
body {font-family: century gothic, sans-serif; /*background: url(ltbluedistress_bg.jpg) fixed no-repeat right bottom #fff; height: 100%*/}



	a:link {color: #3B6E8F; text-decoration: none;}

	a:visited {color: #cccccc; text-decoration: none;}

	a:hover {color: #000000; text-decoration: none;}

	a:active {color: #ffffff; text-decoration: none;}

	p {font-size: 1em; color: #333; line-height: 1.5em; text-align: justify; padding: 0px 0px 10px 5px;}

	p.clients {font-size: 1em; color: #333; line-height: 1.5em; text-align: center; padding-bottom: 10px;}

	p.quote {font-size: 1.2em; color: #60b5b5; padding: 10px 0px 5px 0px;}

	p.menu {font-family: century gothic, sans-serif; font-size: 1.2em; letter-spacing: .1em; color: #3B6E8F; padding: 12px 0px 15px 0px; text-align: center;}

	p.menu2 {font-family: century gothic, sans-serif; font-size: 1.2em; letter-spacing: .1em; color: #CCCCCC; padding: 12px 0px 15px 0px; text-align: center;}

	p.menu:hover {color: #fff;}

	p.ks {font-family: century gothic, sans-serif; font-size: 1.2em; letter-spacing: .1em; color: #96c946; padding: 12px 0px 15px 0px; text-align: center;}

	p.ks:hover {color: #fff;}

	p.title {font-family: century gothic, sans-serif; font-size: 1.2em; letter-spacing: .1em; color: #3B6E8F; padding: 10px 0px 10px 0px; text-transform: uppercase;}

	p.sm {font-size: 1em; line-height: 1.4em; color: #60b5b5; text-align: center; padding: 0;}

	img {padding: 0; border: 0; margin-left: auto; margin-right: auto;}

	img.info {padding: 0px; align: right; float: right;}

	img.item {padding: 2px; border: solid 1px #cccccc; filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80;}

	img.item:hover {filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }

	ol,ul {font-size: 1em; color: #333; line-height: 1.5em; text-align: justify; padding: 0px 0px 10px 25px;}

	p.date {font-family: century gothic, sans-serif; font-size: 1em; letter-spacing: .1em; color: #3B6E8F; padding: 10px 0px 10px 0px; text-transform: uppercase;}

	blockquote {font-size: 1em; color: #666; line-height: 1.5em; text-align: justify; margin: 0px 20px 10px 20px; padding-left: 5px; border-left: 3px solid #99dddd; font-style: italic;}


/* divs */

	#wrapper {width: auto; height: 100%; margin-left: 5%;} /*edit this to adjust left margin*/

	#sidebar {width: 200px; height: 100%; float: left; position: fixed; /*background: url(menu_distress.jpg) bottom no-repeat;*/}

	#header {width: 200px; height: 192px; float: left; border-bottom: 2px #fff solid;}

	#menu {width: 200px; height: 200px; float: left;}

	#nav {width: 200px; height: 50px; float: left; border-bottom: 2px #fff solid;}

	#nav:hover {background-color: #cccccc;}

	#nav:active {background-color: #000000;}

	#navks {width: 200px; height: 50px; float: left; border-bottom: 2px #fff solid;}

	/*#navks:hover {background-color: #96c946;}

	#navks:active {background-color: #db8069;}*/

	#nav2 {width: 200px; height: 50px; float: left; border-bottom: 2px #fff solid; background: #fff;}

	#dots {width: 200px; height: 50px; float: left;}

	#sidebutt {width: 200px; height: 100%; float: left;}

	#content {width: 750px; height: 100%; float: left; padding: 25px 0px 25px 200px;}

	#title {width: 400px; height: 40px; float: left; padding: 5px 50px 0px 50px;}

	#content2 {width: auto; height: auto; float: left; padding: 0px 0px 0px 50px;}

	#content3 {width: 650px; float: left; text-align: center; padding-left: 50px;}

	#content4 {width: 750px; float: left; padding: 0px 40px 0px 60px;}

	#words {width: 650px; float: left; padding: 0px 50px 10px 50px;}

	#words2 {width: 650px; float: left; padding-left: 1em;}

	#clients {float: left; width: 300px; padding-left: 50px;}

	#art {float: left; width: 80px; height: 80px; text-align: center;}

	#product {float: left; width: 160px; height: 160px; text-align: center;}

	#pimg {float: left; width: 250px; margin-bottom: 25px;}

	#pdesc {float: left; width: 400px; margin: 0px 0px 25px 25px;}

	#prod {float: left: width: 400px;}

	#poption {float: left; width: 250px; height: 25px;}

	#pprice {float: left; width: 50px; height: 25px;}

	#padd {float: left; width: 100px; height: 25px;}

/* rollovers */

	.email {background-image:url(images/rollovers/email_sprite.jpg); height: 35px; width: 35px; display: block; float: left; margin: 12px 5px 5px 14px;}

	.email:hover {background-position: 0 -35px;}

	.email span {display: none;}

	.twitter {background-image:url(images/rollovers/twitter_sprite.jpg); height: 35px; width: 35px; display: block; float: left; margin: 12px 5px 5px 5px;}

	.twitter:hover {background-position: 0 -35px;}

	.twitter span {display: none;}

	.tumblr {background-image:url(images/rollovers/tumblr_sprite.jpg); height: 35px; width: 35px; display: block; float: left; margin: 12px 5px 5px 5px;}

	.tumblr:hover {background-position: 0 -35px;}

	.tumblr span {display: none;}

	.devart {background-image:url(images/rollovers/devart_sprite.jpg); height: 35px; width: 35px; display: block; float: left; margin: 12px 0px 5px 5px;}

	.devart:hover {background-position: 0 -35px;}

	.devart span {display: none;}

	.cart {background-image:url(images/rollovers/viewcart_sprite.jpg); height: 35px; width: 35px; display: block; float: left; margin: 12px 0px 5px 5px;}

	.cart:hover {background-position: 0 -35px;}

	.cart span {display: none;}

/* shadowbox */

	#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {font-family: century gothic, sans-serif, Times New Roman, sans-serif; color: #db8069;}


	#sb-container {position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none;}

	#sb-overlay {position: relative; height: 100%; width: 100%;}

	
#sb-wrapper {position: absolute; visibility: hidden; width: 100px;}


	#sb-wrapper-inner {position: relative; border: 1px solid #99dddd; padding: 4px; overflow: hidden; height: 100px;}


	#sb-body {position: relative; height: 100%;}


	#sb-body-inner {position: absolute; height: 100%; width: 100%;}


	#sb-player.html {height: 100%; overflow: auto;}

	
#sb-body img {border: none;}


	#sb-loading {position: relative; height: 100%;}

	
#sb-loading-inner {position: absolute; font-size: 1em; text-transform: uppercase; letter-spacing: .1em; line-height: 24px; height: 24px; top: 25%; width: 100%; text-align: center; color: #99dddd;}


	#sb-loading-inner span {display: inline-block;}


	#sb-body,#sb-loading {background: #fff url(flowers_loading_sm2.gif) no-repeat center center;}


	#sb-title,#sb-info {position: relative; margin: 0; padding: 0; overflow: hidden;}


	#sb-title,#sb-title-inner {height: 26px; line-height:26px;}


	#sb-title-inner {font-size: 1em; letter-spacing: .08em;}


	#sb-info,#sb-info-inner {height: 20px; line-height: 20px;}


	#sb-info-inner {font-size: 12px;}


	#sb-nav {float: right; height: 16px; padding: 2px 0; width: 45%;}


	#sb-nav a {display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}


	#sb-nav-close {background-image: url(close.png);}


	#sb-nav-next {background-image: url(next.png);}


	#sb-nav-previous {background-image: url(previous.png);}


	#sb-nav-play {background-image: url(play.png);}


	#sb-nav-pause {background-image: url(pause.png);}


	#sb-counter {float: left; width:45%;}


	#sb-counter a {padding:0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}


	#sb-counter a.sb-counter-current {text-decoration: underline;}


	div.sb-message {font-size: 12px; padding: 10px; text-align: center;}


	div.sb-message a:link,div.sb-message a:visited {color: #fff; text-decoration: underline;}