﻿/* Layout Begin */

body {
	background-image:		url('site-images/background.gif');
	background-repeat:		repeat-x;
	background-color:		#000000;
	font-family:			Arial;
	font-size:				12px;
	color:					#C5C0B2;
}

#layout {
	top:					0px;
	position: 				absolute;
	width:					940px;
	left:					50%;
	margin-left: 			-470px;
	float:					left;
}

p {
	margin-top:				7px;
	margin-bottom:			10px;
}

a {
	text-decoration:		none;
}

address {
	font-style:				normal;
	margin-top:				5px;
}

/* Layout End */

/* Navigation Begin */

#navigation {
	width:					940px;
	padding:				0px;
	margin-bottom:			20px;
	float:					left;

}

#navigation ul {
	background-image:		url('site-images/border.gif');
	background-position:	right;
	background-repeat:		no-repeat;
	height:					30px;
	width:					393px;
	line-height:			30px;
	padding:				0px;
	margin-top:				0px;
	display:				inline;
	float:					right;
	margin:					0px;
}

#navigation ul li {
	display:				inline;
	list-style-type:		none;
}

#navigation li a span {
	background-image:		url('site-images/border.gif');
	display:				block;
	background-position:	left;
	background-repeat:		no-repeat;
	padding-left:			17px;
}

#navigation li a {
	display:				inline-block;
	height:					30px;
	padding-right:			18px;
}

#navigation li a {
	color:					#ffffff;
	margin-left:			1px;
}

#navigation a:hover {
	background-image:		url('site-images/button-bg.gif');
	background-repeat:		repeat-x;
}

/* Navigation End */

/* Flash Image Begin */

.flashimage {
	width:					939px;
	height:					295px;
	margin-top:				20px;
	margin-bottom:			20px;
	border:					1px #FFFFFF solid;
}

/* Flash Image End */

/* Body Begin */

#body {
	background-image:		url('site-images/body-background.gif');
	background-repeat:		no-repeat;
	height:					272px;
}

#body-work {
	background-image:		url('site-images/work-detail-bg.gif');
	background-repeat:		repeat-y;
	float:					left;
}

#body-work h1 {
	font-family:			Georgia;
	font-size:				20px;
	font-weight:			normal;
	margin-top:				-21px;
	margin-bottom:			8px;
	color:					#FFFFFF;
}

#body-work a {
	font-weight:			bold;
	text-decoration:		none;
	color:					#8AB7DA;
}


#body h1 {
	font-family:			Georgia;
	font-size:				20px;
	font-weight:			normal;
	margin-top:				0px;
	margin-bottom:			8px;
	color:					#FFFFFF;
}

#body a {
	font-weight:			bold;
	text-decoration:		none;
	color:					#8AB7DA;
}

/* Sub Body Begin */

#sub-body {
	background-image:		url('site-images/body-bg.gif');
	background-repeat:		repeat-y;
	float:					left;
}

#sub-body h1 {
	font-family:			Georgia;
	font-size:				20px;
	font-weight:			normal;
	margin-top:				-21px;
	margin-bottom:			8px;
	color:					#FFFFFF;
}

#sub-body a {
	font-weight:			bold;
	color:					#8AB7DA;
}

#sub-body h2 {
	font-size:				14px;
	color:					#8AB7DA;
	margin-bottom:			0px;
	margin-top:				0px;
}

.line {
	margin-bottom:			20px;
}

/* Sub Body End */

/* Services Body Begin */

#service-body {
	background-image:		url('site-images/service-bg.gif');
	background-repeat:		repeat-y;
	float:					left;
}

#service-body h1 {
	font-family:			Georgia;
	font-size:				20px;
	font-weight:			normal;
	margin-top:				-21px;
	margin-bottom:			8px;
	color:					#FFFFFF;
}

#service-body a {
	font-weight:			bold;
	color:					#8AB7DA;
}

#service-body h2 {
	font-size:				14px;
	color:					#8AB7DA;
	margin-bottom:			0px;
	margin-top:				0px;
}

/* Services Body End */

/* Left Body Begin */

#left {
	width:					200px;
	float:					left;
	padding-right:			20px;
	padding-top:			15px;
}

hr {
	border-color:			#666666;
	color:					#666666;
	height:					1px;
}

/* Left Services Page Begin */

#left-service {
	width:					240px;
	float:					left;
	padding-top:			15px;
}

#left-service img {
	border:					1px #FFFFFF solid;
	margin-right:			20px;
	margin-bottom:			20px;
}

