/*--------------------In The Begining--------------------------*/
html {
	height:101%
}
*, ul, ol, li {
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.clearer {
	height:1px; 
	margin-top:-1px; 
	overflow:hidden; 
	clear:both;
}
body {
	padding:10px;
	font-family: Verdana, sans-serif;
	font-size:11px;
	color:#333;
	text-align:center;
	background:#57585c url(../images/bkfade.jpg) repeat left top;
} 


/*----------------------Main Structure----------------------*/
#outwrap {
	width:762px;
	margin:0 auto;
	background-color:#fff; 
	border:1px solid #666;
}
#inwrap {
	padding:0 10px 10px 10px;
	text-align:left;
	background-color:transparent; 	
}
#header {
	height:200px; 
	width:742px;
	background: #fff url(../images/himg/image_01.jpg) no-repeat scroll bottom left;
	float:left; 
}
#home #header {background-image: url(../images/himg/image_06.jpg);}
#about #header {background-image: url(../images/himg/image_02.jpg);}
#links #header {background-image: url(../images/himg/image_10.jpg);}
#web #header {background-image: url(../images/himg/image_04.jpg);}
#services #header {background-image: url(../images/himg/image_18.jpg);}
#photo #header {background-image: url(../images/himg/image_19.jpg);}
#contact #header {background-image: url(../images/himg/image_21.jpg);}


#header a {
	height:200px; 
	width:237px; 
	background: #436e86 url('../images/mlogo.jpg') no-repeat scroll top left;	
	display:block;
	float:right;
}
#sidecol #header {
	height:200px; 
	width:237px; 
	float:none;
}
#maincol {
	width:500px; 
	background-color:transparent; 
	float:left;
}
.midcol {
	width:248px; 
	float:left;
}
.midcolb {
	width:248px; 
	float:right;
}
#sidecol {
	width:237px;
	background-color:#F4F1EB;
	float:right;
	background-image: url(../images/sidefade.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footer	{
	margin-top:1px; 
	height:30px; 
	background-color:#436e86;	
}

/*
------------------------Headings--------------------------*/
h1 {background-color:transparent;
	height:52px;
	width:300px; 
	display:block; 
	float:left;
	background-image:url(../images/tlogo-h.gif);
}
h1 a { 
	height:52px;
	width:300px; 
	display:block; 
	float:left;
	text-decoration:none;
	text-indent:-9000px;
	background: #fff url('../images/tlogo.gif') no-repeat top left;
}
h1 a:hover {
	text-decoration:none;
	background:transparent; 
}
h2 {
text-indent:10px;
	font-family:arial, sans-serif;
	font-size:14px; 
	color:#fff;
	font-weight: normal;
	line-height: 28px; 	 
	background-color:#436e86;  
	display:block; 
	border-top:1px solid #fff; 
	/*border-bottom:1px solid #fff;*/
}
h2 span {
	font-size:18px;
}
h3 {
	margin-left:10px; 
	padding-top:10px; 
	font-family:georgia, serif; 
	font-size:24px; 
	font-weight:normal; 
	clear:both;
}
h3 span {
	margin-bottom:5px;
	font-family:verdana, sans-serif; 
	font-size:10px; 
	color:#999;
	font-style:italic;  
	font-weight:normal;
}
/*.blk h3 {border-bottom:1px dashed #ccc;}*/
#sidecol h3, .midcol h3, .midcolb h3 {
	font-size:14px; 
	border:none; 
	font-weight:bold;
}
.midcol h3 span {
	display:block; 
	border-top:1px dashed #999;
}
h4 {
	padding-left:10px;
	margin-top:10px;
	font-size:11px;
	color:#988256; 
	font-weight:normal; 
	line-height:25px;
	background-color:#F3F6F8; 
	border-bottom:1px solid #d1d1d1;
	border-top:1px solid #d1d1d1;
}
#sidecol h4 {
	line-height:29px;
	margin-top:0;
	color:#fff; 
	background-color:#b4bcb6;  
	border-top:1px solid #fff;	
	border-bottom:1px solid #fff;
}
h5 {
	padding:6px 10px 0 10px;
	font-family:georgia, serif; 	 
	font-size:13px;
	color:#436E86;/*568398*/ 
	font-weight:normal; 
	
}
h6 { 
	padding-top:5px;
	font-family:georgia, serif;
	font-size:11px; 	
	color:#988256;
	display:inline;
}
#sidecol h6 { 
	margin-bottom:-5px;
	padding:10px 0 0 10px;
 	display:block;
}

