/* -------------BASIC------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 80%;
	color: #e1e1e1;
	text-align: center;
	background: #313848 url(../images/background.jpg) repeat left top scroll;
}

h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
}

a img { 
	border: none;
}

img {
	vertical-align: top;
}






/* ---------------LAYOUT--------------- */

#wholepage {
	width: 982px;
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: left;
	background: #424a5e url(../images/sub_background.jpg) repeat-y left top scroll;
}

#sidebar {
	width: 275px;
	float: left;
	margin: 0;
	padding: 0;
}

#sidecontact {
	width: 275px;
	height: 221px;
	margin: 0;
	padding: 0;
	background: url(../images/sidebar_contact.jpg) no-repeat left top scroll;
	overflow: hidden;
}

#sidestudio {
	width: 275px;
	height: 175px;
	margin: 0;
	padding: 0;
	background: url(../images/sidebar_studio.jpg) no-repeat left top scroll;
	overflow: hidden;
}

#sidesamples {
	width: 275px;
	height: 300px;
	margin: 0;
	padding: 0;
	background: url(../images/sidebar_samples.jpg) no-repeat left top scroll;
	overflow: hidden;
}

#rightside {
	width: 707px;
	float: right;
	margin: 0;
	padding: 0;
}

#header {
	width: 707px;
	height: 71px;
	margin: 0;
	padding: 0;
}

#linkbar {
	width: 707px;
	height: 39px;
	margin: 0;
	padding: 0;
}

#contentrow {
	width: 707px;
	margin: 0;
	padding: 0;
	background: #424a5e url(../images/text_background.jpg) repeat-y left top scroll;
}

#textarea {
	margin: 30px 40px 40px 32px;
	padding: 0;	
}

#heightfix {
	width: 982px;
	margin: 0;
	padding: 0;
	clear: both;
}

#footer {
	width: 982px;
	margin: 0 auto 0 auto;
	padding: 0;
	clear: both;
	border-top: #617082 solid 1px;
}

.foottext {
	margin: 0;
	padding: 6px 0px 10px 0px;
	text-align: left;
	font-size: 80%;
	color: #6d7b88;
}








/* -------------TEXT FORMATTING------------- */

.quotearea {
	margin: 0px 26px 0px 18px;
	padding: 0;
}

.quotetext {
	line-height: 145%;
	font-size: 14px;
	color: #232936;
	font-style: italic;
}

.quotebytext {
	margin: 8px 26px 0px 18px;
	padding: 0;
	font-size: 85%;
	color: #232936;
}

.leftquote {
	background: url(../images/quoteleft.jpg) no-repeat scroll left top;
}

.rightquote {
	background: url(../images/quoteright.jpg) no-repeat scroll left top;
}


.title {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}

.text {
	margin: 0;
	padding: 0;
	line-height: 140%;
}

.toptext {
	margin: 0;
	padding: 20px 0px 0px 0px;
	line-height: 140%;
}

.toptextbig {
	margin: 0;
	padding: 32px 0px 0px 0px;
	line-height: 140%;
}

.toptextsml {
	margin: 0;
	padding: 12px 0px 0px 0px;
	line-height: 140%;
}

.smltext {
	margin: 0;
	padding: 0;
	line-height: 140%;
	font-size: 90%;
}

ul.textlist1 {
	margin-top: 0px;
	padding-top: 0px;
	list-style: none;
}

ul.textlist1 li {
	padding-top: 4px;
	padding-left: 17px;
	background: url(../images/bullet_solid.jpg) no-repeat 3px 9px scroll;
}

ul.textlist2 {
	margin-top: 0px;
	padding-top: 0px;
	list-style: none;
}

ul.textlist2 li {
	padding-top: 4px;
	padding-left: 17px;
	background: url(../images/bullet_outline.jpg) no-repeat 3px 9px scroll;
}

li.listhead {
	margin-top: 10px;
	font-weight: bold;
}

/* --

ul.textlist li {
	background: url(../images/triangle_blue.gif) no-repeat 3px 5px scroll;
	padding-left: 15px;
}

ul.textlist {
	padding-left: 25px;
	padding-top: 10px;
}

ul {
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
--- */


.bolditalic {
	font-weight: bold;
	font-style: italic;
}

.featurebox {
	margin: 20px 0 0 0;
	height: 83px;
	background: #424a5e url(../images/featurebox.jpg) no-repeat scroll left top;
}

.featuretext {
	margin: 0;
	padding: 12px 20px 10px 20px;
	line-height: 140%;
	font-size: 13px;
}

td.scroller {
	margin: 0;
	padding: 0px 8px 8px 8px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #e1e1e1;
	vertical-align: top;
}








/* -------------NAVIGATION BAR------------- */

ul#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nav li {
	float: left;
}

ul#nav a {
	display: block;
	text-decoration: none;
	border: 0;
	padding: 0;
	margin: 0;
}


ul#nav a#homeLink {
	width: 74px;
	background: url(../images/link_home.jpg) no-repeat scroll 0px 0px;
}

ul#nav a#homeLink:hover {
	background: url(../images/link_home.jpg) no-repeat scroll 0px -39px;
}

body#home a#homeLink {
	background: url(../images/link_home.jpg) no-repeat scroll 0px -39px;
}


ul#nav a#contactLink {
	width: 96px;
	background: url(../images/link_contact.jpg) no-repeat scroll 0px 0px;
}

ul#nav a#contactLink:hover {
	background: url(../images/link_contact.jpg) no-repeat scroll 0px -39px;
}

body#contact a#contactLink {
	background: url(../images/link_contact.jpg) no-repeat scroll 0px -39px;
}


ul#nav a#studioLink {
	width: 118px;
	background: url(../images/link_studio.jpg) no-repeat scroll 0px 0px;
}

ul#nav a#studioLink:hover {
	background: url(../images/link_studio.jpg) no-repeat scroll 0px -39px;
}

body#studio a#studioLink {
	background: url(../images/link_studio.jpg) no-repeat scroll 0px -39px;
}


ul#nav a#samplesLink {
	width: 174px;
	background: url(../images/link_samples.jpg) no-repeat scroll 0px 0px;
}

ul#nav a#samplesLink:hover {
	background: url(../images/link_samples.jpg) no-repeat scroll 0px -39px;
}

body#samples a#samplesLink {
	background: url(../images/link_samples.jpg) no-repeat scroll 0px -39px;
}



* html #nav a {
	height: 1px;
}






/* ----------LINKS---------- */

a:link {
	color: #b6d5e2;
}

a:visited {
	color: #a5b0b5;
}

a:hover {
	color: #f5f1ba;
}

a:active {
	color: #f5f1ba;
}



p.foottext a:link {
	color: #6d7b88;
	text-decoration: none;
}

p.foottext a:visited {
	color: #6d7b88;
	text-decoration: none;
}

p.foottext a:hover {
	color: #e1e1e1;
	text-decoration: none;
}

p.foottext a:active {
	color: #e1e1e1;
	text-decoration: none;
}