/* Author: pentangled 2007-10. www.pentangled.co.uk
info@pentangled.co.uk
Lat Rev: 09JUL10
----------------------------------------------------*/


/*BODY  general mark up

--------------------------*/

body, html {
	text-align:left;
	margin:0 auto;
	padding:0;
	font: 11px/140% Tahoma, Trebuchet, sans-serif;
	color:#555;
	min-width:1000px;
	background: #f4f2e5 url(img/bg/body_bg.jpg) top center repeat-y;
}
body {
/*	background: #f4f2e5 url(img/bg/newBg900content.jpg) repeat-y top center;
*/}
/* ------------------------------------------------ UNIVERSAL
-------------------------*/	
p, li, dt, dd {
	font-size:1em;
	text-align:left;
	line-height:140%;
	padding:0 2px 2px 5px;
	margin:2px 0 2px 0;
}
img {
	border:0;
}
/* --------------------------------------------------- HEADINGS
-------------------------*/
h1, h2, h3, h4 {
	text-align:left;
	font-weight:normal;
	padding:0 0 10px 5px;
	margin:0;
	color:#b73;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.9em;
 	font-family: georgia, times, serif;
}

h3, h4 {
	font-size:1.5em;
	margin:0;
	padding:3px 0 5px 5px;
	color:#876;
	letter-spacing:1px;
}
h4 {
	font-size:1.3em;
}
/*------------------------------------------------------- LINKS
--------------*/
a:link, a:visited, a:hover, a:active {
	text-decoration:underline;
	border:0;
}
a:link {
	color:#765;
}
a:visited {
	color:#987;
}
a:hover {
	text-decoration:none;
	color:#b73;
}
a.active {
	color:#555;
}
/*--------------------------------------------------------------- LAYOUT
-------------*/
#container {
	position:relative;
	margin:0 auto;
	width:900px;
	min-height:700px;
	padding:0;
	clear:both;
	background: url(img/bg/container_bg.jpg) top center repeat-y;
 }
/*------------------------------------------------------------- Header
*/
#header {
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:150px;
	padding:0;
	margin:0;
	background: url(img/bg/header.jpg) top left no-repeat;
}
#header img a {
	margin:0;
	padding:0;
	height:100px;
	width:200px;
	}
.branding {
	float:left;
	text-indent:-99999px;
}
/*------------------------------------------------------------- Nav Menu 1 & 2
*/

#nav {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}
#nav ul.menu, #nav ul.menu2 {
	display:block;
	border-bottom:1px solid #dcb;
 	margin-right:30px;
	width:620px;
}
#nav ul.menu2 {
	margin:0;
	padding:0;
	border:none;
	line-height:100%;
}
#nav ul.menu li, 
#nav ul.menu2 li {
	font-size:17px;
	margin:0;
	padding: 0 4px;
	letter-spacing:-1px;
	display:inline;
	color:#765;
}
#nav ul.menu li a, 
#nav ul.menu2 li a {
	color:#765;
	text-decoration:none;
}
#nav ul.menu li a:hover, 
#nav ul.menu2 li a:hover {
	color:#b41;
}
#nav ul.menu2 li {
	font-size:1.2em;
	letter-spacing:normal;
}
#nav ul.menu li.here a {
	font-weight:bold;
	color:#ba9;
}
#nav ul.menu2 li.here a {
	text-transform:uppercase;
 	
}
							/*-----------------------content*/	
#content {
	position:absolute;
	top:152px;
 	width:900px;
	padding:0;
	margin:0;
	min-height:500px;
  	left: 0px;
}
#content .mainSection, 					/*--------mainSection*/
#content .mainSection2 {
	width:360px;
	position:absolute;
	left:245px;
	}
.mainSection a img, 
.mainSection2 a img {

	border: 1px solid #f4f2e5; /* 100w TN on gallery pages*/
 	float: left;
}
.mainSection a:hover img,
.mainSection2 a:hover img {
	border: 1px solid #bbb;
	}
