/*
	This file was promail's pmDefault.css file that comes with their update
	that contains the DOCTYPE tag and the standardized pages. I'm using this
	with the carts that were created before that update. I shouldn't need this
	file with new carts created since that update.
*/

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, a, 
em, img, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, section, summary,
 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	background-image:url(images/pagebk1.jpg);
	background-repeat:repeat;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	text-decoration: none;
	border: 0 none;
	}

.Centered{
	width: 100%;
	text-align: center;
}

ul.list{
	list-style: disc;
	color: White;
	font-size: 1.1em;
	font-family: "Verdana";
}

ul.list li {
	padding: 5px 0px 5px 0px;
}

div#SubTitle{
	color: White;
	font-size: 2em;
}

div#Text{
	color: White;
	font-size: 1.1em;
	font-family: "Verdana";
}

div#TopSpacer {
	border: solid 1px Black;
}

div#Copyright{
	margin: 0px auto 0px auto;
	width: 900px;
	height: 500px;
}

div#MainDiv {
	border: solid 0px Green;
	height: 500px;
	wdith: 100%;
}

div#MainDiv div#ContentSection {
	background-image:url('background.jpg');
	border: solid 1px white;
	margin: 0px auto 0px auto;
	width: 900px;
	height: 500px;
}


div#MainDiv div#ContentSection div#MainContent {
	background-color: #23467E;
	margin: 50px 50px 50px 50px;
	border: solid 0px Blue;
	height: 400px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

div#MainDiv div#ContentSection div#MainContent div#MenuArea {
	background-color: #4e7ccf;
	margin: 0px;
	width: 100px;
	height: 99%;
	float: left;
	/*opacity:0.9;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
}

div#MainDiv div#ContentSection div#MainContent div#Content {
	/*background-color: grey;*/
	border: solid 0px Red;
	margin: 0px;
	height: 99%;
	width: 695px;
	float: right;
	/*opacity:0.9;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
}

div#MainDiv div#ContentSection div#MainContent div#ContentTextArea {
	/*background-color: grey;*/
	border: solid 0px black;
	width: 50%;
	height: 99%;
	float: left;
	/*opacity:0.9;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
}

div#MainDiv div#ContentSection div#MainContent div#ContentTextArea div#TextArea{
	margin: 5px;
}


div#MainDiv div#ContentSection div#MainContent div#ImageArea {
	/*background-color: grey;*/
	border: solid 0px Black;
	margin: 25px 0px 0px 0px;
	width: 50%;
	height: 99%;
	float: right;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div#MainDiv div#ContentSection div#MainContent div#Image {
	margin-top: 50px;

}

/*********************************
	Contact Page
**********************************/

body#ContactPage{}

body#ContactPage div#MainDiv div#ContentSection div#MainContent div#ContentTextArea {
	/*background-color: grey;*/
	border: solid 0px black;
	width: 100%;
	height: 99%;
	float: left;
	/*opacity:0.9;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
}

/*********************************
	Services Page
**********************************/

body#Services{}

body#Services div#MainDiv div#ContentSection div#MainContent {
	background-color: #23467E;
	margin: 50px 50px 50px 50px;
	border: solid 0px Blue;
	height: 400px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

body#Services div#MainDiv div#ContentSection div#MainContent div#ImageArea {
	/*background-color: grey;*/
	border: solid 0px Red;
	margin: 5px 0px 0px 0px;
	width: 50%;
	height: 99%;
	float: right;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}


body#Services div#MainDiv div#ContentSection div#MainContent div#Image {
	margin-top: 5px;
}

/*********************************
	Gallery Image Page definitions
**********************************/

body#GalleryPage {
}

body#GalleryPage div#MainDiv div#ImageContentSection {
	margin: 0px auto 0px auto;
	width: 900px;
}

body#GalleryPage div#MainDiv div#ContentSection div#ImageContent {
	border: solid 1px white;
	background-color: #23467E;
	margin: 50px 50px 50px 50px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

body#GalleryPage body#Services div#MainDiv div#ContentSection div#MainContent div#LeftImage {
	width: 35%;
	float: left;
}

body#GalleryPage body#Services div#MainDiv div#ContentSection div#MainContent div#RightImage {
	width: 35%;
	float: right;
}


/*********************************
	Menu definitions
**********************************/

div#MenuContainer {
	border: solid 0px Red;
}

.magnetmenu{
margin: 5px 0;
padding: 0;
width: 98px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.magnetmenu li {
	list-style-type: none;
}

.magnetmenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .magnetmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.magnetmenu li a:visited, .magnetmenu li a:active{
color: white;
}

.v li a:hover{
background-image: url(images/glossyback2.gif);
}