@charset "UTF-8";
/* 
	Rocketman Creative website CSS
	CSS Main version
	by Chris Adams
*/

/* ===== global styles ===== */

body {
	background: #fff url('../images/page_background.jpg') repeat-x top;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	}
	
p {
	line-height: 1.2em;
	font-size: 14px;
	}
	
h1, h2, h3, h4, h5, h6, {
	margin: .5em 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
li#gallery, li#gallery p, li#gallery br {
	line-height: 1.2em;
	font-size: 14px;
	}

li#gallery img {
	border: 4px solid #fff;
	margin: 0px 10px 10px 0px;
	}
	
li#gallery img:hover {
	border: 4px solid #a1c5d8;
	margin: 0px 10px 10px 0px;
	}
	
.transeffect {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
	
/*===== Hidden Dimension Stars =====*/

div#star_Gyasi {
	position: absolute;
	width: 100px;
	height: 100px;
	left: -116px;
	top: 177px;
	background:url(../images/star_1.png) no-repeat top;
	}
	
/*div#star_Gyasi a {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background:url(../images/star_1.png) no-repeat top;
	}*/
	
/*div#star_Gyasi a:hover {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background:url(../images/star_1.png) no-repeat bottom;
	}
*/	
		
div#star_EditorialIllo {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 918px;
	top: 194px;
	background:url(../images/star_1.png) no-repeat top;
	}
	
/*div#star_EditorialIllo a {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background:url(../images/star_1.png) no-repeat top;
	}*/
	
/*div#star_EditorialIllo a:hover {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background:url(../images/star_1.png) no-repeat bottom;
	}
*/
div#star_Photo {
	position: absolute;
	width: 100px;
	height: 100px;
	left: -93px;
	top: 318px;
	background:url(../images/star_1.png) no-repeat top;
	}
/*	
div#star_Photo a {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background:url(../images/star_1.png) no-repeat top;
	}*/
	
/*div#star_Photo a:hover {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background:url(../images/star_1.png) no-repeat bottom;
	}*/

/* ===== Background Containers ===== */

div#clouds {
	width: 1120px;
	margin: 0 auto;
	height: 750px;
	background: url('../images/clouds_NEW.jpg') no-repeat bottom center;
	overflow: visible;
	position: relative;
	}
	
div#LSunRays {
	position: absolute;
	width: 135px;
	height: 538px;
	left: -127px;
	top: 66px;
	background:url('../images/sideGlow.png') no-repeat top left;
	}	
	
div#RSunRays {
	position: absolute;
	width: 135px;
	height: 538px;
	left: 911px;
	top: 66px;
	background:url('../images/sideGlow.png') no-repeat top right;
	}	
	
div#container {
	position: relative;
	width: 922px;
	height: 750px;
	margin: 0 auto;
	overflow: visible;
	}


/* ===== siteHeader ===== */

div#siteHeader {
	position: relative;
	height: 96px;
	width: 960px;;
	margin: 0 auto;
	overflow: visible;
	}
	
div#logo_brand {
	position: absolute;
	display: block;
	height: 57px;
	width: 240px;
	left: 9px;
	top: 12px;
	background: url(../images/logo.png) top left no-repeat;
	overflow: hidden;
	}
	
div#logo_brand a {
	position: absolute;
	display: block;
	height: 65px;
	width: 266px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;	
	}	

/* ===== main nav ===== */

ul#navMain {
	list-style-type: none;
	position: absolute;
	top: 22px;
	left: 363px;
	width: 554px;
	height: 37px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
ul#navMain a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
			
li#nm_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 37px;
	margin: 0px;
	background:url(../images/btnPortfolio.png) no-repeat left top;
	}

li#nm_2 {
	position: absolute;
	top: 0px;
	left: 144px;
	width: 119px;
	height: 37px;
	margin: 0px;
	background:url(../images/btnCompany.png) no-repeat left top;
	}	
	