.mainSection2 {								/*------------index, thankyou & contact*/
	background: transparent url(img/bg/mainSection.jpg) left bottom no-repeat;
	min-height: 400px;
}	
#content .alwaysThere {						/*---------alwaysThere*/
	position:absolute;
	left:0;
	top:0;
 	border-top:#ccc 1px solid;
 	border-bottom:#ccc 1px solid;
 	border-right:#ccc 1px solid;
 	background: url(img/bg/alwaysThere.jpg) top right repeat-y;
	width:190px;
	font-size:0.95em;
	color: #888;
	min-height:420px;
	padding-right:3px;
	margin:0 0 0 30px;
}	
#content .alwaysThere .addthis {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.randomImg img {
	margin:2px 0 2px 7px;
	width:170px;
	height:170px;
 	}
 							/* FOOTER --------------------------------*/
 #footer p, #footer a {
 	text-align:left;
	margin:0;
	color: #aaa;
	border-top: 1px solid #ccc;
}

																			/*-----------Folio page nav----*/
a.prev, a.next {
	padding:17px 0 0 0;
 	font:1.2em Georgia, Times, serif;
	font-weight:bold;
	color:#ccc;
	text-decoration:none;
	width:82px;
	height:50px;
}
a.prev {
	background:url(img/bg/prev.jpg) top right no-repeat;
	float:left;
 }
a.next {
	padding:0 0 17px 0;
	background:url(img/bg/next.jpg) top right no-repeat;
	float:right;
	text-align:right;
	margin-right:20px;
 }
a.prev:hover, a.next:hover, a.up:hover {
	text-decoration:none;
	color:#987;
}

/*#content dl dt {					/* This should either be somewhere else or scrapped. 
	font-size:1.4em;
	letter-spacing:1px;
	margin:3px 0 0 0;
	padding:5px 0;
	color:#765;
	
}
*/									/*--------folio page layout--------*/
#content.folio h3 {
	border-top: #cba 1px solid;
	clear:both;
}
#content.folio h3,
#content.folio h2,
#content.folio p {
	margin-left:30px;
	margin-right:30px;
	
}
#content.folio img, #content.folio a img {
 	margin:5px 0 5px 30px;
	border: 1px solid #bbb;
 }
#content.folio img.unbordered, #content.folio a img.unbordered {
	border:none;
	}
#container #content.folio .folioTop {			/*-- headline image --*/
	width:700px;
	margin:0;				/*-- aligns h2 title w/ lh edge of nav menu*/
}	
#container #content.folio .folioTop img { 
	padding:0 10px 0 0;
	float:left;
	border:none;
	margin:0;
}
								/*--------folio detail--------*/
#content.folio .detail {
	width:250px;
	float:right;
}
#content.folio .detail p {
	padding:2px;
 	clear:both;
	font-size:0.9em;
	margin-left:0;
 }
#content.folio .detail img {
	float:right;
	margin-right:30px;
 }	
#content.folio .div700w h2 {
	padding-bottom:3px;
}	 	
#content.folio img.graphic, 
#content .mainSection img.graphic { /*--All imgs in graph.html & TN from folio & webdesign --*/
	margin:0 5px 5px 0;
	padding:0;
	border:1px solid #bbb;
 }	
#content.folio img.graphic1, 
#content .mainSection img.graphic1 {/* 1st img in line*/
	margin:0 5px 5px 30px;
	}
									/*----------pricelist -- web design pricelist only ----*/
dl.pricelist {
	margin:0;
}
dl.pricelist dt {
	font-weight:bold;
	color:#765;
	
}
dl.pricelist dd {
	margin:0 50px 10px 0;
}
 
									/*----------Linklist -- Links page only ----*/
dl.linklist {
	margin:0;
	padding:0;
}
dl.linklist dt {
	border-top: 1px solid #cba;
	color:#765;
	font-size:1.2em;
}
dl.linklist dd {
	margin:3px 0 2px 0; 	
}
									/*------ #sidebox -------------------------------------------------*/
#sidebox {
	position:absolute;
	right:3px;
	top:150px;
	width:230px;
	padding:0 0 7px 2px;
	margin:0 30px 0 0 ;
	line-height:140%;
	border-top:#ccc 1px solid;
  	border-bottom:#ccc 1px solid;
  	border-left:#ccc 1px solid;
	background:url(img/bg/sidebox.jpg) top left repeat-y;
}
#sidebox dl {
	padding:3px 0 0 5px;
	margin:0;
}
#sidebox dl dt {
	letter-spacing:1px;
	font-weight:bold;
	padding:3px 0 0 0;
}
#sidebox h2 {
	line-height:100%;
	padding:0 0 5px 5px;
}
#sidebox h4 {
	margin:2px 0 0 0;
	padding:5px 0 0 0;
 }
#sidebox ul, 
#content ul, 
.mainSection ul {
	margin-left:0;
	padding:0 0 5px 20px;
 }	