/*---------------------Main Navigation-----------------------*/
#navbar {
	height:62px; 
	width:350px; 
	background-color:transparent;
	float:right; 
}
#navbar ul {
	height:26px; 
	width:350px; 
}
#navbar li {
	width:auto; 
	display:block;
	float:right;
}
#nava li a:link, #nava li a:visited {
	margin-top:0px; 
	padding:3px 7px 0 7px; 
	font-size:11px; 
	color:#666;
	line-height:10px;  
	text-decoration:none;
	background-color:#fff;   
	border-top:3px solid #fff;
	display:block; 
}
#nava li a:hover {
	color:#c30; 
	border-top:solid 3px #c30; 
	display:block; 
	cursor:hand;
}
#nava li a:active{
	color:#900; 
	border-top:3px solid  #900; 
	display:block; 
	cursor:pointer;
}

#home .home a:link, #home .home a:visited, #home .home a:hover, #home .home a:active, #about .about a:link, #about .about a:visited, #about .about a:hover, #about .about a:active, #links .links a:link, #links .links a:visited, #links .links a:hover, #links .links a:active { 
	font-size:10px; 
	color:#999; 
	line-height:10px;
	text-transform:uppercase;	
	border-top:solid 3px #e5e5e5; 
	cursor:default;
}
#navb li a:link, #navb li a:visited {
	margin-top:20px;
	padding:0 7px 3px 7px;
	font-size:11px; 
	color:#666;
	line-height:10px;  
	text-decoration:none;	
	background-color:#fff;	
	display:block;
}
#navb li a:hover {
	color:#c30; 
	border-bottom:solid 3px #c30; 
	display:block; 
	cursor:pointer;
}
#navb li a:active{
	color:#900; 
	border-bottom:solid 3px #900; 
	display:block; 
	cursor:pointer;
}
#art .art a:link, #art .art a:visited, #art .art a:hover, #art .art a:active, #photo .photo a:link, #photo .photo a:visited, #photo .photo a:hover, #photo .photo a:active, #web .web a:link, #web .web a:visited, #web .web a:hover, #web .web a:active, #services .services a:link, #services .services a:visited, #services .services a:hover, #services .services a:active, #contact .contact a:link, #contact .contact a:visited, #contact .contact a:hover, #contact .contact a:active {
	padding:0 6px 3px 5px;
	font-size:10px; 
	color:#999; 
	text-transform:uppercase; 
	border-bottom:solid 3px #e5e5e5; 
	cursor:default;	
}


/*----------------------Side Column Menu-------------------------*/
.navtwowrap {
	width: 237px;
}
.navtwowrap a:link, .navtwowrap a:visited {
	padding: 5px 10px 5px 10px; 
	width:217px;
	background-color:transparent; 
	color: #333;
	text-decoration: none;
	border-bottom:1px solid #fff;
	display:block;
}
.navtwowrap a:hover {
	background-color:#fff; 
	color:#000;
}
.navtwowrap span {
	font-size:12px; 
	color:#c66;
}
.navtwowrap span.b {
	display:block;
}
.navtwowrap a:hover span {
	color:#c30;
}
.navtwowrap .thumb {
	padding:3px; 
	margin:0 10px 0 0;
}
.navtwowrap a:hover .thumb  {
	background-color:#efefef !important;
}
#maincol .navtwowrap {
	width:248px;
	/*padding-top:5px;
	padding-bottom:5px;  */
}
#maincol .navtwowrap  li {
	padding:5px 0 0px 0; 
}
#maincol a {
	width:228px;
}
#maincol .navtwowrap a:hover {
	background-color:#F3f6f8; 
}

/*--------------------Footer Menu-------------------------------*/
ul#minimenu {
	padding-left:10px;
}
ul#minimenu li {
	margin-top:8px; 
	color:#fff; 
	float:left;
}
ul#minimenu li a {
	margin:0 1px;
	color:#ccc; 
}
ul#minimenu li a:hover {
	color:#900;
}

/*--------------------Site Wide Links---------------------------*/
a:link {
	color:#c66; 
	text-decoration:none;
}
a:visited {
	color:#c66; 
	text-decoration:line-through;
}
a:hover {
	color:#c30; 
	text-decoration:none; 
	cursor:hand;
}
a:active {
	color:#900; 
	text-decoration:none;
}
h3 a {
	text-decoration:none;
}
h3 a:link, h3 a:visited {
	color:#568398;
	text-decoration:none;
}
h3 a:hover {
	color:#c30;
}
h3 a:active {
	color:#900;
}
a:hover .thumb, a:hover .bigimg, a:hover .thumbr {
	background-color:#fff;
}
#sidecol a:hover .thumb {
	background-color:#efefef;
}

/*-------------------------Content-----------------------------*/
p {
	padding:0 10px 10px 10px; 
	line-height:16px; color:#333;
}
#sidecol p {
	font-size:11px;
	line-height:15px;
	padding:5px 10px; 
}
p.initial {
	margin-top:5px;
	padding-top:10px;
}
p.archive {
	padding-bottom:0;
	padding-right:10px;
	text-align:right; }
