/* CSS For adVance Public Relations Redesign - Mid-2008 */

/* development II */

@import url("aprEventsNav.css");

* {
	padding: 0;
	margin: 0;
}



body{
	background: #534741 url(i/bgGradient.jpg) top left repeat-x;
	font: x-small/1.15 Georgia, "Times New Roman", Times, serif;
	color: #565656;
	letter-spacing: -.05em;
}

* {
	font-size: 1.05em;
}

/* @group Basic Formatting */

p {
	margin-left: 4px;
	margin-bottom: 8px;
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

/* My Comment */

ul,ol,dl {
	margin: 10px 0px 10px 15px;
	list-style-position: inside;
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin-left: 4px;
}

a:link, a:visited, a:active {
	color: #644438;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 2.0em;
	font-variant: small-caps;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.50em;
}

h4 {
	font-size: 1.25em;
}

h5 {
	font-size: 1.0em;
}

h6 {
	font-size: 0.75em;
}

blockquote {
	display: block;
	width: 430px;
	margin: 10px auto;
	background: transparent url(i/blockquoteBG.jpg) top left repeat-x;
	padding: 10px;
	font-size: 1.7em;
	font-style: italic;
}

sup {
	font-size: 0.7em;
}

/* @end */

/* @group Structural Divs */

#openingContainer {
	margin: 32px auto 10px auto;
	width: 561px;
}



#mainDiv {
	background: transparent url(i/layoutStretchBG.png) top left repeat-y;
	width: 1100px;
	margin: 0px auto 0px auto;
	position: relative;
}

#contentHeader {
	width: 1100px;
	height: 377px;
	top: 0px;
	left: 0px;
	position: absolute;
	background: transparent url(i/contentHeader.jpg) top left no-repeat;
	
}

#contentFooter {
	width: 1100px;
	height: 391px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	background: transparent url(i/contentFooter.jpg) top left no-repeat;
}

#contentStretcher {
	width: 962px;
	margin: 0px auto 0px auto;
	background: transparent;
	position: relative;
	padding: 60px 0px 60px 0px;
	min-height: 674px;
}


#footer {
	width: 566px;
	margin: 20px auto 20px auto;
	text-align: center;
	color: #ffdef7;
	clear: both;
	padding-bottom: 50px;
}


/* @end */

/* @group Navigation Bar */

#navigationBar {
	margin: 0px auto 10px auto;
	width: 640px;
	height: 31px;
	position: relative;
	text-align: left;
	clear: both;
}

#nav {
	position: absolute;
	width: 640px;
	list-style: none;
	left:  0px;
}

#nav a {
	position: absolute;
	top:  0px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}

#nav li {
	display: inline;
}

