@charset "utf-8";
/*
==========================================
 Main CSS Document 
==========================================
Title: the creative culture inc.
Author: Jerome Amos - amosdesigns.net
Designer: Jean Brennan - jeanbrennan.com
Designer's email - jeanbrennan@mac.com
email: mail@amosdesigns.net
Updated:  8/14/09 - ver.4
 ==============================================
 colors
 Background: #fafafa
 lt.Green: #eae62d
 lt.Gray: #ccc
 Dr. Gray: #6b7279
 Purple: #cda7cd
 Red: #ee3c35
 near white #fefefe
 Red
Web Safe: EF4135
RGB: 239, 65, 53


Grey
Web Safe: 6A737B
RGB: 106, 115, 123


Lavender
Web Safe: CEA7CE
RGB: 206, 167, 206


Yellow
Web Safe: EBE72A
RGB: 235, 231, 42


Header Grey: (9% black)
Web Safe: E8E8E8


Body Grey: (4% black)
Web Safe: F5F5F5


Copyright Bar: (all white)
Web Safe: FFFFFF

 
 
 
 ==============================================
------------------------------- 
*****Notes to Remember*******
***Dynamic Pseudo-class Link****
-------------------------------
a:link
a:visited
a:focus
a:hover
a:active
--------------------------------
*/

/* basic page */
html {background-color: #fff;	
}

/*html {
	background-image: url(../_img/_siteimg/sitebg80609.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fafafa;	
}*/
strong {
	font-weight: bold;
}

#wrapper {
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	/*background-image: url(../_img/_siteimg/siteInfobg.png);
	background-repeat: repeat-x;
	background-position: left bottom;*/
}


/* all page layout */


#wrapper #site {
	text-align: left;
	display: block;
	padding: 0px;
	width: 940px;
	position: relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #000;
	}

/* page layout styles*/


#about #wrapper #site {
	background-image: url(../_img/_siteimg/aboutbg_0280609.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
 
#agents #wrapper #site {
	background-image: url(../_img/_siteimg/agentsbg_80609.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#submit #wrapper #site {
	background-image: url(../_img/_siteimg/submit80609.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#current #wrapper #site,
#selected #wrapper #site {
	background-image: url(../_img/_siteimg/currentselectedbg_80609.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#about #branding, 
#agents #branding,
#selected #branding, 
#current #branding,
#submit #branding {
	display: block;
	padding: 0px;
	width: 940px;
	display: block;
	position: relative;
	clear: both;
	height: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#selected #mainContent, 
#current #mainContent
{
	display: block;
	width: 940px;
	position: relative;
	margin: 0px;
	padding-top: 34px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	background-color: #F9F9F9;
	}
#agents #mainContent {
	display: block;
	width: 781px;
	position: relative;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 159px;
	background-color: #F9F9F9;
	}
	
	#about #mainContent{
	display: block;
	width: 781px;
	position: relative;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 159px;
	background-color: #F9F9F9;
	}
#submit div#mainContent {
	display: block;
	width: 460px;
	position: relative;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 480px;
	background-color: #F9F9F9;
	}
#about #siteInfo, 
#agents #siteInfo,
#selected #siteInfo, 
#current #siteInfo,
#submit #siteInfo {
	display: block;
	width: 940px;
	position: relative;
	margin: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
		}
	
.highlight {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #333;
}
.agents {
	color: #ee3c35;
	font-weight: bold;
	text-transform: capitalize;
}
div.col{
margin: 0px;
padding: 0px;
float: left;
width: 275px;
position: relative;
display: block;
}

/* 
=====================================================
all pages - logo styles
=====================================================
*/

#logo:link, #logo:visited, #logo:hover, #logo:active {
	display: block;
	padding: 0px;
	width: 305px;
	margin: 0px;
	background-image: url(../_img/_siteimg/cclogo80609.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999999px;
	height: 150px;
	position: relative;
	font-style: normal;
}
	
	/* 
	++++++++++++++++++++++++++++++++++
	sumbit page typography styles 
	++++++++++++++++++++++++++++++++++
	*/	

#submit #mainContent p a:link,
#submit #mainContent p a:visited,
#submit #mainContent p a:hover,
#submit #mainContent p a:active {
	margin: 0px;
	display: block;
	color: #cda7cd;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#submit .col address.vcard {
	color: #A6CE38;
	position: relative;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 1.8;
	font-weight: normal;
	padding: 0px;
	margin-top: -20px;
}

#submit div#mainContent .col address.vcard span.org,
#sumbit div#mainContent .col address.vcard span.adr,
#sumbit div#mainContent .col address.vcard span.street-address {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	
}
/* 
++++++++++++++++++++++++++++++++++
	about page typography styles 
++++++++++++++++++++++++++++++++++
	*/	


#about #mainContent .statement {
	color: #A6CE38;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.85em;
	line-height: 1.6;
}
   /* 
	++++++++++++++++++++++++++++++++++
	siteinfo page typography styles 
	++++++++++++++++++++++++++++++++++
	*/	
div#siteInfo address.vcard,	
div#siteInfo address.vcard span.street-address,
div#siteInfo address.vcard span.locality,
div#siteInfo address.vcard span.region,
div#siteInfo address.vcard span.postal-code,
div#siteInfo address.vcard span.tel,
div#siteInfo address.vcard span.fax,
div#siteInfo address.vcard span.org
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #999;
	display: inline;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#siteInfo address.vcard span.postal-code {
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	display: inline;
	margin-right: 15px;
}
div#siteInfo p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: capitalize;
	color: #999;
	display: inline;
	margin: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	
}
#siteInfo .vcard .adr .street-address {
	display: inline;
	margin: 0px;
	padding-left: 15px;
	position: relative;
	float: left;
}
#agents #site #mainContent .col,
#site #mainContent .aboutcol {
display: block;
float: left;
width: 275px;
position: relative;
margin-right: 43px;
}
#site #mainContent .aboutcol1 {
display: block;
float: left;
width: 275px;
position: relative;
margin-right: 43px;
}

#site #mainContent #selectedtitles {
	text-align: center;
	display: list-item;
	margin: 0px;
	width: 864px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 66px;
	position: relative;
	list-style-type: none;
}
#mainContent #selectedtitles li div.book {
	display: block;
	padding: 0px;	
	position: relative;
	text-indent: -999999px;
}
#mainContent #selectedtitles li .titleInfo {
	text-align: left;
	display: block;
	padding: 5px;
	width: 110px;
	position: absolute;
	margin: 0px;
	z-index: 100;
	background-color: #CEA7CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: #000;
	top: 15px;
	left: 0px;
}
#mainContent #selectedtitles li .publisher {
	text-align: left;
	display: block;
	padding: 0px;
	position: relative;
	margin: 0px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: #000;
}
#mainContent #selectedtitles li {
	display: inline;
	padding: 0px;
	height: 120px;
	width: 120px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

.titleInfo .Website a:link, .titleInfo .Website a:link, .titleInfo .Website a:visited, .titleInfo .Website a:hover, .titleInfo .Website a:active {
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
	display: block;
}

.highlightSpace {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.8;
	font-size: 12px;
}
.spbold {
	font-weight: bold;
}
#mainContent .col .vcard .adr .street-address {
	display: block;
}
#submit #mainContent .col p a.hiddenlinks:link,
#submit #mainContent .col p a.hiddenlinks:visited,
#submit #mainContent .col p a.hiddenlinks:hover,
#submit #mainContent .col p a.hiddenlinks:active
{
	color: #6B7279;
	font-size: 1em;
	font-weight: normal;
	display: inline;
	margin-top: -20px;
}