/*--------------------------------------------Reset All--------------------------------------------
-------------------------------------------------------------------------------------------------*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}



	
/*--------------------------------------------Structure--------------------------------------------
-------------------------------------------------------------------------------------------------*/

body {
	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	min-width: 964px;
	background-color: #999;
	}

#wrapper {
	width: 954px;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: left;
	position: relative;
	}

#branding {
	height: 24px;
	/*background-color: #00ff00;*/
	margin: 40px 39px 0 39px;
	}

#navContainer {
	width: 876px;
	height: 51px;
	/*background-color: #aeaeae;*/
	margin: 0 39px 0 39px;
	top: 1em;
	left: 1em;
	}

#content {
	width: 876px;
	height: 525px;
	margin: 0 39px 0 39px;
	background: #FFF;
	position: relative;
	/*background-color: #00ff00;*/
	}

#slideshow {
	position: absolute; 
	}

/*-------- Column Structures ----*/

.sectionPhotography #column1, .sectionRetouching #column1, .sectionPhotoshop #column1, .sectionPhotoshopbooks #column1, .sectionInfo #column1  {
	float: left;
	padding-top: 33px;
	}


.sectionPhotographyservices #column1, .sectionRetouchingservices #column1, .sectionPhotoshopwho #column1, .sectionPhotoshophow #column1, .sectionPhotoshopwhere #column1, .sectionPhotoshopwhen #column1, .sectionPhotoshopwhat #column1, .sectionPhotoshopwhy #column1, .sectionISBNfuture #column1 {	
	float: left;
	padding: 35px 20px 0 25px;
	}
	
.sectionAllbooks #column1, .sectionBookscurrency #column1 {
	float: left;
	padding-top: 20px;
	}


/*-- Photoshop Training --*/

.sectionPhotoshopwhere #column2 {
	float:left;
	width: 490px;
	padding: 0 0 0 25px;
	}
	

/*-- Photoshop Books --*/


.sectionAllbooks #column2 {
	float: left;
	width: 410px;
	margin-top: 15px;
	}
	
.sectionAllbooks #column3 {
	float: right;
	width: 378px;
	margin-top: 10px;
	}
	
.sectionISBN #column1 {
	float: left;
	width: 445px;
	margin-right: 21px;
	}
	
.sectionISBN #column2 {
	float: left;
	width: 410px;
	height: 320px;
	margin-bottom: 15px;
	}
	
.sectionISBN #column3 {
	float: left;
	background: #CCC;
	height: 190px;
	width: 233px;
	}

.sectionISBN #column4 {
	float: left;
	width: 167px;
	height: 190px;
	padding: 0 3px 0 7px;
	}


/*-- E Books Currency --*/

.sectionBookscurrency #column2 {
	float:left;
	width:244px;
	padding-top: 18px;
	padding-left: 8px;
	}
	
.sectionBookscurrency #column3 {
	float:left;
	padding-top: 18px;
	width: 388px;

	}
	
.sectionBookscurrency #column4 {
	float:right;
	padding-top: 18px;
	padding-right: 10px;
	}
	
	
	
/*-- Info --*/

.sectionBiog #column1, .sectionPress #column1 {
	padding: 115px 27px 0 27px;
	}


.sectionClients #column1 {
	float:left;
	width: 250px;
	height: 400px;
	margin-right: 25px;
	padding: 115px 0 0 30px;
}

.sectionClients #column2 {
	float:left;
	width: 250px;
	height: 400px;
	margin-right: 25px;
	padding: 115px 0 0 0;
}

.sectionClients #column3 {
	float: left;
	width: 250px;
	height: 400px;
	padding: 115px 0 0 0;
}



/*--------------------------Background Images--------------------------------*/

/*-- Photography Services --*/
.sectionPhotographyservices #content 
	{
	background-image: url(../images/photo-serv.gif);
	}

/*-- Retouching Services --*/
.sectionRetouchingservices #content 
	{
	background-image: url(../images/retouch-serv.gif);
	}