li#nm_3 {
	position: absolute;
	top: 0px;
	left: 280px;
	width: 143px;
	height: 37px;
	margin: 0px;
	background:url(../images/btnMailingList.png) no-repeat left top;
	}	
	
li#nm_4 {
	position: absolute;
	top: 0px;
	left: 440px;
	width: 112px;
	height: 37px;
	margin: 0px;
	background:url(../images/btnContact.png) no-repeat left top;
	}
		
li#nm_1 a:hover, li#nm_1 a.current {
	background: url(../images/btnPortfolio.png) no-repeat left bottom;
	height: 37px;
	margin: 0px;
	}
	
li#nm_2 a:hover, li#nm_2 a.current {
	background: url(../images/btnCompany.png) no-repeat left bottom;
	height: 37px;
	margin: 0px;
	}
	
li#nm_3 a:hover, li#nm_3 a.current  {
	background: url(../images/btnMailingList.png) no-repeat left bottom;
	height: 37px;
	margin: 0px;
	}
	
li#nm_4 a:hover, li#nm_4 a.current  {
	background: url(../images/btnContact.png) no-repeat left bottom;
	height: 37px;
	margin: 0px;
	}


/* ===== stage ===== */

div#stagebg {
	position:absolute;
	top: 76px;
	width: 922px;
	height: 435px;
	margin: 0px auto;
	background-color: #EBFBFF;
}

div#stage {
	position:absolute;
	top: 87px;
	left:10px;
	width: 900px;
	height: 410px;
	margin: 0px auto;
	color: #3f5b7b;
	background-color: #dcedf5;
	font-size: 14px;
	line-height: 1.2em;
}



/* ===== Stage Navigation ===== */

ul#stageNav {
	list-style-type: none;
	font-size: 14px;
	position: absolute;
	top: 51px;
	left: 16px;
	width: 185px;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 363px;
	}

ul#stageNav li a:link, ul#stageNav li a:visited {
	display: block;
	height: 43px;
	padding: 7px 0px 0px 15px;
	text-decoration: none;
	color: #5a799e;
	background: url(../images/stageNavStill.gif) no-repeat;
	}	
	
ul#stageNav li a:hover, ul#stageNav li a:active {
	display: block;
	height: 43px;
	padding: 7px 0px 0px 15px;
	text-decoration: none;
	color: #3f5b7b;
	background: url(../images/stageNavOver.gif) no-repeat;
	}
	
ul#stageNav li a.current {
	display: block;
	height: 43px;
	padding: 7px 0px 0px 15px;
	text-decoration: none;
	color: #3f5b7b;
	background: url(../images/stageNavCurrent.gif) no-repeat;
	}

/* ===== page Title Graphics ===== */
	
div#pageTitle {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 16px;
	left: 23px;
	width: 217px;
	height: 24px;
	}
	
h3.pageTitleHome {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_Home.gif) no-repeat top left;
	}
	
h3.pageTitlePortfolio {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-indent: -9999px;
	text-decoration: none;
	width: 250px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_Portfolio.gif) no-repeat top left;
	}	
	
h3.pageTitleCompany {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_Company.gif) no-repeat top left;
	}
	
h3.pageTitleMailList {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_MailList.gif) no-repeat top left;
	}

h3.pageTitleContact {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_Contact.gif) no-repeat top left;
	}
	
h3.pageTitleMollyTheOwl {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_MollyTheOwl.gif) no-repeat top left;
	}
	
	
h3.pageTitleArticles {
	padding: 0px;
	margin: 0px;
	font-size: 2px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_Articles.gif) no-repeat top left;
	}
h3.pageTitleHidden {
	padding: 0px;
	margin: 0px;
	font-size: 2px;
	text-indent: -9999px;
	text-decoration: none;
	width: 202px;
	height: 24px;
	overflow: visible;
	background: url(../images/PageTitleGfx_Hidden.gif) no-repeat top left;
	}


/* ===== stage Gallery ===== */

div#gallery {
	position: absolute;
	left: 221px;
	top: 27px;
	width: 660px;
	height: 370px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
