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

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	width: 100%;
	clear:both;
}

body {
	background: #EDD9DA url(../media/graphics/body_bg.jpg) top repeat-x;
	color: #850008;
}

/* main wrapper that holds it all centrally */

#wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
}

/* default masthead holding the banner and mainNav */

#header {
	width: 760px;
	margin: 0 auto;
}

/* default links */

a:link {
	background-color: transparent;
	text-decoration: underline;
	color: #850008;
}

a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #850008;
}

a:visited {
	background-color: transparent;
	text-decoration: underline;
	color: #AB5056
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: 82.5%/1.6 Tahoma, Verdana, Arial sans-serif;
}

.tinyText {
	font-size: 0.9em;
	color: #AB5056;
}

/* =Headings
-----------------------------------------------------------------------------*/

body.home h1 {
/*border: 1px solid #FF6600;*/
	margin-top: 80px;
	margin-bottom: 0px;
	font-size: 45px;
	font-weight: normal;
	text-align: center;
}

.title {
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	width: 320px;
	line-height: 45px;
	margin: 10px 0px -10px -10px;
	padding-left: 20px;
	background: transparent url(../media/graphics/headerFade.jpg) center left no-repeat;
}

body#clientPhotographsPage .title,
body#portfolio .title {
	width: 230px;
	background: transparent url(../media/graphics/headerFadeSmall.jpg) center left no-repeat;
}

.more {
	float: right;
	color: #fff;
	width: 320px;
	font-size: 1.1em;
	line-height: 45px;
	margin: 0px 0px 0px 0px;
	padding-right: 10px;
	text-align: right;
	background: url(../media/graphics/moreFade.jpg) center right no-repeat;
}

.nothumbs {
	color: #ba7e80;
}

body#clientPhotographsPage .more,
body#portfolio .more {
	float: left;
	width: 225px;
	margin: 0px 0px 0px 0px;
}

html>body#clientPhotographsPage .more,
html>body#portfolio .more {
	margin-top: -10px;/*required for Fire Fox & Safari*/
}

p.more {
	float: left;
	width: 305px;
	margin: 10px 20px 0px 0px;
	padding-right: 0px;/*0*/
	text-align: right;
	background: url(../media/graphics/moreFade.jpg) center right no-repeat;
}

body#partnersPage h1.title {
margin-bottom: 20px;
}

h2.partnerLink {
font-size: 1em;
margin-top: 20px;
margin-bottom: 0px;
}
/* =Links
-----------------------------------------------------------------------------*/
h2.partnerLink a:hover{
text-decoration: none;
}

#portfolioLinkPics {
	position: relative;
	height: 280px;
	width: 736px;
	top: 50px;
}

#portfolioLinkPics a i.offScreen{
	position: relative;
	left: -2000px;
}

#portfolioLinkPics a {
	text-decoration: none;
	outline: 0;
}

a#picPeople {
	position: absolute;
	width: 184px;
	height: 280px;
	background: #fff url(../media/photos/people.jpg) no-repeat left bottom;
	top: 0px;
	left: 0px;
}

a#picPeople:hover {
	background-position: right bottom;
}

a#picBusiness {
	position: absolute;
	width: 184px;
	height: 280px;
	background: #fff url(../media/photos/business.jpg) no-repeat left bottom;
	top: 0px;
	left: 184px;
}

a#picBusiness:hover {
	background-position: right bottom;
}

a#picTravel {
	position: absolute;
	width: 184px;
	height: 280px;
	background: #fff url(../media/photos/travel.jpg) no-repeat left bottom;
	top: 0px;
	left: 368px;
}

a#picTravel:hover {
	background-position: right bottom;
}

a#picNature {
	position: absolute;
	width: 184px;
	height: 280px;
	background: #fff url(../media/photos/nature.jpg) no-repeat left bottom;
	top: 0px;
	left: 552px;
}

a#picNature:hover {
	background-position: right bottom;
}

h2.more a:link {
	background-color: transparent;
	text-decoration: none;
	color: #fff;
}