/*-- Photoshop Who --*/
.sectionPhotoshopwho #content 
	{
	background-image: url(../images/photoshop-who.gif);
	}
	
/*-- Photoshop How --*/
.sectionPhotoshophow #content 
	{
	background-image: url(../images/photoshop-how.gif);
	}

/*-- Photoshop Where --*/
.sectionPhotoshopwhere #content 
	{
	background-image: url(../images/photoshop-where.jpg);
	}
	
/*-- Photoshop When --*/
.sectionPhotoshopwhen #content 
	{
	background-image: url(../images/photoshop-when.gif);
	}
	
/*-- Photoshop What --*/
.sectionPhotoshopwhat #content 
	{
	background-image: url(../images/photoshop-what.gif);
	}
	
/*-- Photoshop Why --*/
.sectionPhotoshopwhy #content 
	{
	background-image: url(../images/photoshop-why.gif);
	}
	


/*-- Future Products --*/
.sectionISBNfuture #content
	{
	background-image: url(../images/future-prod.gif);
	}

/*-- eBook FAQ --*/
.sectionEbookfaq #content 
	{
	background-image: url(../images/e-book-faq.gif);
	}

/*-- Testimonials --*/
.sectionTestimonials #content 
	{
	background-image: url(../images/testimony.gif);
	}
	



/*-- Biog --*/
.sectionBiog #content 
	{
	background: url(../images/biog-img.gif);
	}

/*-- Clients --*/
.sectionClients #content 
	{
	background-image: url(../images/clients-img.gif);
	}
	
/*-- Contact --*/
.sectionContact #content 
	{
	background-image: url(../images/contact-img.gif);
	}
	
/*-- Press --*/
.sectionPress #content 
	{
	background-image: url(../images/press-img.gif);
	}
		
/*-- News --*/
.sectionNews #content 
	{
	background-image: url(../images/news-img.gif);
	}
	
/*--------------------------------------------Fonts-----------------------------------------------
-------------------------------------------------------------------------------------------------*/

/* Set all font properties in one declaration 
		
		#declaration { font: font-style font-variant font-weight font-size/line-height font-family; }
*/


#navContainer {
	font: normal lighter 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
	font-weight: lighter;
	line-height: 1.4em;
	margin-bottom: 1.2em;
	}


h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: lighter;
	color: #FFF;
	background: #999;
	padding: 3px 0 3px 39px;
	margin: 0px -39px;
	}

h1.ebooks {
	color: #999;
	background: #FFF;
	margin: 0px;
	padding: 0px;

	}
	
	
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: lighter;
	color: #cc1100;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}


.sectionISBN h2 {
	padding-top:10px;
	}
	
	
h2.boxtext {
	padding: 0 0 0 5px;
	font-size: 1em;
	font-style: italic;
	font-weight: lighter;
	color: #FFF;
	background: #999;
	line-height: 1.3;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: lighter;
	color: #FFF;
	font-variant: normal;
}


#news li.title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: lighter;
	color: #cc1100;
	}
	

.finetext {
	font-size: 1em;
	font-style: italic;
	font-weight: lighter;
	color: #666;
	line-height: 1.4;
}

