@media print {.print {DISPLAY:none}}
body {font-family: Arial, Helvetica, sans-serif, Tahoma, Trebuchet MS, Verdana;font-size: 85%;color: #CCC;margin: 0px; background: #2F2822 url('../images/bck-slc.jpg') repeat-x center top}
#shell {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto}
#shell a, #shell a:link, #shell a:visited {text-decoration: none}
#shell a:hover {text-decoration: none}
.holder {width: 969px;text-align: left;margin: 0 auto;height: auto}
.holder-tnv {width: 930px}
#tnv-left {float: left}
#tnv-right {float: left;width: 873px}
#tnv-logo {float: left}
#topbck img, #topbckret img {border: 0px}
#topnav {padding: 75px 0px 0px 0px;margin: 0px auto;color:white;float: right;font-size: 90%}
#topnav ul {margin: 0px;padding: 0px;display: inline}
#topnav li {margin: 0px 0px 0px 30px;padding: 0px;display: block;float:left;list-style-type: none}
#topnav a {color: #DFDFDF;float: left;padding: 10px 0px 20px 32px;background: url('../images/tnv-home-jonathan-tait.png') no-repeat left center}
#topnav a:link, #topnav a:visited {color: #BBBBBB}
#topnav a:hover, #topnav a:visited:hover {color: #FFF}
#topnav .topnav1 {background-image: url('../images/tnvn-home-jonathan-tait.png')}
#topnav .topnav1:hover {background-image: url('../images/tnv-home-jonathan-tait.png')}
#topnav .topnav2 {background: url('../images/tnvn-portflio-jonathan-tait.png') no-repeat left center}
#topnav .topnav2:hover {background-image: url('../images/tnv-portfolio-jonathan-tait.png')}
#topnav .topnav3 {background: url('../images/tnvn-design-jonathan-tait.png') no-repeat left center}
#topnav .topnav3:hover {background-image: url('../images/tnv-design-jonathan-tait.png')}
#topnav .topnav4 {background: url('../images/tnvn-history-jonathan-tait.png') no-repeat left center}
#topnav .topnav4:hover {background-image: url('../images/tnv-history-jonathan-tait.png')}
#topnav .topnav5 {background: url('../images/tnvn-contact-jonathan-tait.png') no-repeat left center}
#topnav .topnav5:hover {background-image: url('../images/tnv-contact-jonathan-tait.png')}

#top2 {padding: 4px 0px; margin:0px auto; color: #FFF;float: right; border-top: 1px solid #333;width: 873px;font-size: 90%}
#top2 ul {margin: 0px;padding: 0px;display: inline; float:right}
#top2 li {margin: 0px 0px 0px 15px;padding: 0px;display: block;float:left;list-style-type: none}
#top2 li.first {margin: 0px 0px 0px 0px}
#top2 a {color: #CE;padding: 0px;margin: 0px}
#top2 a:link, #top2 a:visited {color: #666}
#top2 a:hover, #top2 a:visited:hover {color: #FFF}
#flash {float: left; font-size: 75%; color: #524F4A;padding: 0px 0px 0px 75px;}
#credit {float: right; text-align: right; font-size: 75%; color: #524F4A;padding: 0px 22px 0px 0px;}
.maincnt {padding: 0px 0px 40px 0px}
/*--------------- layout styles ----------------*/
/* for understanding browsers */.maincnt {min-height:12px; height:auto}
/* for Internet Explorer *//*\*/* html .maincnt {height: 12px}/**/
/*--------------- home 3col ----------------*/

.txtcnt {padding: 40px 22px 25px 75px; text-align: left}
.row {display: block; margin: 0px 0px 45px 0px}
.column200 {display: block;float:right; width:180px; margin: 0px 0px 0px 0px}
.column250 {display: block;float:right; width:250px; margin: 0px 0px 0px 0px}
.column300 {display: block;float:left; width:260px; margin: 0px 17px 0px 0px}
.column400 {display: block;float:left; width:400px}
.column520 {display: block;float:left; width:520px}
.column570 {display: block;float:left; width:570px}
.column620 {display: block;float:left; width:620px; margin: 0px 17px 0px 0px}
.column640 {display: block;float:left; width:640px; margin: 0px 17px 0px 0px}
.design {float:left; width: 410px; text-align: left; margin: 20px 0px 25px 0px}
.details {float:left; width: 250px; padding: 20px 0px 0px 0px; }
.details p {font-size: 90%}

.contactrow {float: left;width: 500px; padding: 0px; margin: 0px}
.contactrowAdd {float: left;width: 500; padding: 15px 0px 0px 0px; margin: 0px 0px 20px 0px; border-bottom: 0px dashed #999999;border-top: 0px dashed #999999}
.contactrow2 {float: left;width: 100%; padding: 0px; margin: 0px; height: 60px}
.contactformL {float: left; width: 140px; height: 30px}
.contactformR {float: left; width: 270px; height: 30px}
.contactformL2 {float: left; width: 140px;height: 30px}
.contactformR2 {float: left; width: 270px;height: 30px}

.textform {border: 0px solid #000; background: #D2CBB0 url('../images/input-box.gif') left top no-repeat;font-family: Arial, Helvetica, sans-serif, Tahoma, Trebuchet MS, Verdana}
.contactrow3 {float: left;width: 100%; padding: 15px 0px 0px 0px; margin: 0px; height: 130px}
/*----left nav styles----*/
#leftnav ul, #kdleftnav ul {letter-spacing: 1px;width: 139px;margin: 0px;padding: 0px;list-style-type: none}
#leftnav li {margin: 0px;padding: 0px;display: block;list-style-type:none;border-top: 1px solid #D2D3D3;text-transform: uppercase}
#leftnav a, #kdleftnav a {margin: 0px;padding: 5px 0px 5px 0px;width: 139px;display: block}
#leftnav a:link, #leftnav a:visited {margin: 0px;color: #af1919}
#leftnav a:hover, #leftnav a:visited:hover {color: #474d54}
#sub li {border-top: 0px;text-transform: capitalize}
#sub a  {margin: 0px;padding: 0px 7px 2px 5px;width: 115px;display: block}
#sub a:link, #sub a:visited {color: #474747;background: url('images/arra.gif') right center no-repeat}
#sub a:hover, #sub a:visited:hover{color: #DA5200;background-image: url('images/arra-on.gif') right center no-repeat}
/*---- cms styles----*/

.clear {clear:both;height:0.1em;font-size:1%;margin:0px;padding: 0px}

h1, h2, h3, h4, h5 {font-size: 110%;color: #9B9B9B;font-weight: bold;padding: 0px 0px 4px 0px;margin: 0px 0px 8px 0px}
h1 {font-size: 260%; color: #443E39;line-height:.95em}
h1 span {font-size: 40%;display: block}

h2 {font-size: 160%;font-weight: normal; color: #8D5E31}
li h2 {font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px}
h3 {font-size: 120%;font-weight: normal}
hr {display: block; border-top: 1px dashed #585757; border-bottom: 0px; border-left: 0px; border-right: 0px; height: 1px; margin: 4px 0px; padding:0px}
a, a:link, a:visited {color: #DE9034;text-decoration: none}
a:hover, .standard-link:hover {color: #FF9900;text-decoration: none}
a:focus {outline: 0px solid black}
p {margin: 0.6em 0px 0.6em 0px; line-height: 1.8em}
.highlight {color: #8D5E31}
.descripter {font-size: 80%; color: #8D5E31; font-weight: bold; margin: 0.6em 0px 0em 0px;padding: 0px 0px 0px 18px; background: url('../images/down_arra.gif') center left no-repeat}
.pdf  {display: block;padding: 0px 0px 0px 24px;background: url('../images/ico_pdf8.gif') center left no-repeat}

img {border-width:0px}

#noborder, .noborder {border: 0px}
.floatl {float: left}
.floatr {float: right; padding-left: 2px}
.alignr {text-align: right}
.alignc {text-align: center}
.alignl {text-align: left}
.size90 {font-size: 90%}
.size80 {font-size: 80%}

.nobullets {margin: 0;padding:0;list-style-type: none;list-style-position: inside}
.sqbullets {margin:0;padding:0; list-style-type: none}

.nobullets li {margin: 1px 0px 1px -1.2em;list-style-type: none; padding-left:15px !important;padding-left:0px}
.sqbullets li {margin: .5em 0px .8em 0px;padding-left: 13px;background: url('../images/sqbullet.gif') left top no-repeat}
.sqbullets a {padding-left: 13px;background-image: url('../images/sqbullet.gif');background-position: left center;background-repeat: no-repeat}
.sqbullets a:hover {background-image: url('../images/sqbullet_on.gif')}
/*
.txtcnt ul {margin: .5em 0px .8em 2em;padding:0; list-style-type: square;}
.txtcnt li {margin: .5em 0px .8em 0em; line-height: 1.8em}
*/
.thumbnails {color: #fff;}
.thumbnails h2  {margin: 32px 0px 0px 0px}
.thumbnails a, .thumbnails a:visited{display:block}
.thumbnails a:hover {}
.thumbnails a.standard-link, .thumbnails a.standard-link:visited {display:inline;}
.thumbnails ul {list-style-type:none;margin: 0px;padding: 0px;width: 100%}
.thumbnails ul li {float:left;display: inline;padding: 4px 16px 5px 0px;text-align: center}
.thumbnails span {font-size: 80%;color: #696460;font-weight: normal}
.portfoliopage a, .portfoliopage a:visited {width:265px; height: 280px; }
.notused {width:140px; height: 110px;width:27px}
.gallery {margin: 0;padding:0;list-style-type: none}
.gallery li {float: left;display: inline}
.icons li {margin: 1px 2px 1px 0px}

.socialbookmarks {margin: 0px 0px 30px 0px;padding: 0px; list-style-type: none;font-size: 90%}
.socialbookmarks li {margin: 0px;padding: 2px 0px 2px 0px;}
.socialbookmarks a {padding: 8px 0px 8px 20px;background-image: url('../images/stumbleupon_16.gif');background-repeat: no-repeat;background-position:  left center}
.socialbookmarks a.facebook {background-image: url('../images/facebook_16.gif')}
.socialbookmarks a.bebo {background-image: url('../images/bebo_16.gif')}
.socialbookmarks a.twitter  {background-image: url('../images/twitter_16.gif')}
.socialbookmarks a.digg {background-image: url('../images/digg_16.gif')}
.socialbookmarks a.stumbleupon {background-image: url('../images/stumbleupon_16.gif')}
.socialbookmarks a.delicious {background-image: url('../images/delicious_16.gif')}
.socialbookmarks a.reddit {background-image: url('../images/reddit_16.gif')}
.socialbookmarks a.pinterest {background-image: url('../images/small-p-button.png')}

.seealso span {color: #696460;}

.tble-top {display: block;height: 7px;background: url('../images/tble-top.gif') right top no-repeat;}
.tble-center {display: block;background: #F0EBE0 url('../images/tble-slc.gif') right top repeat-x;border-right: 2px solid #61564A;border-left: 2px solid #61564A}
.tble-inner {}
.tble-bottom {display: block;height: 6px;background: url('../images/tble-bottom.gif') right top no-repeat}

td {vertical-align: top}
.slider2 {width: 597px; background: #231E19; margin-bottom: 18px}
.slider2 a {float:right}
.slider2 h2 {float:left;color: #6B5E52}
.slider2 h2, .slider2 h3 {padding: 0px 0px 4px 0px;margin: 0px 0px 2px 0px}
.slider2inr {padding: 4px 14px 5px 14px}
.slider2top {display: block;height: 11px;background: url('../images/sld2_top.gif') left top no-repeat}
.slider2btm {display: block;height: 11px;background: url('../images/sld2_btm.gif') left bottom no-repeat}

.slider {width: 597px; background: #FFF url('../images/sld_bck.gif') left bottom repeat-x; margin-bottom: 18px}
.slider h2 {color: #6B5E52}
.slider h2, .slider h3 {padding: 0px 0px 4px 0px;margin: 0px 0px 2px 0px}
.sliderinr {padding: 4px 14px 5px 14px}
.slidertop {display: block;height: 11px;background: url('../images/sld_top.jpg') left top no-repeat}
.sliderbtm {display: block;height: 11px;background: url('../images/sld_btm.jpg') left bottom no-repeat}
.sliderleft {float:left}
.sliderright {float:right}
.expand {display: block;}
/*-----footer styles-----*/
#shell-ftr {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto; font-size: 80%;background: #181410 url('../images/ftr-slc.jpg') top right repeat-x}
.holder-ftr {color: #524F4A;text-align: left;padding: 20px 10px 20px 120px; width: 930px}

#ftrnav {padding: 10px 10px 0px 0px}
#ftrnav ul {margin: 0px;padding: 0px;display: inline}
#ftrnav li {margin: 0px;padding: 0px 30px 0px 0px;display: block;float:left;list-style-type: none}
#ftrnav a {color: #DFDFDF;padding: 10px 0px 10px 32px;float: left;background: url('../images/ftrn-home-jonathan-tait.jpg') no-repeat left center}
#ftrnav a:link, #ftrnav a:visited {color: #BBBBBB}
#ftrnav a:hover, #ftrnav a:visited:hover {color: #FFF}
#ftrnav .ftrnav1 {background-image: url('../images/ftrn-home-jonathan-tait.jpg')}
#ftrnav .ftrnav1:hover {background-image: url('../images/ftr-home-jonathan-tait.jpg')}
#ftrnav .ftrnav2 {background: url('../images/ftrn-portflio-jonathan-tait.jpg') no-repeat left center}
#ftrnav .ftrnav2:hover {background-image: url('../images/ftr-portfolio-jonathan-tait.jpg')}
#ftrnav .ftrnav3 {background: url('../images/ftrn-design-jonathan-tait.jpg') no-repeat left center}
#ftrnav .ftrnav3:hover {background-image: url('../images/ftr-design-jonathan-tait.jpg')}
#ftrnav .ftrnav4 {background: url('../images/ftrn-history-jonathan-tait.jpg') no-repeat left center}
#ftrnav .ftrnav4:hover {background-image: url('../images/ftr-history-jonathan-tait.jpg')}
#ftrnav .ftrnav5 {background: url('../images/ftrn-contact-jonathan-tait.jpg') no-repeat left center}
#ftrnav .ftrnav5:hover {background-image: url('../images/ftr-contact-jonathan-tait.jpg')}


.ftrnavB {padding: 4px 0px; margin:0px auto}
.ftrnavB ul {margin: 0px;padding: 0px;display: inline}
.ftrnavB li {margin: 0px;padding: 0px 20px 0px 0px;display: block;float:left;list-style-type: none}
.ftrnavB a {color: #838180;padding: 0px;margin: 0px}
.ftrnavB a:link, .ftrnavB a:visited {color: #838180}
.ftrnavB a:hover, .ftrnavB a:visited:hover {color: #FFF}
#ftrpad {display: block;padding: 10px 0px}