h2.more a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #fff;
}

h2.more a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #fff;
}

#footer a:link {
	background-color: transparent;
	text-decoration: none;
	color: #AB5056;
}
#footer a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #AB5056;
}
#footer a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #AB5056;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
/* horizontal main menu navigation - based on a method from Richard Rutter */

#mainNav {
	color: #fff;
	margin: 43px 0px 0px 20px;/*43px 0 0 0 - Changed for interim website*/
	padding: 0px 0px 0px 0px;
	width: 760px;/*760*/
	height: 26px;
	font-size: 11px;
}

#mainNav ul {
	list-style: none;
	padding: 0px;
	border: none;
	margin: 0px auto;
	width: 66em; /*increase to 60em (54) if home link activated 56em required without home link*/
}

#mainNav li {
	background: transparent url(../media/graphics/nav_bg.jpg) repeat-x;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;/*5px 5px 0px 5px*/
	float: left;
	width: 80px;/*7em*//*changed from 80px for interim site only*/
}

html>body #mainNav li {
	padding: 7px 5px 0px 5px;
}

#mainNav li.widelink a {
	width: 100px;
}

#mainNav li.widelink  {
	width: 9em;
}

#mainNav a {
	background: transparent url(../media/graphics/nav_icon.gif) no-repeat center left;
	color: #fff;
	display: inline;
	width: 7em;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	font-weight: bold;
}

#mainNav a:hover, #mainNav a:active {
	background-color: transparent;
	color: #fff;
	text-decoration: underline;
	background-image: none;
}

#mainNav a.active:link, #mainNav a.active:visited {
	position: relative;
	z-index: 102;
	background: transparent url(../media/graphics/nav_icon.gif) center left no-repeat;
	color: #fff;
	font-weight: bold;
}

/* Highlighting the current page */

body.home #mainNav a#home,
body.about #mainNav a#about,  
body.peopleLink #mainNav a#people, 
body.businessLink #mainNav a#business,
body.travelLink #mainNav a#travel,
body.natureLink #mainNav a#nature, 
body.contact #mainNav a#contact,
body.partners #mainNav a#partners,
body.clientLogin #mainNav a#login,
body.clientLogout #mainNav a#logout,
body.clientPhotographs #mainNav a#photographs,
body.prices #mainNav a#priceList,
body.cart #mainNav a#cart { 
	color: #fff;
	text-decoration: underline;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#quote {
margin: 0 auto 0 auto;
width: 600px;
font-weight:bold;
background: transparent url(../media/graphics/top_quote.gif) top left no-repeat;
}
#quote blockquote {
background: transparent url(../media/graphics/bottom_quote.gif) bottom right no-repeat;
text-align: center;
padding: 5px 25px 5px 25px;
margin-bottom: 0px;
font-size: 1em;
color: #A23C43;
}

#quote p {
margin-top: 0px;
text-align: right;
font-size: 1.1em;
}

#textContent {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
 	width: 320px;
	height: 385px;
	line-height: 1.2em;
}

body.contact #textContent p.formIntro {
	margin-right: 20px;
}

body#clientPhotographsPage #textContent,
body#portfolio #textContent {
	width: 250px;
}

body#clientPhotographsPage #textContent img,
body#portfolio #textContent img{
	float: left;
	border: solid 1px #850008;
	margin: 2px;
}

body#clientPhotographsPage #textContent a:hover img,
body#portfolio #textContent a:hover img {
 	border: dotted 1px #850008;
}

body#clientPhotographsPage  #thumbNails,
body#portfolio #thumbNails {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#picContent {
 position: relative;
 float: left;
 width: 370px;
 height: 385px;
 text-align: center;
 background: #EDD9DA url(../media/graphics/picture_bg.jpg) repeat-y top;
}

body#clientPhotographsPage #picContent,
body#portfolio #picContent {
	width: 470px;
	background: #EDD9DA url(../media/graphics/picture_bg2.jpg) repeat-y top;
}