.red {color: #cc1100;}
/*--------------------------------------------Links--------------------------------------------
-------------------------------------------------------------------------------------------------*/

a:link {
	color: #cc1100;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/*-- Purchase & Download Tips --*/

.sectionAllbooks a.purchasetipsLink1	{
position: absolute;
top: 332px;
left: 480px;
display: block;
width: 270px;
height: 30px;
/*background-color: blue;*/
	}
	
.sectionAllbooks a.purchasetipsLink2	{
position: absolute;
top: 3320px;
left: 690px;
display: block;
width: 120px;
height: 30px;
/*background-color: blue;*/
	}
	

/*--------------------------------------------Navigation--------------------------------------------
-------------------------------------------------------------------------------------------------*/

#navContainer a.logo {
	display: block;
	float: left;
	width: 221px;
	height: 51px;
	background: url(../images/ggLogo.gif) no-repeat;
	text-indent: -9999px;
	}

#mainNav
	{
	float:right;
	margin:0;
	}
	
#mainNav a
	{
	text-align: center;
	display:block;
	/*border: 1px solid #555;*/
	white-space:nowrap;
	margin:0;
	padding: 0.3em 1em 0.3em 1.2em;
	}
	
#mainNav a.last
	{
	padding-bottom: 0.8em;
	}
	
#mainNav a:link, #mainNav a:visited, #mainNav a:active	/* menu at rest */
	{
	color: black;
	background-color: white;
	text-decoration:none;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	}
	
#mainNav a:hover						/* menu on mouse-over  */
	{
	color: #cc1100;
	background-color:none;
	text-decoration:none;
	}	
	
#mainNav a.top_parent, #mainNav a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{	
	background-image: url(../images/redcolon.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	/*background-color: aqua;*/
	}



#mainNav ul.first a.top_parent 		/* removes down-arrow and padding on first top-parent */
	{
	background-image: none; 
	/*padding-left: 0em;*/
	}	
	
#mainNav a.parent, #mainNav a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(../images/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#mainNav ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#main a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}


#mainNav li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;	/* Sophie Dennis contribution for IE7 */
	}

#mainNav ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0 1em 1em 1em;
	margin:0 0 0 -1em;
	/*padding: 1em;
	margin: -1em 0 0 -1em;
	background-color: aqua; --- changed from this to above to increase clickable area on top parent */
	}

#mainNav li li a {text-align: left;}

#mainNav ul ul ul
	{
	top:0;
	left:100%;
	}

div#mainNav li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#mainNav li:hover ul ul,
div#mainNav li li:hover ul ul,
div#mainNav li li li:hover ul ul,
div#mainNav li li li li:hover ul ul
{display:none;}

div#mainNav li:hover ul,
div#mainNav li li:hover ul,
div#mainNav li li li:hover ul,
div#mainNav li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/*--------------------------------------------Scrolling Boxes--------------------------------------
-------------------------------------------------------------------------------------------------*/

/*-- News --*/
	
.sectionNews #news
	{
	width:424px;
	position: relative;
	top: 114px;
	left: 277px;	
	font-size: 13px;
	color: #999;
	font-weight: lighter;
	line-height: 1.4em;
	}
	
.sectionNews #news a
	{
	color:#cc1100;
	}
	
.sectionNews #news ul
	{
	margin:0;
	padding:0;
	}
	
.sectionNews #news li
	{
	line-height:2em;
	}
	
/* the news box when JavaScript is available */
.sectionNews #news.hasJS
	{
	height:300px;
	overflow:hidden;
	position:relative;
	}

/* The nested UL when JavaScript is available */
.sectionNews #news.hasJS ul
	{
	position:absolute;
	top:300px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
	}



/*-- ISBN --*/

.sectionISBN #news
	{
	position: relative;
	left: 0px;
	width:233px;	
	}
	
.sectionISBN #news a
	{
	color:#cc1100;
	}
	
.sectionISBN #news ul
	{
	margin: 0;
	padding:0 5px;
	}
	
.sectionISBN #news li
	{
	line-height:2em;
	}
	
/* the news box when JavaScript is available */
.sectionISBN #news.hasJS
	{
	height:170px;
	overflow:hidden;
	position:relative;
	}

/* The nested UL when JavaScript is available */
.sectionISBN #news.hasJS ul
	{
	position:absolute;
	top:177px;
	left:0;
	margin:0 .5em 0 .7em;
	padding:0;
	}
	

/*-- Testimonials --*/
	
.sectionTestimonials #news
	{
	position: relative;
	top: 50px;
	left: 40px;
	width:796px;
	font-size: 13px;
	color: #999;
	font-weight: lighter;
	line-height: 1.4em;
	}
	
.sectionTestimonials #news a
	{
	color:#000;
	}
	
.sectionTestimonials #news ul
	{
	margin:0;
	padding:0;
	}
	
.sectionTestimonials #news li
	{
	line-height:2em;
	}
	
