/* setting the stage
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{margin : 0; padding : 0;}

h1, h2, h3, h4, h5, h6
{font-size: 100%;}

ol,ul
{list-style: none;}

address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

table
{border-collapse: collapse; border-spacing: 0;}

fieldset, img
{border: 0;}

cation, th
{text-align: left;}

q:before, q:after
{content:'';}

/* Start
----------------------------------------------------------------------*/
body {
	background-color: #333;
	background-image:url(images/bg1.png);
	background-position: bottom left;
	background-repeat:repeat-x;
	background-attachment:fixed;
	text-align: left;
	min-width: 800px;
	font: 13px/1.5em Univers,"Myriad Pro", Arial, Helvetica, sans-serif;
}

  /* logo animation
----------------------------------------------------------------------*/
#logo {
	position: fixed;
	top: 20px;
	right: 10%;
	z-index: 15;
	opacity: .35;
	filter: alpha(opacity=35);
}

  /* page image
----------------------------------------------------------------------*/
#mainimage img {
	position: fixed;
	top: 0px;
	right: 80%;
	z-index: 5;
}

 /* overall body code and navigation links
----------------------------------------------------------------------*/	
#navlinks ul {
	position: fixed;
	top: 150px;
	right: 80%;
	z-index: 10;
}

#navlinks li {
	text-align: right;
	margin-top: 0px;
	z-index: 1;
	text-transform:capitalize;
	font-size: 14px;
	line-height: 5.5em;
	display: block;
	list-style: none;
	min-width: 36px;
}

#navlinks li a, #navlinks li a:link, #navlinks li a:visited { 
	color: #000000;
	text-decoration: none;
	background: url(tab1.png) top right no-repeat transparent;
	opacity: .45;
	filter: alpha(opacity=45);
	padding: 28px 20px 28px 40px;
}

#navlinks li a:hover {
	color: #000000;
	text-decoration: none;
	opacity: .75;
	filter: alpha(opacity=75);
}

body#home #homelink,
body#services #serviceslink,
body#design-process #processlink,
body#portfolio #portfoliolink,
body#contact #contactlink {
	color: #000000;
	text-decoration: none;
	opacity: .75;
	filter: alpha(opacity=75);
}

 /* body text  
----------------------------------------------------------------------*/
h1 {
	text-align: left;
	position: relative;
	width: 80%;
	font-size: 44px;
	line-height: 0.8em;
	margin-top: 0px;
}

body#home h1 {
	color: #FC0;
}

body#services h1 {
	color: #09F;
}

body#portfolio h1 {
	color:#D00;
}

body#contact h1, body#contact2 h1 {
	color: #3C3;
}

body#design-process h1 {
	color: #c79808;
}

body#sitemap h1 {
	color: #6F6;
}

body#logo-design h1, body#business-card-design h1, body#copy-content h1,
body#event-design-services h1 {
	color: #CCF;
	top:-100px;
	margin-bottom: 60px;
}

body#media-kit h1 {
	margin: -80px 0px 0px 0px;
	text-align:left;
	color: #CF9;
	top: 0px;
	width:800px;
	min-width:800px;
	max-width:800px;
}

h2 {
	font-size: 16px;
	line-height: 2em;
	text-align: left;
	color: #FFFFFF;
	position: relative;
	width: 80%;
}
 
body#logo-design h2, body#business-card-design h2, body#copy-content h2,
body#event-design-services h2{
	top: -160px;
}

#maintextarea {
	text-align: left;
	position: absolute;
	left: 25%;
	top: 80px;
	z-index: 2;
}

#maintextarea p {
	font-size: 12.5px;
	color: #FFFFFF;
	position: relative;
	z-index: 1;
	width: 80%;
	min-width: 400px;
	clear: left;
}

#maintextarea p a, #maintextarea p a:link, #maintextarea p a:visited {
	color: #6CF;
	text-decoration:none;
}

#maintextarea p a:focus, #maintextarea p a:hover {
	text-decoration: underline;
}

#designPortfolio {
	padding: 20px 0px 200px 0px;
}

.title {
	font-size:12px;
	font-weight:bold;
}

.T1 {
	letter-spacing: .05em;
}

/* home Page 
----------------------------------------------------------------------*/
#categories {
	min-width:700px;
}

