/* 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: #FFF;
	text-align: left;
	min-width: 1000px;
	color:#000;
	font: 13px/1.5em  Univers, "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}

  /* logo animation
----------------------------------------------------------------------*/
#logo {
	position: relative;
	top: 20px;
	right: 10%;
	z-index: 0;
}

  /* page image
----------------------------------------------------------------------*/
#mainimage  {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 5;
	opacity: .0;
	filter: alpha(opacity=00);
}

 /* overall body code and navigation links
----------------------------------------------------------------------*/	
#navlinks ul {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 0;
}

body#home #homelink,
body#services #serviceslink,
body#portfolio #portfoliolink,
body#contact #contactlink {
	color: #000000;
	text-decoration: none;
	position: absolute;
	top:20px;
	
}

 /* body text  
----------------------------------------------------------------------*/
h1 {
	text-align: left;
	position: relative;
	width: 80%;
	font-size: 46px;
	line-height: 2em;
}

body#home h1 {
	color: #EDC700;
}

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

body#portfolio h1 {
	color:#D00;
}

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

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

body#sitemap h1 {
	color: #603;
}

h2 {
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
	color: #333;
	position: relative;
	width: 80%;
}
 
#maintextarea {
	text-align: left;
	position: absolute;
	left: 80px;
	top: 40px;
	z-index: 2;
}

#maintextarea p {
	font-size: 15px;
	color: #111;
	position: relative;
	z-index: 1;
	width: 800px;
	min-width: 400px;
	clear: left;
}

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

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

/* home Page 
----------------------------------------------------------------------*/
.bulletin {
	padding-bottom: 20px;
	margin-bottom:0px;
}

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

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

/* recent projects */
.projects {
	padding-right:6%;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	border-right: 1px solid #666666;
	float: left;
}

#projects {
	padding-right:6%;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	border-right: 1px solid #666666;
	float: left;
}

#maintextarea .projects p {
	line-height: 1.2em;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	color: #111;
}

#maintextarea .projects a, #maintextarea .projects a:link, #maintextarea .projects a:visited {
	line-height: 1.2em;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	text-decoration:none;
	color:#111;
}

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

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

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

.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:#111;
}

.recentTitle {
	color:#06C;
}

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

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

.portfolios1 img {}

/* portfolios second column*/
#maintextarea .portfolios2 {
	padding: 0px 6% 0px 6%;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	float:left;
	position: relative;
	left: 40px;
}

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

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

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

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

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

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

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

#maintextarea #portfolios li a, #maintextarea #portfolios li a:link, #maintextarea #portfolios li a:visited {
	color:#111;
	text-decoration:none;
}
	
.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: 15px;
}

body#design-process #maintextarea img {
	position: absolute;
	top: -1000px;
	left:-1000px;
}


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

body#logo-design #maintextarea {
	left:0px;
	padding-left: 15%;
	position: relative;
	top: 190px;
	color: #111;
	border-bottom:10px solid #fff;
	border-top:10px solid #fff;
}

body#logo-design h1 {
	text-align: left;
	color: #CCF;
	position: relative;
	font-size: 44px;
	line-height: 2em;
	top: -160px;
}

body#logo-design h2 {
	font-size: 16px;
	line-height: 2em;
	text-align: left;
	color: #333;
	position: relative;
	top: -160px;
}

body#logo-design #project {
	position: relative;
	width: 40%;
	top: -120px;
}

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

body#logo-design #maintextarea p {
	color:#111;
}

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

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

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

body#logo-design #project .head1 {
	font-size: 15px;
	color:#63C;
	text-transform: capitalize
}

body#logo-design img.noBorder {
display:none;
}

#images {
	position: absolute;
	top: 220px;
	left: 45%;
	z-index:2;
}

.feature {
	position: absolute;
	top: -30px;
	color: #111;
	font-size:20px;
	text-transform:uppercase;
}

/* business cards page 
----------------------------------------------------------------------*/
body#business-card-design h1 {
	color: #639;
}

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

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

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:13px;
	position:relative;
	list-style:disc outside;
}

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

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

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

body#copy-content h1 {
	color: #639;
}

body#copy-content #project {
	width: 760px;
}

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

body#copy-content #maintextarea #project p {
	color:#111;
	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;
}

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

body#media-kit #maintextarea1 {
	position: relative;
	top: 190px;
	text-align:center;
	margin:auto;
}

#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:center;
	margin:auto;
	left: 0px;
}

body#media-kit h1 {
	text-align:left;
	margin: -140px auto 0px auto;
	color: #CF9;
	position: relative;
	font-size: 44px;
	line-height: 2em;
	top: 0px;
}

body#media-kit h2 {
	font-size: 16px;
	line-height: 2em;
	color: #333;
	position: relative;
	text-align:left;
	margin:auto;
	width:612px;
	min-width:612px;
	max-width:612px;
}

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

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

body#media-kit .instructions  {
	text-align:center;
	margin:auto;
	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;
}

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

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: #111;
	text-align:left;
	margin:auto;
	padding: 10px 0px;
}

/* footer  
----------------------------------------------------------------------*/
#bottom {
	position: absolute;
	left: -1000px;
	top:-1000px;
}