/*--------------------------------------------------------------
	Title: Main StyleSheet for all browsers + Internet Explorer 7+ 
	Author: Michael Cacciotti
	Date Last Modified: 1/07/09
	www.michaelsartsite.com Copyright (c) 2010 
----------------------------------------------------------------*/

body { 
	background-color: #ccc;
	color: #000; 
	letter-spacing: 1px;
}

/*-- home page wrap --*/
#homePgWrap {
	background: url(../images/homepage_Lrg03.jpg) no-repeat top center #ccc;
	margin: 0 auto;
	text-align: left;
	width: 950px;
}

img { border: none; }

a img { text-decoration: none; vertical-align: middle; } /*-- Removes underline link image 
--*/

/*-- main page wrap --*/
#mainPgWrap {
	background: url(../images/mainpage_BgLrg03.jpg) no-repeat top center #ccc;
	margin: 0 auto;
	text-align: left;
	width: 950px;
}

/*-- header styles --*/
#header {
	width: 950px;
}

#header a { 
	display: block;
	float: left;
	height: 45px;
	margin-left: 20px;
	width: 130px; 
}

h3.mainHeader {
	font: 19px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	display: inline;
	float: right;
	margin: 12px 130px 0 0;
	padding: 0;
	width: 500px;
}

/*-- Main content --*/
#mainContent {
	clear: both;
	width: 950px;
}

/*-- navigation styles --*/
#mainNav {
	float: left;
	font: bold 13px "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	width: 185px; 
}

#mainNav ul {
	list-style: none;
	margin: 40px 0 0 0;
}

#mainNav ul li {
	padding: 10px 0 20px 12px; 
}

#mainNav a {
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

#mainNav a:hover {
	background: url(../images/shp2_rollover.gif) no-repeat 0 -1.5px;
	color: #66CC66;
	text-decoration: underline;
	padding: 10px;
}

/*-- middle content --*/
#midContent {
	float: left;
	padding: 0;
	position: relative;
	width: 585px;
}

#midContent .content {
	float: left;
	padding: 30px 30px 0 30px;
	width: 530px; 
}

#midContent .content a {
	color: #06f;
}

#midContent .content a:hover {
	color: #f66;
}

#midContent ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
}

#midContent ul ul {
	list-style: circle;
	margin: 5px 0 25px 40px;
}

#midContent .packages {
	width: 500px;
	background-color: #91B7CC;
	margin: 0 0 10px 5px;
	padding: 10px;
}

#midContent .packages ul {
	text-indent: 25px;
}

#midContent .packages ul ul {
	list-style: none;
	text-indent: 30px;
}

#midContent .packages_SubPg {
	width: 500px;
	background-color: #c99;
	margin: 0 0 10px 5px;
	padding: 10px;
}

#midContent .packages_SubPg ul {
	list-style-type: circle;
	margin-left: 40px;
}

#midContent .packages_SubPg ul a:hover {
	color: #096;
}

#midContent h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
}

#midContent h1 {
	font-size: 18px;
}

#midContent h2 {
	font-size: 14px;
}

.gallery {
	
}

.gallery img {
	margin: 0 6px 10px;
}

/*-- right side content --*/
#subContent {
	color: #fff;
	float: left;
	font: 10px/1.3em Arial, Helvetica, sans-serif;
	margin-top: 15px;
	width: 174px; 
}

#subContent02 {
	color: #fff;
	font: 10px/1.3em Arial, Helvetica, sans-serif;
	width: 174px; 
	position: absolute;
	left: 585px;
	top: 11px;
}

#subContent a {
	color: #fff;
}

#subContent .row05 a {
	color: #03f;
}

#subContent .row05 a:hover {
	color: #f60;
}

#subContent .row01,
#subContent .row02,
#subContent .row03,
#subContent .row04,
#subContent .row05 {
	width: 174px;
}

#subContent .row01 {
	height: 37px;
}

#subContent .row02 {
	height: 88px;
	margin-top: 10px;	
}

#subContent .row03 {
	height: 91px;
	margin-top: 8px;	
}

#subContent .row04 {
	height: 84px;
	margin-top: 10px;	
}

#subContent .row05 {
	color: #000;
	height: 110px;
}

#subContent .content02{
	padding: 12px;
}

#home_footer { 
	clear: both;
	display: inline-block;
	font-size: 11px;
	margin: 90px 0 0 60px;
	text-align: center; 
}

/*IE hack*/
*html #home_footer { 
	margin: 50px 0 0 60px;
}

#footer { 
	clear: both;
	display: inline-block;
	font-size: 11px;
	margin: 50px 0 0 60px;
	text-align: center; 
	width: 500px;
}

/*-- Anchor links style --*/
#anchor {
	margin-left: 300px;
	width: 100px;
}

#midContent a {
	color: #f00;
	font-size: 13px;
	text-decoration: underline;
}

.content p a {
	display: block;
	margin: 5px 0 -15px 0; 
	padding: 0;
}

hr {
	background-color: #000; 
	color: #000;
  	height: .1em;
  	margin: 3em 0 1.45em;
  	border: none; 
}

/*-- artwork styles --*/
.thumbWrap {
	display: block;
	margin: 20px 0 0 5px;
	padding: 0 0 0 20px;
	width: 490px;
	text-align: center;
}

.artwork_thumb01 {
	float: left;
	margin: 0;
	padding: 0 10px;
}


/*-- CLEARFIX for overflow content in container --*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}