.bulletin {
	padding-bottom: 20px;
	margin-bottom:20px;
	min-width: 800px;
}

.bulletin img {
	border:1px #333 solid;
}

.bulletin img:hover, .bulletin img:focus {
	border:1px #FF0 solid;
}

/* recent projects */
.projects {
	padding: 0px 3% 0px 3%;
	float:left;
	position: relative;
	left: 40px;
	z-index:2;
}

#maintextarea .projects p {
	line-height: 1.2em;
}

#maintextarea .projects a, #maintextarea .projects a:link, #maintextarea .projects a:visited {
	line-height: 1.2em;
	text-decoration:none;
	color:#FFF;
}

/* recent projects - flash widget */
#projects {
	padding: 0px 3% 0px 3%;
	float:left;
	position: relative;
	left: 40px;
	z-index:2;
}

#maintextarea #projects p {
	line-height: 1.2em;
}

#maintextarea #projects a, #maintextarea #projects a:link, #maintextarea #projects a:visited {
	line-height: 1.2em;
	text-decoration:none;
	color:#FFF;
}

/* homepage services list */
.projects2 {
	padding-right:3%;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	float: left;
}

.bulletin ul {
	line-height: 1.45em;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	color: #FF6;
}

body#portfolio .bulletin ul {
	color: #F93;
}

body#design-process .bulletin ul {
	color: #F93;
}

.bulletin li {
	list-style: disc outside;
	margin-left:15px;
}

.bulletin li.first, body#sitemap #maintextarea li.first {
	display: block;
	list-style:none outside;
	margin-left:0px;
	font-weight: bolder;
	color:#FFF;
}

.recentTitle {
	color:#0CF;
}

/* portfolios first column*/
#maintextarea .portfolios1 {
	padding: 0px 3% 0px 3%;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	float:left;
	position: relative;
	left: 20px;
}

#maintextarea .portfolios1 p {
	line-height: 1.2em;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

/* portfolios second column*/
#maintextarea .portfolios2 {
	padding-right:4%;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	float: left;
}

#maintextarea .portfolios2 p {
	line-height: 1.2em;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

/* services Page 
----------------------------------------------------------------------*/
.illus2 {
	float: left;
	padding:1px;
	border: 2px solid #36C;
	margin: 2px 7px 0px 0px;
}

.illus2:hover {
	border: 2px solid #fff;
}

/* portfolio Page 
----------------------------------------------------------------------*/
/* first gallery 
----------------------------------------------------------------------*/
#portfolios {
	color:#FFF;
	text-align:center;
	margin:auto;
}

#maintextarea #portfolios ul {
	min-width:600px;
	padding-bottom: 340px;
}

#maintextarea #portfolios li {
	float:left;
	padding:10px 5px 15px 5px;
	margin: 0px 10px 0px 0px;
}

#maintextarea #portfolios img {
	border: 2px solid  #333;
}

#maintextarea #portfolios img:hover, #maintextarea #portfolios img:focus {
	border: 2px solid #fff;
}

#maintextarea #portfolios li a, #maintextarea #portfolios li a:link, #maintextarea #portfolios li a:visited {
	color:#CCC;
	text-decoration:none;
}

#maintextarea #portfolios li a:hover, #maintextarea #portfolios li a:focus {
	color:#FFF;
}
	
.portfolioTitle {
	position:relative;
	margin:2px 10px; 
	text-align:center;
	margin:auto;
	font-weight:bolder;
	text-transform: uppercase;
	font-size:12px;
	letter-spacing:.05em;
}
				
/* design process page 
----------------------------------------------------------------------*/
body#design-process h3 {
	text-align: left;
	color: #c79808;
	position: relative;
	width: 80%;
	font-size: 14px;
}

/* featured project page 
----------------------------------------------------------------------*/
body#logo-design, 
body#event-design-services {
	min-width: 800px;
}

body#logo-design #maintextarea, 
body#event-design-services #maintextarea {
	left:0px;
	padding-left: 10%;
	background: #eee;
	position: relative;
	top: 149px;
	color: #333;
	border-bottom:10px solid #fff;
	border-top:10px solid #fff;
	min-height: 600px;
	padding-bottom: 40px;
	min-width:800px;
}

body#logo-design #project, 
body#event-design-services #project {
	position: relative;
	width: 100%;
	top: 0px;
	margin-top:-130px
}

