@import url(../css/import.css);

/* STYLES */

body {
	background: url(../images/logonew.jpg) repeat-y 50% -60px;	
	font: normal 12px arial, serif;	
	padding: 0;
	margin: 0;
	border: 0;
	height: 100%;
}
.indent {
	position: absolute;
	top: -999px;
	left: -999px;
}
#wrapper {
	margin: 0 auto;
	background: url(../images/contentbg.jpg) repeat-y center top;
	width: 740px;
	position: relative;
}
#happyshare {
	position: absolute;
	top: 100px;
	left: -45px;
}
#content {
	margin: 0 auto;
	width: 700px;
	height: 100% !important;
	color: #000000;
	background: #eee url(../images/cool.jpg) no-repeat 0 -10px;		
	padding: 0 10px;	
}
#text {
	height: 100%;
	margin-bottom: 0;
	padding-bottom: 10px;
}
#header {
	width: 92%;
	height: 40px;
	position: relative;
	border-bottom: 2px dotted #553954;
	margin: 0 auto;
}
#logo {
	position: absolute;
	top: 8px;
	left: 0;
}
#tagline {
	position: absolute;
	top: 15px;
	right: 0;
}
#tagline h1 {
	font-size: 16px;
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
h4 {
	font-weight: normal;
}
#nav {
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
	background: #eeeeee url(../images/nav2bg.jpg) repeat-y;
	height: 25px;
	width: 100%;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #bbbfc7;
	border-top: 2px solid #bbbfc7;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #553954;	
}
#nav ul li {
	display: inline;
	margin: 0 30px;	
}
#nav a {
	color: #fff;
	text-decoration: none;
	border:	3px solid #553954;
	padding: 0 3px;
}
#nav a:hover {	
	color: #000;
	background-color: #eee;	
}
#nav a.thisone, #nav2 a.thisone {
	background: #fff;
	color: #553954;
}
h2 {
	text-align: center;
	margin: 0;		
	font-size: 16px;	
}
h1 {
	text-align: center;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 20px;	
}
h1 span, h2 span {
	border-bottom: 2px dotted #553954;
}
a {
	color: #000;
}
hr {	
	background-color: #553954;
	height: 1px;
	width: 75%;
	border: 0;
}
.portfolio  {
	float: left;
	padding-left: 10px;
}
.portfolio img {
	border: 6px solid #2b2a9c;
	padding: 3px;	
}
.portfolio img:hover {
	border: 6px solid #605ea0;	
}
#br1 {	
	color: #000;
	width: 700px;		
}
#br3 {	
	color: #000;
	margin: 0 0 15px 0;
	width: 690px;	
}
#br1 {
	margin: 0 0 15px 0;
}
#br1 p, #br6 p {
	margin: 5px;
}
#br3 h3 {
	margin: 5px;
}
#homelist {
	width: 690px;
	margin-bottom: 15px;
	line-height: 175%;
}
#homelist .onpage, #homelist .offpage {
	border-bottom: 1px solid #000;
	color: #000;
	cursor: pointer;
}
.allofit {
	width: 700px;
	height: 64px;
	margin: 0 auto;
	background: url(../images/allofit1.png) no-repeat 0 0;
}
.allofitleft {
	float: left;
	width: 45%;
	margin: 12px 0 0 30px;	
}
.allofitleft span {
	color: #e89d0b;
	border: 0;
	font-size: 16px;
}
.allofitright {
	float: right;
	width: 40%;
	margin: 12px 25px 0 0;	
}
.allofit h2 {
	color: #fff;	
	text-align: left;
	font-size: 14px;
	line-height: 135%;
}
.allofitright a {
	color: #e89d0b;
	font-size: 15px;
}
.allofitright a:hover {	
	color: #c0c0c0;	
}
#abs {
	position: relative;
	height: 75px;
	width: 700px;
	margin: 0;
}
#br6 {
	margin: 15px auto 0;
	width: 400px;
	text-align: center;
}
#br7 {
	position: absolute;
	top: 12px;
	left: 250px;
	text-align: center;
	margin: auto;
	width: 200px;	
}
#br7 h3 {
	margin: 2px 0;
}
#br7 p {
	margin: 5px 0;
}
#fade2 {
  margin: 15px auto;
  width: 240px;
  height: 16px;
  font: italic 14px lucida fax;
  line-height: 16px;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #553954;
}
ul {
	list-style-type: square;	
}
#text ul {		
	margin: 0 0 15px 0;
	padding: 5px 0 5px 20px;	
}
#host ul {
	margin-left: 20px;
	font-weight: bold;
}
.col {
	float: left;
}
#text .col ul {
	border: 0;
	margin-right: 40px;
}
#text li span {
	/*color: #d85d2a;*/
	/*color: #c7572e;*/
	color: #b55032;
	/*font-weight: bold;*/
}
.testes {
	color: #553954;
	font-size: 30px;
}
.red  {
	color: #52034f;	
}
.blue  {
	color: #000000;
}
.reset {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
}
#subsec {
	margin: 20px 0 0 0;	
}
#moving {
	margin: 20px 0;
}
.subsec1, .subsec2, .subsec3 {	
	width: 330px;
	float: left;
	margin: 10px 10px 0;
}
.subsec1 h3, .subsec2 h3, .subsec3 h3 {
	margin-top: 0;	
}
/*.subsec2 p {
	color: #808080;
}*/
#kwick1 h3 {
	margin-left: 40px;
}
#kwick2 h3 {
	margin-left: 57px;
}
#kwick3 h3 {
	margin-left: 67px;
}
.subsec1 .subsecjpg, .subsec2 .subsecjpg, .subsec3 .subsecjpg {	
	height: 23px;
	width: 130px;
	text-align: center;
	line-height: 23px;
	margin	: 0 0 0 100px;	
}
.subsec1 p span a, .subsec2 p span a, .subsec3 p span a {
	display: block;	
	color: gold;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;		
}
.subsec1 p span a {	
	background: url(../images/kwicks1btn.jpg) no-repeat 0 0;	
}
.subsec2 p span a {	
	background: url(../images/kwicks2btn.jpg) no-repeat 0 0;	
}
.subsec3 p span a {	
	background: url(../images/kwicks3btn.jpg) no-repeat 0 0;	
}
#moving .subsec1 p span a:hover, #moving .subsec2 p span a:hover, #moving .subsec3 p span a:hover {	
	color: #fff;
	text-decoration: underline;	
}
#moving .subsec1 p span a:hover {		
	background: url(../images/kwicks1btna.jpg) no-repeat 0 0;
}
#moving .subsec2 p span a:hover {		
	background: url(../images/kwicks2btna.jpg) no-repeat 0 0;
}
#moving .subsec3 p span a:hover {		
	background: url(../images/kwicks3btna.jpg) no-repeat 0 0;
}
#bespoke, #seo, #host, #info, #terms {
	width: 640px;
	margin: 20px auto;
}
#terms {
	height: 500px;
	overflow: auto;
}
#dtal, #ddye, #xyzc, #icando, #pathogen, #scapart, #crystal {
	width: 640px;
	margin: 0 auto;
}
#bespoke ul {
	line-height: 200%;	
}
.wowee, .wowee1 {
	font: italic bold small-caps 13px arial;
	color: #e89d0b;
	background: #fff;
	padding: 0 5px;
	border: 1px solid #de8f12;
}
.wowee1 {
	font: italic normal normal 10px arial;
}
.cheap {
	text-indent: 20px;
}
.picnic img {
	display: block;
	margin: 20px auto 0 auto;
	border: 3px inset #e89d0b;	
}
#bespoke ul li span {
	color: #000;
}
.ind0 {
	margin-left: 100px;
	font-weight: bold;	
}
.ind1 {
	margin-left: 130px;	
	list-style-image: url(../images/bullet.gif);
}
#bespoke .ind1 span {	
	color: #605ea0;
	font-weight: bold;
}
.ind2 {
	margin-left: 160px;
	font-weight: bold;
	list-style-image: url(../images/arrow.gif);
}
.ind3 {
	margin-left: 190px;	
}
#bespoke .ind3 span {	
	color: #cf0b0b;
	font-weight: bold;
}
.ind4 {
	margin-left: 220px;
	font-weight: bold;
	list-style-image: url(../images/bullet.gif);
}
.ind5 {
	margin-left: 250px;
	list-style-image: url(../images/arrow.gif);
}
#bespoke .ind5 span {	
	color: #a4a211;	
	font-weight: bold;
}
.ind6 {
	margin-left: 280px;
	font-weight: bold;
}
.ind7 {
	margin-left: 310px;
	list-style-image: url(../images/bullet.gif);	
}
#bespoke .ind7 span {	
	color: #2b2a9c;
	font-weight: bold;
}
.ind8 {
	margin-left: 340px;
	font-weight: bold;
	list-style-image: url(../images/arrow.gif);	
}
.ind9 {
	margin-left: 310px;	
}
#bespoke .ind9 span {	
	color: #b407b2;	
	font-weight: bold;
}
.ind10 {
	margin-left: 280px;
	font-weight: bold;
	list-style-image: url(../images/bullet.gif);
}
.ind11 {
	margin-left: 250px;
	list-style-image: url(../images/arrow.gif);
}
#bespoke .ind11 span {	
	color: #03930a;	
	font-weight: bold;
}
.ind12 {
	margin-left: 220px;
	font-weight: bold;
}
.ind13 {
	margin-left: 190px;
	list-style-image: url(../images/bullet.gif);
}
#bespoke .ind13 span {	
	color: #037a93;	
	font-weight: bold;
}
.ind14 {
	margin-left: 160px;
	font-weight: bold;
	list-style-image: url(../images/arrow.gif);
}
.ind15 {
	margin-left: 130px;	
}
#bespoke .ind15 span {	
	color: #c55b05;	
	font-weight: bold;
}
.ind16 {
	margin-left: 100px;
	font-weight: bold;
	list-style-image: url(../images/bullet.gif);
}
.smiley 	{
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
}
.oddone {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}
.more a{
	font-style: italic;
	color: #2b2a9c;
	text-decoration: none;
	margin-left: 10px;
	font-weight: bold;
	outline: 0;
}
.icons {
	width: 100%;
	margin: 15px 0;
}
.icons .img {	
	margin-left: 160px;	
}
#text p span.more a:hover {
	color: #e89d0b;
	text-decoration: underline;
	outline: 0;
}
#foot1, #alexa {
	position: absolute;
	bottom: 0;
	left: 0;	
}
#foot1 a, #foot3 a, #foot3 {
	font-size: 10px;
	color: #b0b0b0;
	text-decoration: none;
}
#foot1 a span, #foot3 a span, #foot3 span {	
	color: #e89d0b;
	font-weight: bold;
	font-size: 12px;
}
#foot3 a {	
	text-decoration: underline;
}
#foot1 a:hover, #foot3 a:hover {	
	color: #000;	
}
#foot3 {
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
}
#abs img {
	border:0;
	padding: 0;
	margin: 0;
	/*width:88px;
	height:31px*/
}
#nav2 {
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
	background: #eeeeee url(../images/nav2bg.jpg) repeat-y;
	height: 25px;
	width: 100%;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #bbbfc7;
	border-top: 2px solid #bbbfc7;
}
#nav2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #553954;	
}
#nav2 ul li {
	display: inline;
	margin: 0 30px;	
}
#nav2 a {
	color: #fff;
	text-decoration: none;
	border:	3px solid #553954;
	padding: 0 3px;
}
#nav2 a:hover {	
	color: #000;
	background-color: #eee;
	border:	3px solid #553954;
}
.copy {
	text-align: center;
	font-size: 10px;		
}
.copy p {
	margin: 2px 0;
}
.copy a {
	color: #999999;
	text-decoration: none;
}
.linkhead1 {
	width: 420px;
	margin: 0 auto 10px;
	font: normal 14px arial;
	text-align: center;	
	border-bottom: 1px dotted #3d3d3d;
	padding: 5px 0;
}
.linkhead2 {
	font: normal 14px arial;
	text-align: center;	
	margin-bottom: 10px;
}
.linkdiv, .linkdiv1 {
	width: 700px;
	margin: 10px auto;
	border: 1px solid #000;	
}
.linkdiv {
	background: #f9dda0;
}
.linkdiv1 {
	background: #ffffeb;
}
.linkdiv p, .linkdiv1 p {
	margin: 5px;
}
.linkdiv a, .linkdiv1 a {
	font-weight: bold;
}
#gototop {
	position: fixed;
	right: 15px;
	bottom: 50px;
    background: url(../images/scrollspy.gif) 5px -8px no-repeat #fefee9;
    border: 1px solid #f9dda0;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    color: #850315;
    cursor: pointer;
    display: inline-block;
    font-family: Arial Rounded,Helvetica,Tahoma;
    font-size: 14px;
    font-weight: bold;    
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #bfbfbf;
    text-transform: uppercase;
    width: 130px;
}
#gototop:hover {
	color: #2a4bae;
	text-decoration:underline;
}