@import url("navigation.css");
@import url("standard.css");
img, div, h1 {
	behavior: url("/js/iepngfix.htc")
}
* {
	margin:0;
	padding:0
}
/* mac hide \*/
html, body {
	/* height:100%;*/
	width:100%;
}
/* end hide */

/*Clear Fix +++++++++++++++++++++++++++++++++++++++++++++++*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*General layout +++++++++++++++++++++++++++++++++++++++++++++++*/

BODY {
	font: 0.70em/1.8em Arial, Helvetica, sans-serif;
	min-width:900px; /* for good browsers*/
	min-height:750px; /* for good browsers*/
	color: #5a656a;
	BACKGROUND-COLOR: #E4E0DD;
	padding: 70px 0px 0px;
	background-image: url(/graphics/background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	text-align: center;
}
/** {margin:0;padding:0}*/
p {
	margin:0 0 1em;
	padding:0px
}
p, td, div {
}
a {
	color: #789CC5;
	text-decoration: none;
}
a:hover {
	color: #5382B5;
	text-decoration: none;
	outline: none;
}
a:active {
	outline: none;
}
ul {
	margin: 5px 5px 5px 10px;
	padding: 5px;
}
li {
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	list-style: none;
}
br {
	padding: 0px;
	height: 1px;
	width: 100%;
	clear: both;
}
.break {
	border-bottom: 1px dotted #B4C6DB;
	background-repeat: repeat-x;
	padding: 0px;
	height: 1px;
	width: 100%;
	margin: 10px 0px;	/*border-top: 1px dotted #CCCCCC;*/
	clear: both;
}

#BodyHolder {
	MARGIN: 0px auto;
	WIDTH: 900px;
	voice-family: inherit;
	padding: 20px 0px 10px;
	color: #9C9998;
	background: #FFFFFF;
	border: 1px solid #9C958D;/*background: #9BB1C6;*/
}
#LogoWrap {
	z-index: 500;
	POSITION: relative;
}
#Logo{
	POSITION: absolute;
	RIGHT: 15px;
	BOTTOM:-4px;
	height: 80px;
	width: 300px;
	background: url(/graphics/spacedecor-logo.png) no-repeat 1px 0px;
}
#Logo span{
	display:none;
}
#NavigationWrap {
	z-index: 200;
	POSITION: relative;
}
#Navigation {
	POSITION: absolute;
	right: 15px;
	top: 41px;
}

.TopBar {
	background: url(/graphics/TopShadow.jpg) no-repeat center top;
	MARGIN: 0px 15px;
	WIDTH: 870px;
	TEXT-ALIGN: left;
	padding: 0px;
	clear: both;
	height: 50px;
}
.TopBar H1 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 25px;
	COLOR: #FFFFFF;
	/*COLOR: #A9A7A7;*/
	FONT-FAMILY: "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-style: normal;
	text-transform: lowercase;
	letter-spacing: 3px;
	margin: 0px;
	line-height: 150%;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 15px;
}
.Home {
	background:#29558F;
	/*background:#84A8CA;*/
	height: 50px;
}
.Contact {
	background:#2E5F9F;
	/*background:#3F739A;*/
	height: 50px;
}
.Order {
	background:#3469B1;
	/*background:#4580AB;*/
	height: 50px;
}
.ArtMounting {
	background:#3975C6;
	/*background:#699CC2;*/
	height: 50px;
}
.Gallery {
	background:#4B82CB;
	/*background:#508BB8;*/
	height: 50px;
}
.Photography {
	background:#6392D1;
	/*background:#315A79;*/
	height: 50px;
}
#FullBodyWrap {
	MARGIN: 0px auto;
	WIDTH: 870px;
	voice-family: inherit;
	padding: 0px 15px 20px;
	background: url(/graphics/TextShadow.jpg) repeat-y center;
	clear: both;
}
#LandingPageWrap {
	WIDTH: 705px;
	clear: both;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}
#LandingPageWrap h1 {
	margin: 10px auto;
	padding: 0px;
	height: 76px;
	width: 270px;
}
.nickykerrheading{
	background: url(/graphics/lp-nickykerr-photography.jpg) no-repeat center center;
}
.spacedecorheading{
	background: url(/graphics/lp-spacedecor.jpg) no-repeat center center;
}

#LandingPageWrap .nickykerrheading span,
#LandingPageWrap .spacedecorheading span {
	display:none;
}
.topgap {
	padding-top: 100px;
}