#content ul li, 
#sidebox ul li {
	margin:0;
	padding:1px 0;
 	list-style: url(img/bg/dot.jpg) outside;
}

/*#sidebox h3 {
	font-weight:bold;
}
*/#sidebox dl dt.loudest {
	font-size:1.5em;
	letter-spacing:normal;
}
#sidebox dl dd {
	font-size:0.9em;
	padding:1px 0;
	margin:0;
}
/* forms
	----------------------------------------------------*/
.contactForm {
	margin:0 30px 0 20px;
	text-align:left;
	float:right;
	width:260px;
 	color:#555;
	border:1px solid #bbb;
	line-height:100%;
	background:url(img/bg/sidebox.jpg) top left repeat-y;
}
 
fieldset {
	margin:0 0 3px 0;
	padding:1px 3px;
	border-top:#ccc 1px solid;
	border-right:#bbb 2px solid;
	border-bottom:#bbb 2px solid;
	border-left:#ccc 1px solid;
}
fieldset p {
	margin:1px 0 2px 0;
	padding:1px 3px;
}
legend {
 	margin: 0;
	padding:1px 3px;
	border:#bbb 1px solid;
	color:#555;
	font:1.4em Georgia, Times, serif;
}
textarea {
	background-color: #fcfaed;
}
label {
	font:1.1em Georgia, Times, serif;
	font-weight:bold;
	color:#555;
	
}
#name, #email, #message {
	width:90%;
 	background-color: #fcfaed;

}
inout {
	background-color: #fcfaed;
}

/*----------------------------------------------------------MISC Formatting
------------------*/
.cent {
	margin:0 auto;
	text-align:center;
}
.bold {
	font-weight:bold;
	color:#765;
}
.loud, .loudest {
	font-size:1.3em;
	color:#765;	
}
.loudest {
	font-size:1.4em;
	letter-spacing:2px;
}
ul.loud li {
	padding-bottom:5px;
	color:#765;
}
.clear {
	clear: both;
}
.clear-l {
	clear:left;
}
.clear-r {
	clear:right;
}
.it {
	font-style:italic;
}
.back, .up {
	font:1.5em/300% Georgia, Times, serif;
	text-align:center;
	font-weight:bold;
	color:#555;
 }
a.up {
	background:url(img/bg/up.jpg) bottom left no-repeat;
	padding:20px 0 17px 28px;
	color:#555;
}
p.back a {
	background:url(img/bg/back.jpg) bottom right no-repeat;
	padding: 19px 25px;
}
/*-----------General Formatting----*/

.righty {
	text-align:right;
}
.img_righty, .img_lefty {
	float:right;
	padding:5px;
	border:0;
}
.img_lefty {
	float:left;
	padding:5px;
	margin-left:20px;
}
.smallnote, .qt, .img_righty {
	font-size:0.9em;
	font-style:italic;
}
.boxed {
	border:#ccc 1px solid;
	margin:5px;
	padding:3px;
}
.boxed p, .boxed ul li {
	font-style:italic;
	line-height:normal;
}
img.bordered {
	text-align:center;
	border:1px solid #bbb;
	padding:2px;
}
.unbordered {
	border:none;
	padding:0;
	margin:0;
}
.div400w {						/*--------only used in contact page*/
	width:400px;
	margin-left:30px;
	background: transparent url(img/bg/mainSection.jpg) left bottom no-repeat;
}
.div500w {
	width:500px;
}

.div700w {
	width:700px;
}
.topped {
	border-top:1px solid #cba;
}
/*---- for image transformation in photorest pages-----*/

.a2b_a, .a2b_b {      
	left:350px;
	top:75px;
	position:absolute;			/*AP to make the magic work. Don't go changing this!*/
	margin:0;
	padding:0;
}
/*.leftside, .rightside {                        IDK!! IRK!!!
	float:left;
	width:390px;
	margin:0 20px;
	padding:0;
}
.rightside {
	float:right;
}
*/
.phorestTN {
	float:left;
	width:240px;
 	padding:40px 0 0 0;
}
.phorestTN a img {
	margin:2px;
	padding:0;
}

/*----- wallpaper on download page ----*/
#BannerDiv {
	margin:0 0 0 5px;
	width:268px;
	padding:0;
	border:1px solid #bbb;
}

#content .mainSection ul.wallpaper {
	padding:0;
	margin:0;
	float:right;
}
#content .mainSection ul.wallpaper li {
 	padding:1px 0;
	list-style: none;
}