.nav_home a:link,.nav_home a:visited,.nav_home a:active {
	left: 0px;
	top: 0px;
	background: url(i/navSprites/00-home.png) top left no-repeat;
	width: 74px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_home a:hover {
	background-position: -74px 0px ;
}

.nav_aboutus a:link,.nav_aboutus a:visited,.nav_aboutus a:active {
	left: 74px;
	top:  0px;
	background: url(i/navSprites/01-aboutUs.png) top left no-repeat;
	width: 85px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_aboutus a:hover {
	background-position: -85px 0px;
	}
	

.nav_clients a:link,.nav_clients a:visited,.nav_clients a:active {
	left: 159px;
	top:  0px;
	background: url(i/navSprites/02-clients.png) top left no-repeat;
	width: 68px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_clients a:hover {
	background-position: -68px 0px;
	}

.nav_services a:link,.nav_services a:visited,.nav_services a:active {
	left: 227px;
	top:  0px;
	background: url(i/navSprites/03-services.png) top left no-repeat;
	width: 80px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_services a:hover {
	background-position: -80px 0px;
	}

.nav_events a:link,.nav_events a:visited,.nav_events a:active {
	left: 307px;
	top:  0px;
	background: url(i/navSprites/04-events.png) top left no-repeat;
	width: 151px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_events a:hover {
	background-position: -151px 0px;
	}

.nav_portfolio a:link,.nav_portfolio a:visited,.nav_portfolio a:active {
	left: 458px;
	top:  0px;
	background: url(i/navSprites/05-portfolio.png) top left no-repeat;
	width: 82px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_portfolio a:hover {
	background-position: -82px 0px;
	}

.nav_contact a:link,.nav_contact a:visited,.nav_contact a:active {
	left: 540px;
	top:  0px;
	background: url(i/navSprites/06-contact.png) top left no-repeat;
	width: 100px;
	height: 31px;
	display: block;
	position: absolute;
}

.nav_contact a:hover {
	background-position: -100px 0px;
	}



/* @end */

/* @group pageNumbers */

#pageNumberRight {
	position: relative;
	bottom: 0px;
	right: 0px;
	float: right;
}

#pageNumberLeft {
	position:  relative;
	bottom: 0px;
	left: 0px;
	float: left;
}


/* @end */

/* @group Image Styles */

#clientsHeader {
	margin: 30px 0px 5px 5px;
}

/* @end */

/* @group Classes */

/* @group colors */

.colorGreen {
	color: #5fbcad;
}

.colorPurple {
	color: #c654db;
}

.colorPink {
	color: #d986ac;
}

.colorBabyBlue {
	color: #7694d6;	
}

/* @end */

.pageHeader {
	margin-top: 20px;
	margin-left: 5px;
}

.babyGroup {
	position: absolute;
	top: 190px;
	left: 40px;
}

.babyGroup h1 {
	color: #e7908d;
}

.fashionGroup {
	position: absolute;
	top: 190px;
	left: 280px;
	}
	
.fashionGroup h1 {
	color: #5fbcad;
}
	
.homeGroup {
	position: absolute;
	top: 315px;
	left: 40px;
}

.homeGroup h1 {
	color: #cc903d;
}

.entertainmentGroup {
	position: absolute;
	top: 315px;
	left: 280px;
}	

.entertainmentGroup h1 {
	color: #00c25e;
}

.gardenGroup {
	position: absolute;
	top:  440px;
	left: 40px;
}

.gardenGroup h1 {
	color: #c654db;
}

.foodGroup {
	position: absolute;
	top:  440px;
	left:  280px;
}

.foodGroup h1 {
	color: #4f83cd;
}

.clientList {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
}

.topperP {
	text-align: right;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}

.portfolioTopperP {
	text-align: right;
	width: 240px;
	color: #782b4d;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-left: auto;
	margin-top: -10px;
}
.servicesUList {
	font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
}

.servicesUList li {

}

.mailingAddHeader {
	margin-top: 75px;
}

.mailingAddDetails {
	font: 1.6em "Lucida Grande", "Trebuchet MS", Geneva, sans-serif;
	margin-left: 45px;
	margin-top: 15px;
}

.mailingAddDetails strong {
	font-size: 1.8em;
}

.textinput {
	font-size: 1.2em;
	padding: 4px;
	color: #565656;
	background-color: #e2e2f0;
	border: 1px solid #676767;
}

.msgSuccess {
	margin-top: 250px;
	text-align: center;
}

.msgSuccess h1 {
	font-size: 3.0em;
}

.msgSuccess p {
	font-size: 1.3em;
}

.errMessage {
	background: #ffd7d2;
	border: 1px solid #ff7b74;
	padding: 8px;
	width: 350px;
	margin: 5px auto 5px auto;
}

.errMessage p {
	margin-top:  2px;
	margin-bottom: 2px ;
	font-size: 0.9em;
}

.alignRight {
	text-align: right;
	font: 1.0em Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.topperPLeft {
	font-size: 1.5em;
}

.portfolioTable {
	margin: 0px auto 0px auto;
}

.portfolioTable tr td,
.portfolioTable tr td.blanks {
	padding: 4px;
	border: 1px solid white;
}

.portfolioTable tr td:hover {
	border-color: #e7908d;
	background-color: #ffd9d6;
}

.portfolioTable tr td.blanks:hover {
	border-color: white;
	background-color: white;
}

/* @end */

/* @group rightPage */

#rightPage {
	position: relative;
	right: 0px;
	top:  0px;
	width: 470px;
	float: right;
}

#leftPage {
	position: relative;
	top: 0px;
	left: 0px;
	width: 470px;
	float: left;
}

/* @end */

#aboutUsPage p {
	margin: 10px 0px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
}

#addInfo {
	text-align: center;
	font-size: 1.5em;
	margin-top: 40px;
	border: 1px solid #e7908d;
	background-color: #ffd9d6;
	padding: 8px;
}

#addInfo {
	text-align: center;
	font-size: 1.5em;
	margin-top: 40px;
	border: 1px solid #e7908d;
	background-color: #ffd9d6;
	padding: 8px;
}
#servicesPageContainer {
	font-size: 1.1em;
}

.eventListing {
	text-align: center;
	margin-top: 40px;
	
}

.eventListing h2, .eventListing h3 {
	margin: 0px;
	padding: 0px;
}

.eventListing .eventDetails {
	text-align: left;
}

#eventsPage p {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}

#eventsPage #rightPage {
	background: transparent url(i/fullPages/nyBackground.jpg) top center no-repeat;
}


/* @group Testimonials */

q.testimonial, p.testimonial {
	width: 440px;
	display: block;
	margin: 30px auto 0px auto;
	font-size: 1.5em;
}

p.testimonier {
	margin:  -15px 0px 15px 250px;
	color: #676767;
	display: block;
	
}

/* @end */

/* @group MediaContacts */

#mediaContacts tr td {
	height: 30px;
	width:  150px;
	vertical-align: middle;
	padding: 2px 3px 2px 3px;
}


/* @end */

/* @group FAQs */

#faqs a {
	font-size: 0.9em;
}

#answers a {
	font-weight: bold;
	color: #5f5487;
}

#answers p {
	margin-top: 15px;
}

/* @end */

/* @group topNav */

#topNav {
	z-index: 10000;
	position: absolute;
	text-align: center;
	margin: 0px auto;
	margin-left: 149px;
}


#topNav a {
	padding: 0px 10px 0px 10px ;
	font-size: 1.6em;
	color: #f7c8de;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;

}

#topNav a:hover {
	text-decoration: none;
	background-color: #ca6d99;
}

#topNav a.tnHome {
	width: 80px;
	float: left;
}

#topNav a.tnAbout {
	width: 80px;
	float:left
}

#topNav a.tnClients {
	width: 80px;
	float: left;
}

#topNav a.tnServices {
	width: 80px;
	float: left;
}

#topNav a.tnEvents {
	width:  130px;
	float: left;
}

#topNav a.tnPortfolio {
	width: 100px;
	float: left;
}

#topNav a.tnContact {
	width: 80px;
	float: left;
}

/* @end */