body#logo-design h3, 
body#event-design-services h3 {
	font-size: 18px;
	color: #309;
}

body#logo-design #project ul, 
body#event-design-services #project ul {
	position: relative;
	top: 5px;
}

body#logo-design #project li, 
body#event-design-services #project li {
	padding: 4px 0px;
	width: 72%;
}

body#logo-design #project li.list2,
body#event-design-services #project li.list2 {
	padding: 4px 0px 0px 0px;
	left:12px;
	position:relative;
	list-style:disc outside;
	font-size: 14px;
}

body#logo-design #project .head1,
body#event-design-services  #project .head1 {
	font-size: 16px;
	color:#63C;
	text-transform: uppercase;
}

body#logo-design img,
body#event-design-services img {
	border:10px solid #fff;
}

body#logo-design img.noBorder,
body#event-design-services img.noBorder {
	border:none;
}

/* business cards page 
----------------------------------------------------------------------*/
body#business-card-design {
	min-width: 850px;
}

body#business-card-design #maintextarea {
	left:0px;
	padding-left: 10%;
	background: #eee;
	position: relative;
	top: 149px;
	color: #333;
	border-bottom:10px solid #fff;
	border-top:10px solid #fff;
	min-height: 1080px;
	padding-bottom: 40px;
	min-width:850px;
}

body#business-card-design #project {
	position: relative;
	width: 40%;
	top: 0px;
	margin-top:-130px;
	min-width: 200px;
}

body#business-card-design h3 {
	font-size: 18px;
	color: #309;
}

body#business-card-design #maintextarea #project p {
	color:151515;
}

body#business-card-design #project ul {
	position: relative;
	top: 5px;
}

body#business-card-design #project li {
	padding: 4px 0px;
	width: 72%;
}

body#business-card-design #project li.list2 {
	padding: 4px 0px 0px 0px;
	left:12px;
	position:relative;
	list-style:disc outside;
	font-size: 14px;
}

body#business-card-design #project .head1 {
	font-size: 16px;
	color:#63C;
	text-transform: uppercase;
}

body#business-card-design #images {
	left: 40%;
	width:60%;
	z-index:2;
	min-width:560px;
	position: absolute;
	top: 40px;
}
   
.img1 {
	height: 100px;
	width: auto;
	padding: 5px;
	float:left;
}

/* copy content page 
----------------------------------------------------------------------*/
body#copy-content {
	min-width: 800px;
}

body#copy-content #maintextarea {
	left:0px;
	padding-left: 10%;
	background: #eee;
	position: relative;
	top: 149px;
	color: #333;
	border-bottom:10px solid #fff;
	border-top:10px solid #fff;
	min-height: 680px;
	padding-bottom: 40px;
}

body#copy-content #project {
	position: relative;
	width: 760px;
	top: 0px;
	margin-top:-130px
}

body#copy-content h3 {
	font-size: 18px;
	color: #309;
}

body#copy-content #maintextarea #project p {
	color:151515;
	padding-left:5px;
}

body#copy-content #project ul {
	position: relative;
	top: 5px;
	padding-left:5px;
}

body#copy-content #project li {
	padding: 4px 0px;
	list-style: none outside;
}

body#copy-content #project li.list2 {
	padding: 4px 0px 0px 0px;
	left:12px;
	position:relative;
	list-style:disc outside;
	font-size: 14px;
}

body#copy-content .head1 {
	font-size: 16px;
	color:#309;
	text-transform:uppercase;
}

body#copy-content .col1 {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	float: left;
	position: relative;
	left: 15px;
}

body#copy-content .col2 {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	float:left;
	position: relative;
	left: 60px;
}

body#copy-content .col3 {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	float:left;
	position: relative;
	left: 80px;
}

body#copy-content img {
	border: solid 6px #FFF;
	outline: 1px solid #BBB;
	clear: both;
}

#bgObject3 {
	position: absolute;
	z-index:1;
	top:0px;
	left: 15%;
}

/* media kit page 
----------------------------------------------------------------------*/
body#media-kit {
	min-width:800px;
	max-width:800px;
	width:800px;
	text-align:left;
	margin:auto
}