p.fnote {
	font-size:10px; 
	color:#999;
}
p.end, p.end a {
	padding-top:4px; 
	font-size:10px; 
	color:#fff;
}
p.cent {/*this centers anything inside it.*/
	margin:6px;
	padding:5px; 
	text-align:center; 
	display:block;
}

.smlogo {/*the small graphic at the bottom-right*/
	width:236px; 
	height:30px; 
	background:#b4bcb6 url('../images/flogo.gif') no-repeat scroll top left; 
	float:right;
}

a:link.login, a:visited.login {
	padding:2px 6px 3px 6px;
	background-color:#b4bcb6; 
	line-height:30px; 
	margin-left:10px; 
	border-top:1px solid #999; 
	border-left:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
a:hover.login {
	background-color:#F3F6F8; 
}
a:active.login {
	background-color:#ccc; 
}

/*- Print Prices -*/
table { 
	text-align:center; 
	border:0;
	background-color:#d9d9d9;
	margin:4px auto 10px auto;
}
td {
	padding:3px 30px; 
	color:#333;
	background-color:#fff;
}
.tline {
	font-weight:bold;
	color:#666;
	background-color:#e9e9e9;
}
.line {
	font-weight:bold;
	color:#666;
	background-color:#f9f9f9;
}
.bline {
	color:#666;
	background-color:#f9f9f9;
}	
	


/*----------------------Lists, Lists, Lists----------------------*/
ul.quicklist {/*basic, no bullets*/
	margin:10px;
}
ul.quicklist li {
	padding:1px 0 2px 0;
}
ul.quicklist span {
	font-weight:bold;
	color:#988256;}
#maincol .quicklist li {/*adapted for the main column*/
	margin:0 15px; 
	padding-bottom:10px; 
}
ul.noteworthy  {/*basic, with bullets*/
	margin:5px 0 5px 40px;
}
ul.noteworthy li {
	padding:1px 0 2px 5px;
	list-style-type:circle;
}
ul.noteworthy li:hover {/*Only works in Firefox - IE only understands :hover for <a> tags*/
	list-style-type:disc;
}
#maincol ul.noteworthy {/*adapted for the main column*/
	margin:10px 10px 10px 30px;
}
#maincol ul.noteworthy li {
	padding:4px 0;
}
#links ul.noteworthy li {/*just for the links page*/
	padding:1px 0 2px 0;
}
ol {/*numbered list*/
	margin:5px 0 10px 50px;
}
ol li {
	list-style-type:decimal;
}


/*---------------------------Images-----------------------------*/
.bigimg, .thumb, .thumbr, pimgl-np {
	background-color:#efefef;
	border:1px solid #d1d1d1;
}
.bigimg {/*HQ*/
	margin:10px auto;
	padding:7px;   
	display:block;
}
.thumb {
	margin:10px;
	padding:4px;  
	float:left;
}
.thumbr {
	margin:10px;
	padding:4px;  
	float:right;
}
.pimgl-np {/*Snapshots*/
	margin:0 0 5px 4px/*!important*/;
	padding:2px; 
}
#sidecol .thumb {
	background-color:#fff;
}
.cent .thumb {/*make the .thumb like a bigimg, but without all of the padding.*/
	margin:1px;
	float:none; 
}


/*----------------------Changing Bits-------------------------*/
#webpage h2, #sotm h2, #blog h2, #artgal h2 {border-top:0;}

#about #header {background: #fff url(../images/header-about.jpg) no-repeat left top;}

.hot {}

/*#about #header {background: #fff url(../images/header-about.jpg) no-repeat left top;}
#other #header {background: #fff url(../images/header-dead-end.jpg) no-repeat left top;}
#links #header {background: #fff url(../images/header-links.jpg) no-repeat left top;}
#home #header {background: #fff url(../images/header-home.jpg) no-repeat left top;}*/

/*#art #header {background: #fff url(../images/header-art.jpg) no-repeat left top;}
#photo #header {background: #fff url(../images/header-photo.jpg) no-repeat left top;}
#web #header {background: #fff url(../images/header-web.jpg) no-repeat left top;}
#services #header {background: #fff url(../images/header-services.jpg) no-repeat left top;}
#contact #header {background: #fff url(../images/header-contact.jpg) no-repeat left top;}*/

/*#studio27 #header {background: #fff url(../images/header-studio27.jpg) no-repeat left top;}
#sitemap #header {background: #fff url(../images/header-sitemap.jpg) no-repeat left top;}
#guestbook #header {background: #fff url(../images/