#topBorder {
	width: 370px;
	height: 24px;
	background: #EDD9DA url(../media/graphics/picture_bgTop.jpg) no-repeat top;
}

body#clientPhotographsPage #topBorder,
body#portfolio #topBorder {
	width: 470px;
	background: #EDD9DA url(../media/graphics/picture_bgTop2.jpg) no-repeat top;
}

#picContent img {
	position: relative;
	margin-left: 0px;
	border: 1px solid #850008;
	background-color: #EDD9DA;
}

body.partners #picContent img,
body.about #picContent img {
	margin: 15px 0px 25px 0px;/*margin: 15px 20px 25px 80px;*/
	padding: 2px;
}

body.contact #picContent img {
	margin: 15px 0px 25px 0px;/*margin: 15px 20px 25px 80px;*/
}

#bottomBorder {
	width: 370px;
	height: 24px;
	background: #EDD9DA url(../media/graphics/picture_bgBottom.jpg) no-repeat top;
}

body#clientPhotographsPage #bottomBorder,
body#portfolio #bottomBorder {
	width: 470px;
	height: 50px;
	background: #EDD9DA url(../media/graphics/picture_bgBottom5.jpg) no-repeat bottom;
	}

body#clientPhotographsPage img.leftArrow,
body#portfolio #picContent img.leftArrow {
	float: left;
	border: 0px;
	margin-left: 85px;/*85*/
}

html>body#clientPhotographsPage #picContent img.leftArrow,
html>body#portfolio #picContent img.leftArrow {
	float: left;
	border: 0px;
	margin-left: 95px;/*90*/
}

html>body#clientPhotographsPage #picContent img.rightArrow,
html>body#portfolio #picContent img.rightArrow {
	float: right;
	border: 0px;
	margin-right: 140px;/*135*/
}

body#clientPhotographsPage #picContent img.rightArrow,
body#portfolio #picContent img.rightArrow {
	float: right;
	border: 0px;
	margin-right: 135px;
}

body#portfolio #picContent p {
	position: relative;
	text-align: left;
	width: 400px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: -23px;
	top: 10px;
}

html>body#clientPhotographsPage #picContent p,
html>body#portfolio #picContent p {
	top: 10px;
	margin-left: 20px;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 4px;
}
body#clientPhotographsPage #picContent p a.enlarge,
body#portfolio #picContent p a.enlarge {
	display: block;
	float: left;
	width: 4em;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 4px;
	background: transparent url(../media/graphics/enlarge.gif) no-repeat;
}

body#clientPhotographsPage #picContent p a:hover,
body#portfolio #picContent p a:hover {
	text-decoration: none;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	position: relative;
	top: 0px;
	width: 370px;
}

body#clientPhotographsPage #footer,
body#portfolio #footer {
	position: relative;
	top: 14px;
	width: 470px;
}

#footer p {
	text-align: center;
	font-size: 0.8em;
	color: #AB5056;
}


/* =Forms
-----------------------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

form.form label {
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
	width: 100px;
	clear: left;
	line-height: 1.2em;
}

html>body form.form label {
	line-height: 2em;
}

form.form input {
	margin: 0px 30px 0px 5px;
	float: right;
	padding: 2px;
	border: solid 1px #850008;
	background: #EDD9DA;
	color: #850008;
	width: 175px;
}

html>body form.form input {
	margin: 3px 30px 3px 5px;
}

form.form textarea {
	margin: 0px 30px 0px 5px;
	float: right;
	width: 175px;
	height: 100px;
	padding: 2px;
	border: solid 1px #850008;
	background: #EDD9DA;
	color: #850008;
}

html>body form.form textarea {
	margin: 3px 30px 3px 5px;
}

form.form input.submit {
	float: right;
	margin-right: 20px;
	border: 0;
	width: 230px;
	height: 42px;
	background: transparent;
	font-size: 1.2em;
	color: #fff;
}

form p.formField label {
display: block;
width: 100px;
float: left;
font-weight: bold;
}

form fieldset#details p.formField label {
text-align: right;
padding-right: 10px;
}

form p.formField input,
form p.formField textarea {
width: 175px;
}

form p.formField textarea {
height: 70px;
}

form fieldset {
border: none;
}

form fieldset#details {
width: 330px;/*300*/
}