.LandingPageLink {
	WIDTH: 235px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#WeddingLink, #PortraitLink, #CommercialLink, #LivingSpaceLink, #KitchenSpaceLink, #KidsSpaceLink {
	height: 225px;
	width: 235px;
	float: left;
	padding-bottom: 20px;
}
#WeddingLink{
	background: url(/graphics/lp-weddings.jpg) no-repeat center top;
}
#PortraitLink{
	background: url(/graphics/lp-portraits.jpg) no-repeat center top;
}
#CommercialLink{
	background: url(/graphics/lp-commercial.jpg) no-repeat center top;
}
#LivingSpaceLink{
	background: url(/graphics/lp-livingspace.jpg) no-repeat center top;
}
#KitchenSpaceLink{
	background: url(/graphics/lp-kitchenspace.jpg) no-repeat center top;
}
#KidsSpaceLink{
	background: url(/graphics/lp-kidsspace.jpg) no-repeat center top;
}

#WeddingLink span, #PortraitLink span, #CommercialLink span, #LivingSpaceLink span, #KitchenSpaceLink span, #KidsSpaceLink span{
	display:none;
}
#BottomNavigation {
	background: url(/graphics/BottomShadow.jpg) no-repeat center top;
	padding: 10px 0px 0px;
	WIDTH: 900px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #C5C2C2;
	margin-right: auto;
	margin-left: auto;
}

#BottomNavigation a{
	text-decoration: none;
	color: #C5C2C2;
	text-align: center;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
}

#BottomNavigation a:hover{
COLOR: #6496BF; TEXT-DECORATION: none
}
#Footer {
	MARGIN: 0px auto;
	WIDTH: 900px;
	voice-family: inherit;
	padding: 10px 0px;
	color: #9C9998;
}


#ContactLeft {
	FLOAT: left;
	WIDTH: 400px;
	padding: 75px 10px 30px 55px;
	text-align: left;
}
#ContactRight {
	FLOAT: right;
	WIDTH: 300px;
	padding: 0px;
	text-align: right;
}
/*#OrderLeft {
	FLOAT: left;
	WIDTH: 300px;
	padding: 0px;
	text-align: left;
}
#OrderRight {
	FLOAT: right;
	WIDTH: 540px;
	padding: 50px 10px 30px 20px;
	text-align: left;
}
*/


#FullBodyLeft {
	FLOAT: left;
	WIDTH: 249px;
	text-align: left;
}

.LeftWrap {
	WIDTH: 229px;
	text-align: left;
	padding: 30px 10px 10px;
	background: #FFFFFF url(/graphics/info_background.jpg) no-repeat;
	clear: both;
}
.LeftWrap img{
	padding: 5px 0px 15px;
	text-align: center;
}

#FullBodyRight {
	FLOAT: right;
	padding: 50px 25px 50px 25px;
	border-left: 1px dotted #B4C6DB;
	text-align: left;
	width: 570px;
}

#GalleryWrap {
	float: right;
	width: 580px;
	padding-left: 20px;
}
#GalleryLeft {
	float: left;
	width: 290px;
}
#GalleryRight {
	float: right;
	width: 267px;
	text-align: right;
}
#GalleryFull {
	float: right;
	clear: both;
	padding-top: 20px;
	padding-right: 8px;
	padding-left: 10px;
}
.GalleryImage {
	WIDTH: 80px;
	text-align: right;
	margin-bottom: 20px;
	float: left;
	padding-left: 12px;
	font-size: .9em;
}
.floatright {
	float: right;
}
#PhotographyGallery {
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#PhotographyGallery .GalleryTop {
	text-align: center;
	height: 410px;
	width: 570px;
}
#PhotographyGallery .GalleryLeft {
	text-align: center;
	width: 650px;
	float: left;
	height: 650px;
	padding-left: 20px;
}
#PhotographyGallery .GalleryBottom {
	width: 570px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#PhotographyGallery .GalleryRight {
	float: right;
	width: 200px;
}


#PhotographyGallery .GalleryBottom img, #PhotographyGallery .GalleryRight img {
	border: 1px solid #FFFFFF;
	margin: 0px;
	height: 52px;
	width: 52px;
	-moz-opacity:.2;
	filter:alpha(opacity=20);
}
#PhotographyGallery .GalleryBottom img:hover, #PhotographyGallery .GalleryRight img:hover {
	cursor: default;
	border: 1px solid #01372A;
	height: 46px;
	width: 46px;
	margin: 3px;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}


#PhotographyGallery .next {
	font-size: 9px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	clear: both;
	WIDTH: 830px;
}

#PhotographyGallery .next a{
	border: 1px solid #9CB6CE;
	background: #F8F7F5;
	font-size: 9px;
	padding: 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px;
}

#PhotographyGallery .next a:hover{
	background: #F4F3F1;
	border: 1px solid #315A79;
}
