/* G-Plus Stylesheet */

/*
Author:	Pasquale Scerbo - ScerboProductions/WaveActive
Date:	March 2006
*/

/*:::::GLOBAL:::::*/
body		{ background: #33241a; margin: 0; font-size: 11px; color: #666666; font-family: Arial, Helvetica, Verdana, sans-serif; }
#center		{ margin: auto; width: 750px; padding-top: 21px; }
.cleaner 	{ clear: both; margin: 0; padding: 0; }
h1 			{ color: #447EBF; font-size: 1.8em; font-weight: bold; margin: 0;  }
h2			{ color: #083B75; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
img			{ margin: 0; padding: 0; }
.spacer		{ clear: both; margin-bottom: 15px; }

/*:::::HEADER:::::*/
#header	{ width: 625px; margin-left: 100px; }
#logo	{ float: left; }
#info	{ float: right; color: #999999; font-size: 10px; margin-top: 23px; }
#info a	{ text-decoration: none; color: #999999; }
#info a:hover	{text-decoration: underline; color: #FFFFFF; }

#mainbody	{ width: 725px; padding-top: 16px; position: relative; left: 0; top: 0; }

/*:::::LEFT COLUMN:::::*/
#lefttop	{ width: 100px; float: left; margin-top: 44px;  }
#leftmain	{ width: 109px; float: left; position: absolute; left: 0; top: 16px; z-index: 2; }

/*:::::RIGHT COLUMN (Main Content Area):::::*/
#righttop	{ width: 625px; float: left; background: #f9f700; margin-top: 11px; }
#rightmain	{ background: url(img/bg-yellow.gif) repeat-y; position: absolute; left: 100px; top: 0; width: 650px; padding-top: 16px; }
#mainwrap	{ margin-left: 9px; }

/*:::::HOME BOXES:::::*/
#wbox		{ width: 201px; background: #FFFFFF; margin-right: 1px; float: left; }
#wimg		{ width: 201px; height: 121px; }
#wtitle		{ margin-left: 5px; width: 192px; background: #ff8300; color: #FFFFFF; }
#wtext		{ width: 158px; height: 79px; color: #999999; padding: 9px 19px 9px 24px; }
#wcat		{ width: 167px; height: 32px; padding: 8px 10px 24px 24px; color: #666666; }
.wcatt		{ color: #cc6633; }

#tilebox	{ width: 577px; }

/*:::::WEB:::::*/
#webbox				{ width: 589px; background: #FFFFFF; margin-right: 1px; float: left; margin-left: 10px; padding: 16px 2px 13px 12px; }
.webtitle			{ float: left; font-size: 18px; padding-right: 9px; z-index: 0; }
#webview			{ float: right; color: #b1427a; whitespace: nowrap; padding-top: 2px; }
#webview a			{ text-decoration: none; color: #b1427a; }
#webview a:hover	{ text-decoration: underline; }

#weblistwrap		{ width: 201px; background: #FFFFFF; margin-right: 1px; float: left; }
.weblist			{ width: 175px; margin-right: 12px; color: #3366cc; float: left; line-height: 18px; }

/*:::::WEB SHOWCASE:::::*/
.webcase			{ width: 139px; float: left; border: 1px solid #CCCCCC; margin: 0 4px 5px 0; position: relative; left: 0; top: 0; }
#webplus			{ position: absolute; left: 131px; top: 81px; z-index: 3; }

/*:::::WEB PAGE SHOWCASE:::::*/
#webpagebox				{ width: 589px; background: #FFFFFF; margin-right: 1px; float: left; padding: 16px 2px 13px 12px; }
#webpage				{ position: relative; left: 0; top: 0; width: 561px; float: left; border: 1px solid #e7e1d1; }
#webscreenhold			{ float: left; width: 19px; margin-top: 1px; }

#webscreen ul 					{ padding: 0; display: block;  width: 19px; margin: 0; list-style: none; }
#webscreen a 					{ padding-top: 3px; text-align: center; height: 18px; display: block; text-decoration: none; }
#webscreen a:hover				{ padding-top: 3px; text-align: center; height: 18px; display: block; text-decoration: none;  }

#webscreen ul.primary     		{ font-weight: normal; background: #F7F7F7; }
#webscreen ul.primary li 		{ padding: 0; display: block; margin-bottom: 1px; }
#webscreen ul.primary li a  	{ color: #f9f700; display: block; background: #289400; }
#webscreen ul.primary li a:hover{ color: #FFFFFF; display: block; background: #999999; }
#webscreen ul.primary li a.on   { color: #FFFFFF; display: block; background: #999999; font-weight: bold; }

#webinfo		{ width: 561px; height: 68px; border: 1px solid #e6dfcf; background-color: #faf7f1; margin-top: 10px; }
#webinforow		{ background: url(img/webinfobg.gif) no-repeat; height: 18px; color: #666666; padding-top: 4px; padding-left: 7px; }
.webinfotitle	{ color: #cc6633; }

#previous			{ margin-top: 10px; float: left; color: #b1427a; whitespace: nowrap; padding-top: 2px; }
#previous a			{ text-decoration: none; color: #b1427a; }
#previous a:hover	{ text-decoration: underline; }

#next			{ margin-top: 10px; margin-right: 13px; float: right; color: #b1427a; whitespace: nowrap; padding-top: 2px; }
#next a			{ text-decoration: none; color: #b1427a; }
#next a:hover	{ text-decoration: underline; }

#nextphoto			{ margin-top: 10px; margin-right: 11px; float: right; color: #b1427a; whitespace: nowrap; padding-top: 2px; }
#nextphoto a		{ text-decoration: none; color: #b1427a; }
#nextphoto a:hover	{ text-decoration: underline; }


/*:::::LOGOS:::::*/
#logobox			{ width: 588px; background: #FFFFFF; margin-right: 1px; float: left; margin-left: 1px; padding: 16px 2px 13px 12px; }
#logocase			{ width: 284px; height: 187px; float: left; border: 1px solid #CCCCCC; margin: 0 5px 5px 0; position: relative; left: 0; top: 0; }
#logoplus			{ position: absolute; left: 276px; top: 179px; z-index: 3; }

/*:::::PHOTOS:::::*/
#photobox			{ width: 588px; background: #FFFFFF; margin-right: 1px; float: left; margin-left: 1px; padding: 16px 2px 13px 12px; }
.photocase			{ width: 139px; height: 89px; float: left; border: 1px solid #CCCCCC; margin: 0 4px 5px 0; position: relative; left: 0; top: 0; }
#photoplus			{ position: absolute; left: 131px; top: 81px; z-index: 3; }
#photopage			{ position: relative; left: 8px; top: 0; width: 561px; float: left; border: 1px solid #e7e1d1; }

/*:::::RESUME:::::*/
#resumebox			{ width: 588px; background: #FFFFFF; margin-right: 1px; float: left; margin-left: 1px; padding: 16px 2px 13px 12px; }
.resumel			{ width: 95px; float: left; padding-right: 10px; font-weight: bold; color: #cc6600; text-align: right; font-size: 12px; }
.resumer			{ float: left; border-bottom: 1px dotted #999999; width: 470px; margin-bottom: 12px; }
.special			{ color: #cc6600; }
.black				{ color: #000000; }

/*:::::FOOTER:::::*/
#footer		{ width: 640px; background: #46a200; margin-bottom: 29px; padding-top: 5px; padding-right: 10px; height: 20px; margin-top: 15px; text-align: right; color: #99ff66; }