body#media-kit #maintextarea1 {
	position: relative;
	top: 180px;
	min-width:800px;
	max-width:800px;
	width:800px;
	left:0px;
	padding-left: 10%;
	text-align:left;
}

#media-kit-pdf {
	border: 3px solid #ccc;
	width:612px;
	height:792px;
	min-width:612px;
	min-height:792px;
	max-width:612px;
	max-height:792px;
	text-align:left;
	left: 0px;
}

body#media-kit h3 {
	font-size: 18px;
	line-height: 2em;
	color: #CF6;
	text-align:left;
	padding: 10px 0px;
	width:612px;
	min-width:612px;
	max-width:612px;
}

body#media-kit p {
	text-align:left;
	width:612px;
	min-width:612px;
	max-width:612px;
	color: #fff;
	padding:10px 0px 20px 0px;
}

body#media-kit .instructions  {
	text-align:center;
	width:612px;
	min-width:612px;
	max-width:612px;
	height: 40px;
	background:#FFF url(images/arrowBG.jpg) center 25px no-repeat;
	padding:20px 0px 0px 0px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	color: #000;
}

body#media-kit a, body#media-kit a:link, body#media-kit a:visited {
	text-decoration: none;
	color: #CF6;
}

body#media-kit a:hover, body#media-kit a:focus {
	text-decoration: underline;
	color: #0F6;
}

body#media-kit #bgObject3 {
	position: absolute;
	z-index:1;
	top:20px;
	left:10%;
	min-width:800px;
	max-width:800px;
	width:800px;
	margin:auto;
}

/* sitemap page 
----------------------------------------------------------------------*/
body#sitemap #maintextarea li a, body#sitemap #maintextarea li a:link, body#sitemap #maintextarea li a:visited {
	text-decoration: none;
	color: #CF9;
}

body#sitemap #maintextarea li a:hover, body#sitemap #maintextarea li a:active, body#sitemap #maintextarea li a:focus {
	text-decoration:underline;
	color:#FFF;
}

body#sitemap #maintextarea ul {
	padding: 0px 0px 0px 25px;
	font: 14px/1.75em  Univers, "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}

body#sitemap h3 {
	font-size: 16px;
	line-height: 2em;
	color: #9F6;
	text-align:left;
	margin:auto;
	padding: 10px 0px;
}

/* contact page 
----------------------------------------------------------------------*/
/* php successfull message */
body#contact h3, body#contact2 h3 {
	color: #3C3;
	font: 30px/1.75em  Univers, "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}

body#contact h3 img, body#contact2 h3 img {
	position: relative;
	left: 240px;
	height: 200px;
	width: auto;
}

body#contact h4, body#contact2 h4 {
	position: relative;
	top: -220px;
	left:5px;
	font-size: 16px;
	line-height: 2em;
	text-align: left;
	color: #FFFFFF;
}

/* php unsuccessfull message */
.warning {
	color: #F00;
}

#bgObject1 {
	position: absolute;
	z-index:1;
}

#bgObject2 {
	position: absolute;
	z-index:1;
	top:0px;
	left: 20%;
}

/* footer  
----------------------------------------------------------------------*/
#bottom {
	text-align: left;
	position: absolute;
	left: 25%;
	z-index: 2;
	padding-bottom: 30px;
	font-size: 9px;
	color: #999;
	letter-spacing: .2em;
}

body#home #bottom {
	top: 1800px;
}

body#services #bottom {
	top: 1860px;
}

body#portfolio #bottom {
	top: 2500px;
}

body#contact #bottom {
	top: 1400px;
}

body#contact2 #bottom {
	top: 800px;
}

body#design-process #bottom {
	top: 1660px;
}

body#logo-design #bottom {
	top: 1300px;
}

body#event-design-services #bottom {
	top: 1420px;
}

body#business-card-design #bottom {
	top: 1420px;
}

body#copy-content #bottom {
	top: 1300px;
}
 
body#sitemap #bottom {
	top: 1200px;
}

.company {
	padding: 0px 3px 0px 0px;
}

#bottom a, #bottom a:link, #bottom a:visited {
	color:#DDD;
	text-decoration:none;
}

#bottom a:hover, #bottom a:focus {
	color: #FF9;
}

body#media-kit #bottom {
	position:relative;
	top:400px;
	left:82px;
	min-width:800px;
	max-width:800px;
	width:800px;
	text-align:left;
	margin:auto
}