#left-service h1  {
	margin-bottom:			13px;
}

/* Left Services Page End */

/* Left Body End */

/* Middle Body Begin */

#middle {
	width:					480px;
	padding-left:			20px;
	padding-top:			15px;
	float:					left;
}

#middle img {
	border:					1px #FFFFFF solid;
	margin-right:			20px;
	margin-bottom:			20px;
}

#middle h1 {
	margin-bottom:			13px!important;
}

#middle-service {
	width:					470px;
	padding-top:			15px;
	float:					left;
}

#middle-service hr {
	margin-top:				10px;
	margin-bottom:			10px;
}

#middle-service img {
	border:					1px #FFFFFF solid;
	float:					right;
	margin-top:				10px;
	margin-left:			20px;
	margin-bottom:			20px;
}

/* Middle Body End */

/* Right Body Begin */

#right {
	width:					200px;
	padding-left:			20px;
	padding-top:			15px;
	float:					left;
}

#right h2 {
	font-size:				14px;
	color:					#8AB7DA;
	margin-bottom:			0px;
	margin-top:				0px;
}

#right p {
	margin-top:				5px;
	margin-bottom:			5px;
}

#right span {
	display:				block;
	margin-top:				20px;
}

#right-services {
	width:					180px;
	padding-left:			40px;
	padding-top:			15px;
	float:					left;
}

#middle-service span {
	float:					right;
	color:					#8AB7DA;
}

/* Right Body End */

/* Body End */

/* Footer Begin */

#footer {
	background-image:		url('site-images/footer-background.gif');
	background-repeat:		no-repeat;
	width:					940px;
	height:					31px;
	margin-top:				20px;
	font-size:				11px;
	float:					left;
}

#footer ul {
	height:					31px;
	line-height:			31px;
	padding:				0px;
	display:				inline;
	margin:					0px;
}

#footer ul li {
	display:				inline;
	list-style-type:		none;
	float:					left;
}

#footer li a {
	display:				inline;
	height:					30px;
	padding-left:			18px;
	padding-right:			16px;
}

#footer span {
	padding-top:			9px;
	display:				block;
	float:					right;
	margin-right:			17px;
}

#footer a {
	color:					#FFFFFF;
}
/* Footer End */

/* Artwork Drop Down Begin */

.left-artwork {
	width:					460px;
	float:					left;
	background-color:		#666666;
}

.category { 
	background-image:		url('site-images/title-bg.gif');
	background-repeat:		no-repeat;
	width:					460px;
	height:					24px;
	font-family:			Arial;
	color:					#FFFFFF!important;
	font-size:				12px;
	padding-left:			10px;
	margin:					0px;
	line-height:			22px;
	cursor: 				hand;
	float:					left;
	padding-bottom:			5px;
}

.opencategory { 
	background-image:		url('site-images/title-bg-up.gif');
	width:					460px;
	height:					24px;
	font-family:			Arial;
	color:					#33619C;
	font-size:				12px;
	padding-left:			10px;
	margin:					0px;
	line-height:			22px;
	float:					left;
	padding-bottom:			0px;
}

.artwork-info {
	background-image:		url('site-images/container-bg.gif');
	background-position:	left top;
	background-repeat:		no-repeat;
	width:					460px;
	height:					245px;
	margin-top:				0px;
	float:					left;
}

.artwork-left {
	width:					195px;
	padding:				25px;
	padding-right:			0px;
	padding-top:			5px;
	float:					left;
}

.artwork-left h4 {
	color:					#8AB7DA;
	font-size:				14px;
	margin-bottom:			0px;
	margin-top:				15px;
}

.artwork-right {
	float:					right;
	padding-right:			10px;
}

.artwork-right img {
	margin-top:				25px;
	border:					1px #FFFFFF solid;
	margin-right:			20px;
}

/* Artwork Drop Down Begin */

/* Contact Form Begin */

label {
	float:					left;
	color:					#8AB7DA;
	font-weight:			bold;
	font-size:				13px;
}

label input {
	width:					460px;
	margin-right:			10px;
	margin-top:				5px;
	margin-bottom:			10px;
	border:					1px #C5C0B2 solid;
	
}

textarea {
	width:					460px;
	height:					125px;
	margin-top:				10px;
	margin-bottom:			20px;
	border:					1px #C5C0B2 solid;
}

input {
	margin-left:			0px;
	vertical-align:			top;
}


/* Contact Form End */