div#galleryFullStage {
	position: absolute;
	left: 10px;
	top: 19px;
	width: 880px;
	height: 370px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
li.relpos {
	position: relative;
	float: left;
	}
	
li.relpos p {
	}	
	
li.relpos#overview, li.relpos#overview p, li.relpos#overview br {
	font-size: 14px;
	}

li.relpos#overview img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: solid 4px #fff;
	}
	
li.relpos#FineArtPrint img {
	float: left;
	margin: 0px 10px 10px 0px;
	}	
	
li.relpos#FineArtPrint {
	list-style-type: none;
	}	
	
li.relpos#molly img {
	float: left;
	margin: 0px 20px 0px 0px;
	border: solid 1px #dcedf5;
	}
	
li.relpos#mollyrt img {
	float: right;
	margin: 0px 20px 0px 0px;
	border: solid 1px #dcedf5;
	}	
	
li.relpos#philosophy img {
	float: right;
	margin: 0px;
	}
	
li.relpos#philosophy {
	}	

li.relpos#recog img {
	float: left;
	margin: 0px;
	}
	
li.relpos#mailList img{
	margin: 0px;
	bottom: 0px;
	}	
				
	
/* ===== stage Text ===== */

	
div#stageArchiveTxt	 {
	position: absolute;
	width: 600px;
	height: 250px;
	margin: 0px auto;
	top: 53px;
	left: 278px;
	color: #3f5b7b;
	}
	
	
div#stageMollyFineArt  {
	position: absolute;
	width: 632px;
	height: 250px;
	margin: 0px auto;
	top: 16px;
	left: 238px;
	color: #3f5b7b;
	}
	
	
	
/* ===== ad panels ===== */
		
div#adPanelsBg {
	position:absolute;
	top: 525px;
	width: 922px;
	height: 130px;
	margin: 0px auto;
	background-color: #EBFBFF;
	left: 0px;
}

div#adPanelsContainer {
	position: absolute;
	top: 537px;
	left: 10px;
	width: 942px;
	height: 107px;
	margin: 0 auto;
	text-indent: -9999px;
	list-style-type: none;
	overflow: visible;
	}
	
.adPanels {
	display: block;
	float: left;
	width: 172px;
	height: 107px;
	margin: 0;
	padding: 0px 10px 0px 0px;
	}
	
.adPanels a {
	display: block;
	float: left;
	width: 172px;
	height: 107px;
	margin: 0;
	padding: 0px 10px 0px 0px;
	}
	
div#adPanels_one {
	background: url(../images/AdIgnite_normal.gif) no-repeat;
	}
	
div#adPanels_two {
	background: url(../images/AdMolly_normal.gif) no-repeat;
	}

div#adPanels_three {
	background: url(../images/AdAward_normal.gif) no-repeat;
	}

div#adPanels_four {
	background: url(../images/AdNewsLtr_normal.gif) no-repeat;
	}
	
div#adPanels_five {
	background: url(../images/Ad10Yrs_normal.gif) no-repeat;
	}
	
div#adPanels_one a:hover, div#adPanels_one a:active {
	background: url(../images/AdIgnite_over.gif) no-repeat;
	}

div#adPanels_two a:hover, div#adPanels_two a:active {
	background: url(../images/AdMolly_over.gif) no-repeat;
	}

div#adPanels_three a:hover, div#adPanels_three a:active {
	background: url(../images/AdAward_over.gif) no-repeat;
	}

div#adPanels_four a:hover, div#adPanels_four a:active {
	background: url(../images/AdNewsLtr_over.gif) no-repeat;
	}

div#adPanels_five a:hover, div#adPanels_five a:active {
	background: url(../images/Ad10Yrs_over.gif) no-repeat;
	}


/* ===== site footer ===== */

 div#siteFooter {
	position: absolute;
	top: 657px;
	width: 960px;
	margin: 0 auto;
	height: 50px;
	overflow: visible;
	left: 0px;
	}
	
 div#siteFooter p {
	font: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #999999;	
	
	}