/* the news box when JavaScript is available */
.sectionTestimonials #news.hasJS
	{
	height:329px;
	overflow:hidden;
	position:relative;
	}

/* The nested UL when JavaScript is available */
.sectionTestimonials #news.hasJS ul
	{
	position:absolute;
	top:329px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
	}


/*-- eBook FAQ --*/

.sectionEbookfaq #news
	{
	position: relative;
	top: 45px;
	left: 40px;
	width:796px;
	font-size: 13px;
	color: #999;
	font-weight: lighter;
	line-height: 1.4em;
	}
	
.sectionEbookfaq #news a
	{
	color:#cc1100;
	}
	
.sectionEbookfaq #news ul
	{
	margin:0;
	padding:0;
	}
	
.sectionEbookfaq #news li
	{
	line-height:2em;
	}
	
/* the news box when JavaScript is available */
.sectionEbookfaq #news.hasJS
	{
	height:450px;
	overflow:hidden;
	position:relative;
	}

/* The nested UL when JavaScript is available */
.sectionEbookfaq #news.hasJS ul
	{
	position:absolute;
	top:329px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
	}


/*--------------------------------------------Photoshop Books------------------------------------
-------------------------------------------------------------------------------------------------*/

.sectionAllbooks #column2 img {float: right;}

ul.bookmarks {
	float: left;
	}

ul.bookmarks li {
	float: left;
	padding-right: 5px;
	}

ul.bookmarks a {
	display: block;
	padding: 23px 0 0 27px;
	}
	
a.delicious 	{background: url(../images/deli.gif) no-repeat 0 0;}
a.digg 			{background: url(../images/digg.gif) no-repeat 0 0;}
a.facebook  	{background: url(../images/face.gif) no-repeat 0 0;}
a.google  		{background: url(../images/goog.gif) no-repeat 0 0;}
a.reddit 		{background: url(../images/red.gif) no-repeat 0 0;}
a.stumbleupon 	{background: url(../images/stumble.gif) no-repeat 0 0;}
a.twitter 		{background: url(../images/twit.gif) no-repeat 0 0;}


/*--------------------------------------------Currency Book Pages---------------------------------
-------------------------------------------------------------------------------------------------*/

	
.bookframeLight, .bookframeDark  { 
	float: left;
	width: 292px;
	height: 183px;
	}
	
.bookframeLight {background-color: #ccc;}

.bookframeDark	{background-color: #999;}

.bookframeLight p, .bookframeDark p {margin: 10px 10px 15px 8px;}

.bookframeLight p.textframe, .bookframeDark p.textframe {margin: -10px 10px 0 0;}

.bookframeLight p img, .bookframeDark p img {float: right;}

.bookphoto {
	margin-top: 10px;
	margin-left: 56px;
	}
	



/*--------------------------------------------Footer--------------------------------------------
-------------------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	height: 26px;
	background-color: #FFF;
}

.sectionAllbooks #footer {height: 20px;}

.sectionBookscurrency #footer {height: 8px;}


/*--------------------------------------------to rearrange--------------------------------------------
-------------------------------------------------------------------------------------------------*//*----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*//*----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*//*----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*//*----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*//*----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

/*----------Redirects-------------*/

.sectionRedirects #navContainer {
	width: 876px;
	height: 127px;
	/*background-color: #aeaeae;*/
	margin: 0 39px 0 39px;
	top: 1em;
	left: 1em;
	}

.sectionRedirects #content {
	width: 698px;
	height: 449px;
	margin: 0 39px 0 39px;
	background: #FFF;
	position: relative;
	/*background-color: #00ff00;*/
	}
	
.sectionRedirects #navContainer a.logo {
	display: block;
	float: left;
	width: 698px;
	height: 127px;
	background: url(../images/gry-redirect.jpg) no-repeat;
	}


/*--------------------------------------------allbooks--------------------------------------------
-------------------------------------------------------------------------------------------------*/
/*#textfield {
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 876px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}

#text2 {
	margin: 0px;
	padding: 0px;
	height: 178px;
	width: 876px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 288px;
}*/
