/* -----------------------------------------
Title		: Emphasis Creative Website
Author		: Liz Manicatide, EmphasisCreative.com
URL 		: www.emphasiscreative.com

Created 	: June 9, 2010
Modified	: June 12, 2010

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

* {
margin:0;
padding:0;
}

body  {
background: #000000 url("../images/template/background.jpg") no-repeat scroll center top;
text-align:center;
color:#FFFFFF;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:75%;   /* this sets base text size to 12px because browser base size=16px */
}

#wrapper {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:982px;
}

#header {
	width: 982px;
	height: 136px;
	margin: 0 auto;
	background: url("../images/template/EMlogo.gif") top left no-repeat;
	border: none;
}

#content {
	width: 881px;
	margin: 0 auto;
	background: none;
	border: none;
	text-align: left;
}

#pageheight {
	width: 881px;
	min-height:500px;
}

/*__________ OVERALL STYLES ____________*/

h1, h2, h3 {
	font-weight: normal;
	color: #ffffff;
}

h1 { font-size: 197%; margin: 0; padding: 0; }
h2 { font-size: 170%; color: #ffcc00; padding-top:5px; }
h3 { font-size: 110%; font-weight: bold; line-height: 120%; }

p, ul, ol { font-size: 100%; margin-bottom:12px; }

a img { border: none; }
a:link, a:visited { color: #66CCCC;}

.centered { text-align: center; }

.bigtext { font-size: 150%; }
.smallheader { font-size: 14px; color: #ffcc00; }
.clear { clear:both; height:0px; }


/*__________ TOP LOGO ____________*/

#topgraphic {
	height: 87px;
	text-align: left;
	margin: 0; padding: 0;
}

#topgraphic h2 {
	margin: 0; padding: 0;
}


/*__________ MENUBAR ____________*/

#nav {
	float:right;
	width: 662px;
	height:32px;
	margin: 0;
	background:url(../images/template/nav-background.jpg) top left no-repeat;
}

/* __________ MENU __________*/

ul#navlist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
	width: 662px;
	color: #fff;
	text-transform:uppercase;
	font-size: 1.2em;
	}

ul#navlist li { display: inline; }

ul#navlist li a{
	float: right; /* this floats the list right and REVERSES it. Go figure. */
	color: #fff;
	padding: 7px 35px 0px 0px;
	text-decoration: none;
	/* border-right: 1px solid #fff; */
	}

ul#navlist li a:hover {
	color: #FFCC00;
	}



/* ________________ SIDEBAR _________________ */

#sidebar {
	float: right;
	display:block; overflow:hidden;
	width: 245px;
	margin: 20px 0px 20px 20px ;
	padding: 15px;
	background: #909C9A;
	/* min-height:500px; */
}

#sidebar p {
	text-align: left;
	color: #003366;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

#sidebar p.callout-big { font-style:italic; font-size: 125%; color: #ffffff; padding: 10px 0px 10px 0px; }

#sidebar a {
	text-decoration: underline;
	color:#000000;
}

#sidebar a:hover {
	text-decoration: none;
}

#sidebar-notext {
	float: right;
	display:block; overflow:hidden;
	width: 300px;
	margin: 0px 0px 0px 0px ;
	padding: 0px;
	background: none;
}

#sidebar-notext2 {
	float: right;
	display:block; overflow:hidden;
	width: 200px;
	margin: 30px 0px 0px 0px ;
	padding: 0px;
	background: none;
}


/* ______________ MAIN PAGE CONTENTS _________________ */

#SmallPageContents {
	float: left;
	display:block; overflow:visible;
	width: 520px;
	padding: 0px;
	background: none;
	margin: 15px 0px 10px 0px;
}

#SmallPageContents2{
	float: left;
	display:block; overflow:visible;
	width: 620px;
	padding: 0px;
	background: none;
	margin: 15px 0px 10px 0px;
}

.WidePageContents {
	display:block; overflow:visible;
	width: 881px;
	padding: 0px;
	background: none;
	margin: 15px 0px 10px 0px;
}

#SmallPageContents p, #SmallPageContents2 p, #SmallPageContents ul, .WidePageContents p, .WidePageContents ul {
	font-size: 110%;
	line-height: 140%;
}

.callout-box {
	background: #eaf0f4;
	border: 1px dotted #CCCCCC;
}

.callout-box  .title {
	margin: 0;
	padding: 5px 20px;
	background: #3d6fb2;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	color:#FFFFFF;
}

.callout-box  .content {
	padding: 20px;
}

.slidesbg {
	width:840px;
	background:#616e73;
	height:90px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	}

/* SLIDESHOW */

#slideshow {display:block; position:absolute; top:135px; left:213px; width:480px; height:300px; border: none; overflow:hidden; background:#000; }
#slideshow img {position:absolute; top:0; left:0; z-index:2; opacity:0.0;}
#slideshow img.active {z-index:4; opacity:1.0;}
#slideshow img.last-active {z-index:3;}

/* _____________________FORM TABLE_________________*/

.formtable td {
	color: #000000;
	padding: 0 10px 0 0;
	}
.required {
	font-style: italic;
	color: #993300;
	}
#results .error {
	width: 400px;
	padding: 15px;
	margin-left:100px;
	background: #CC3300;
	}
#results .success {
	width: 400px;
	padding: 300px 20px 20px 20px;
	margin-left:100px;
	background: #DBFAC8 url(../contactform/smiley.png) top center no-repeat;
	font-size: 18px;
	color: #00CC33;
	border: 2px solid #00CC33;
	}


/* ____________________ FOOTER ___________________*/

/* Footer */

#footer {
	width: 982px;
	height: 239px;
	margin: 0 auto;
	text-align:center;
	background:url("../images/template/footer-background.jpg") top center no-repeat;
}
#footertext {
	padding: 85px 0 10px 0;
	}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #999999;
}

#footer a:link, #footer a:visited {
	color: #669999;
}

.footer { text-align: center; margin: 0 auto; font-size: 90%; color:#666666; }