form fieldset#details {
float: left;
}

form fieldset#comments {
width: 350px;/*350*/
float: right;
}

form fieldset#comments p.formField textarea {
width: 340px;
height: 140px;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}

/* =Client Area Specific
-----------------------------------------------------------------------------*/
div#clientContent {
width: 400px;
margin: 0 auto 0 auto;
}
div#clientContent h3,
div#clientContent h2{
font-weight: normal;
}
body#clientLoginPage div#clientContent {
margin-top: 80px;
width: 320px;
}
body#clientLoginPage div#clientContent h2 {
text-align: center;
}


/***************Start of client specific portfolio stuff******************/
body#clientPhotographsPage #picContent p {
position: relative;
display: block;
	margin-left: -23px;
	position: relative;
	text-align: center;
	width: 400px;/*400*/
	padding-top: 0px;
	margin-top: 0px;
	top: 0px;
}

body#clientPhotographsPage div#picContent div#bottomBorder p#imageIdentifier,
html>body#clientPhotographsPage div#picContent div#bottomBorder p#imageIdentifier {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 15px;/*18*/
padding-top: 0px;
padding-bottom: 5px;
text-align: center;
font-weight: bold;
}

body#clientPhotographsPage div#bottomBorder p#addPic,
html>body#clientPhotographsPage div#bottomBorder p#addPic {
clear: left;
padding-top: 0px;/*added 4 ie7*/
padding-left: 0px;
text-align: center;
margin-left: 45px;/*25 added for FF ?*/
}

body#clientPhotographsPage #bottomBorder {
height: 110px;
}

body#clientPhotographsPage #footer {
top: 70px;
}

body#clientPhotographsPage #selectStyle {
width: 230px;
color: #850008;
}
body#clientPhotographsPage #selectStyle option {
padding-left: 3px;
padding-right: 3px;
}

/*********************** End Client Portfolio Stuff *************************/
body#pricesPage h2 {
margin-bottom: 0px;
}

div#clientContent li {
margin-left: 20px;
}

body#pricesPage table {
border: solid 1px #850008;
width: 400px;
}

body#cartPage table {
width: 700px;
}

body#orderPage table th,
body#cartPage table th,
body#pricesPage table th {
background-color: #EDD9DA;
}

body#orderPage table th,
body#orderPage table td,
body#cartPage table th,
body#cartPage table td,
body#pricesPage table th,
body#pricesPage table td {
text-align: left;
border-bottom: solid 2px #850008;
padding: 3px 15px 3px 15px;
}

body#pricesPage table td.center {
text-align: center;
}

body#orderPage table td,
body#cartPage table td,
body#pricesPage table td {
border-bottom: solid 1px #850008;
}

body#cartPage td a:link img {
border: solid 1px #850008;
}

body#cartPage td a:hover img {
border: dotted 1px #850008;
}

body#cartPage div#clientContent {
width: 700px;
}

body#cartPage div#clientContent input#quantity{
width: 25px;
}

body#orderPage div#clientContent {
width: 700px;
}

body#orderPage p.orderBtns,
body#orderPage p.total,
body#cartPage p.orderBtns,
body#cartPage p.total{
text-align: right;
font-weight: bold;
}

body#orderPage p.total {
margin-top: -20px;
margin-right: 20px;
}

body#clientPhotographsPage p#addPic input,
body#orderPage p.orderBtns input,
body#cartPage p.orderBtns input {
margin-left: 10px;
margin-right: 20px;
color: #850008;
border-color: #850008;
cursor:pointer;
}

body#logoutPage div#clientContent,
body#logoutCheckPage div#clientContent {
margin-top: 50px;
text-align: center;
}