#bottom #credits {
	color: #555;
	width: 100px;
	max-width: 100px;
}

#credits a, #credits a:link, #credits a:visited {
	color: #555;
	width: 100px;
	max-width: 100px;
}

/* May we quote you section
_________________________________________________*/
#contactForm2 {
	height:100px;
	border: 1px solid #444;
	overflow:hidden;
}

#contactForm2 img {
	position: relative;
	float: left;
	top:0px;
	width: 120px;
}

body#home #contactForm2 img {
	border-left: 4px solid #FC0;
}

body#services  #contactForm2 img {
	border-left: 4px solid #09F;
}

body#portfolio  #contactForm2 img {
	border-left: 4px solid #F00;
}

body#contact #contactForm2 img {
	border-left: 4px solid #0F3;
}

body#design-process #contactForm2 img {
	border-left: 4px solid #F90;
}

#contactForm2 p {
	font: 16px/1.6em Georgia, "Times New Roman", Times, serif;
	letter-spacing:.03em;
	color: #FFF;
	width: 420px;
	top: -95px;
	padding:0px 0px 30px 155px;
	background-image: url(images/quote1.png);
	background-position: 135px 0px;
	background-repeat: no-repeat;
}

body#home #contactForm2 p:first-line {
	font: 18px/1.6em Arial, Helvetica, sans-serif;
	color: #FC0;
	font-variant:small-caps;
}

body#services #contactForm2 p:first-line {
	font: 18px/1.6em Arial, Helvetica, sans-serif;
	color: #0CF;
	font-variant:small-caps;
}

body#portfolio #contactForm2 p:first-line {
	font: 18px/1.6em Arial, Helvetica, sans-serif;
	color: #F30;
	font-variant:small-caps;
}

body#contact #contactForm2 p:first-line {
	font: 18px/1.6em Arial, Helvetica, sans-serif;
	color: #6F3;
	font-variant:small-caps;
}

body#design-process #contactForm2 p:first-line {
	font: 18px/1.6em Arial, Helvetica, sans-serif;
	color: #F90;
	font-variant:small-caps;
}

#Estimate {
	margin: 5px 0px;
	background: #333;
	border: 1px solid #444;
	padding:15px;
}

#Estimate p a, #Estimate p a:link, #Estimate p a:visited {
	color: #0F3;
}

body#home #Estimate p a, body#home #Estimate p a:link, body#home #Estimate p a:visited {
	color: #FF0;
}

body#services #Estimate p a, body#services #Estimate p a:link, body#services #Estimate p a:visited {
	color:#0CF;
}

body#portfolio #Estimate p a, body#portfolio #Estimate p a:link, body#portfolio #Estimate p a:visited {
	color: #F30;
}

body#contact #Estimate p a, body#contact #Estimate p a:link, body#contact #Estimate p a:visited {
	color: #0F3;
}

body#design-process #Estimate p a, body#design-process #Estimate p a:link, body#design-process #Estimate p a:visited {
	color: #F90;
}

#Quote {
	width: 80%;
	min-width:600px;
}

.q2 {
	background-image: url(images/quote2.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding-right: 25px;
	position: relative;
}

#Estimate .radioBtns {
	position: relative;
	padding-left: 330px;
	
	margin: -173px 0px 100px 0px;
}

.radioBtns input {
	vertical-align: text-middle;
	margin-right:7px;
}
	
.inputBox {
	position:absolute;
	left: 120px;
	height: auto;
}

.inputBox input, .inputBox textarea {
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	position:relative;
	height: auto;
	z-index:5;
}

#Estimate .inputText  {
	color: #fff;
	text-align:right;
	line-height: 2em;
	z-index:2;
}

.submitBtn {
	position:relative;
	padding-left: 20px;
	z-index:5;
}

/* Alternative content
__________________________________________*/
.alt  {
	position: relative;
	padding: 20px;
	text-align:center;
	margin:auto;
}
	
#media-kit-pdf .alt p, .alt h2 {
	position: relative;
	text-align:center;
	margin:auto;
	width:600px;
	min-width:600px;
	max-width:600px;
}

/* Print Menu
_________________________________________*/
#printMenu {
	position: fixed;
	top:0px;
	left:0px;
	z-index:20;
}