/*-----------------------------------------------------------------------------*/
/* 									TEXT	  								   */
/*-----------------------------------------------------------------------------*/

h1	 					{ font-family: Arial, Helvetica, sans-serif; font-size: 36px; line-height: 40px; letter-spacing: -1px; color: #000000; margin-top: 0; font-weight: normal; }
h2	 					{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; letter-spacing: -1px; color: #333333; margin-top: 0; font-weight: normal; }
h3	 					{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; letter-spacing: -1px; color: #333333; margin-top: 0; font-weight: normal; }
p						{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #333333; }

.intro 					{ font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 30px; letter-spacing: -1px; color: #333333; }
.text 					{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333333; }

.head 					{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 30px; font-weight: bolder; color: #333333; }
.head-white				{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 30px; text-transform: none; color: #FFFFFF; }
.head-sub 				{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 20px; color: #333333; }

.phone 					{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 30px; text-transform: none; color: #333333; }

.head-website			{ font-family: Arial, Helvetica, sans-serif; font-size: 36px; line-height: 28px; letter-spacing: -1px; text-transform: none; color: #333333; }
.head-graphic			{ font-family: Arial, Helvetica, sans-serif; font-size: 36px; line-height: 28px; letter-spacing: -1px; text-transform: none; color: #333333; }
.head-logo				{ font-family: Arial, Helvetica, sans-serif; font-size: 36px; line-height: 28px; letter-spacing: -1px; text-transform: none; color: #333333; }
.head-banner			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; font-weight: bolder; color: #FFFFFF; }
.head-printad			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; font-weight: bolder; color: #FFFFFF; }		

.client-website 		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -0px; color: #333333; }
.client-graphic 		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -0px; color: #333333; }
.client-banner	 		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -0px; color: #FFFFFF; }
.client-printad		 	{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -0px; color: #FFFFFF; }

.job-graphic			{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: none; line-height: 18px; letter-spacing: -0px; color: #6ab2e7; }
.job-banner				{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: none; line-height: 18px; letter-spacing: -0px; color: #FFCC00; }
.job-printad			{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: none; line-height: 18px; letter-spacing: -0px; color: #6ab2e7; }

.banner-text	 		{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; letter-spacing: -1px; color: #FFFFFF; }
.banner-price			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; font-weight: bold; color: #FFCC00; }

.printad-intro			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; font-weight: bold; color: #FFFFFF; }
.printad-price			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; font-weight: bold; color: #6ab2e7; }
.printad-text	 		{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; letter-spacing: -1px; color: #FFFFFF; }

/*-------------------
.text-shadow { font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; line-height: 46px; text-shadow: 1px 1px 0px #FFF, 3px 3px 0px #888; font-weight: bolder; color: #99CCFF; } -------------------*/

/*-------------------
.round-corners{ border: 1px solid #ccc;
-moz-border-radius-topleft: 10px; -khtml-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;
-moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;
-moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } -------------------*/

/*-----------------------------------------------------------------------------*/
/* 								NAVIGATION	  								   */
/*-----------------------------------------------------------------------------*/

a.nav-main 				{ font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 32px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: #FFFFFF; }
a.nav-main:hover 		{ color: #1589e2; padding: 4px; background-color: #FFFFFF; }

a.nav-footer 			{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none; color: #333333; }
a.nav-footer:hover 		{ text-decoration:none; color: #000000; }

a.nav-email 			{ font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 30px; text-decoration: none; color: #333333; }
a.nav-email:hover 		{ text-decoration:none; color: #000000; }

a.nav-contact 			{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; letter-spacing: -1px; font-weight: lighter; text-decoration: none; color: #6ab2e7; }
a.nav-contact:hover 	{ text-decoration: none; color: #000000; }

a.nav-contact-white 			{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; letter-spacing: -1px; font-weight: lighter; text-decoration: none; color: #FFCC00; }
a.nav-contact-white:hover 		{ text-decoration: none; color: #000000; }

a.back-to-top 			{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; text-decoration: none; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: #333333; background-color: #999999; }	
a.back-to-top:hover 	{ padding: 4px; color: #FFFFFF; background-color: #000000; }
	
a.nav-folio 			{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -0px; text-decoration:none; color: #333333; }
a.nav-folio:hover 		{ text-decoration:none; color: #000000; }

#submit			 		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; background-color: #CCCCCC; border-radius: 5px 5px 5px 5px }
#submit:hover 			{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; background-color: #99CCFF; }


/*-----------------------------------------------------------------------------*/
/* 								TEXT FIELDS  								   */
/*-----------------------------------------------------------------------------*/

.text-field 		{ border: 1px solid #bab9b3; background: #FFFFFF; width: 160px; height: 15px; margin-top: 2px; margin-bottom: 2px; color: #333333; font-size: 12px; }
.text-field-message { border: 1px solid #bab9b3; background: #FFFFFF; width: 160px; height: 90px; margin-top: 2px; margin-bottom: 2px; color: #333333; font-size: 12px; }

/*-----------------------------------------------------------------------------*/
/* 									DIV TAGS  								   */
/*-----------------------------------------------------------------------------*/

#container			{ width: 960px; margin-left: auto; margin-right: auto; }
#header				{ width: 100%; height: 430px; margin: 0 0px 40px 0; background-image: url(../images/header-clouds.jpg); }

#menu				{ width: 960px; height: 430px; margin-left: auto; margin-right: auto; background-image: url(../images/header-image.png); }
.menu				{ float: right; margin: 40px 0 0 0; width: 300px; }

#content			{ width: 960px; margin-left: auto; margin-right: auto; height: 100%; }
.contentleft		{ position: relative; float: left; width: 620px; margin: 0 100px 0 0;}
.contentight		{ position: relative; float: right; width: 230px; }

#website			{ width: 100%; margin: 0 0 0 0; background-color: #f4f3df; } 
#graphic			{ width: 100%; margin: 0 0 0 0; background-color: #eaf5fe; }
#logo				{ width: 100%; margin: 0 0 0 0; background-color: #FFFFFF; }

#banner				{ width: 100%; margin: 0 0 0 0; background-color: #FF6600; }
.bannerleft1		{ position: relative; float: left; left: 0; width: 240px; }
.bannerleft2		{ position: relative; float: left; left: 0; width: 240px; }
.bannerleft3		{ position: relative; float: left; left: 0; width: 240px; }
.bannerright		{ position: relative; float: right; right: 0; width: 240px; }

#printads			{ width: 100%; margin: 0 0 0 0; background-color: #333333; }

#footer				{ width: 100%; margin: 0 0 0 0; background-color: #f0f3eb; height: 300px }
.footerleft1		{ position: relative; float: left; left: 10px; width: 220px; }
.footerleft2		{ position: relative; float: left; left: 30px; width: 300px; }
.footerleft3		{ position: relative; float: left; left: 50px; width: 220px; }
.footerright		{ position: relative; float: right; right: 10px; width: 162px; }

.folio-text-left 	{ float: left; margin: 0 45px 40px 0; width: 380px; }
.folio-text-right 	{ float: right; margin: 0 0px 40px 0; width: 380px; }

.folio-logo 				{ float: left; margin: 0 0 0 0; }
.folio-image-left 			{ float: left; margin: 0 45px 100px 0; }
.folio-image-right 			{ float: right; margin: 0 0px 100px 0; }
.folio-image-left-last 		{ float: right; margin: 0 45px 0 0; }
.folio-image-right-last 	{ float: right; margin: 0 0 0 0; }
	
.folio-graphic 		{ float: left; margin: 0 45px 40px 0; }
.folio-graphic-end 	{ float: left; margin: 0 0px 40px 0; }		

.folio-logo 		{ float: left; text-align: center; width: 210px; margin: 0 40px 80px 0; }
.folio-logo-end 	{ float: left; text-align: center; width: 210px; margin: 0 0px 80px 0; }

.logo				{ width: 400px; margin: 0 40px 40px 0; }
	
.clearboth 			{ clear: both; }

/*-----------------------------------------------------------------------------*/
/* 											  								   */
/*-----------------------------------------------------------------------------*/

body 				{ background-color: #FFFFFF; color: #FFFFFF; }