/*
	Colors:	#0078ef blue
			#71d415 green
			#f400bb pink
			
*/

/* -- CSS Reset -------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* -- Structure -------------------- */

body {
		font-family: tahoma, "Lucida Sans Unicode", arial;
		font-size: 0.8em;
		color: #333;
		background: #4d4d4d url( "../images/bodybackground.png" ) top center repeat-y; }

#wrapper {
		margin: 0px auto;
		border-left: 2px solid #171717;
		border-right: 2px solid #171717;
		width: 900px; }

#header {
		width: 900px;
		height: 80px;
		background-color: #242424; }

#logo {
		float: left;
		width: 300px;
		height: 80px; }

#logo a {
		display: block;
		width: 300px;
		height: 80px;
		text-decoration: none;
		background: url( "../images/mainsprite.png" ) -242px -61px no-repeat; }
		
#logo a span{
		display: none; }

#header ul {
		list-style: none;
		line-height: 80px; }

#header ul li {
		float: left;
		width: 120px;
		height: 80px; }

#header ul li a {
		display: block;
		width: 120px;
		height: 80px;
		text-align:center;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #fff;
		background: url( "../images/mainsprite.png" ) 0px -61px no-repeat; }
		
body#about #header ul li a#tab-about {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }
		
body#services #header ul li a#tab-services {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }
		
body#work #header ul li a#tab-work {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }
		
body#news #header ul li a#tab-news {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }
		
body#contact #header ul li a#tab-contact {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }
		
body#thanks #header ul li a#tab-contact {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }

#header ul li a:hover {
		background: url( "../images/mainsprite.png" ) -121px -61px no-repeat; }
		
#about #splash, #services #splash, #contact #splash, #news #splash , #work #splash, #thanks #splash {
		border-bottom: 1px solid #171717;
		width: 900px;
		height: 80px;
		background: url( "../images/about.jpg" ) no-repeat; }
		
#content { }
		
#content-left {
		margin: 25px 0px 20px 0px;
		padding: 0px 30px;
		float: left;
		width: 559px; }
		
p {
		padding-bottom: 20px;
		line-height: 2; }
		
h1 {
		padding-left: 10px;
		margin-bottom: 10px;
		font-size: 1.2em;
		font-weight: bold;
		color: #333;
		letter-spacing: 1px;
		text-transform: uppercase; }
		
strong {
		font-weight: bold; }
		
#sidebar {
		margin: 25px 0px 20px 0px;
		padding: 0px 30px;
		float: right;
		width: 220px; }
		
#sidebar span {
		font-weight: bold; }

#footer {
		border-bottom: 2px solid #171717;
		width: 900px;
		background-color: #242424; }
		
em {
		font-style: italic; }

/* -- Home -------------------- */
	
#home #splash {
		width: 900px;
		height: 437px;
		background: #242424 url( "../images/splash2.jpg" ) no-repeat; }

#content {
		width: 900px;
		background: #fff url( "../images/blurbbackground.png" ) bottom left no-repeat; }

#blurb-about, #blurb-services, #blurb-work {
		float: left;
		position: relative;
		width: 300px;
		height: 27em; }

.title {
		width: 300px;
		height: 60px; }

#blurb-about .title {
		background: url( "../images/mainsprite.png" ) 0px 0px no-repeat; }

#blurb-services .title {
		background: url( "../images/mainsprite.png" ) -301px 0px no-repeat; }

#blurb-work .title {
		background: url( "../images/mainsprite.png" ) -602px 0px no-repeat; }

.description {
		margin: 0px 30px 0px 30px; }

.learn-more {
		position: absolute;
		bottom: 35px;
		width: 150px;
		height: 25px; }

.learn-more span {
		visibility: hidden; }

#blurb-about p {
		padding-top: 10px;
		line-height: 2;
		color: #333; }

#blurb-about span {
		font-weight: bold; }

#blurb-about .learn-more {
		left: 0px; }

#blurb-about .learn-more a {
		display: block;
		width: 150px;
		height: 25px;
		text-decoration: none;
		background: url( "../images/sprite-icon.gif" ) 0px 0px no-repeat; }

#blurb-services ul {
		padding-top: 10px;
		list-style: none;
		font-family: tahoma, "Lucida Sans Unicode", arial;
		font-weight: bold;
		line-height: 2;
		color: #333; }

#blurb-services ul li {
		padding-left: 20px;
		border-bottom: 1px dashed #0078ef;
		background-image: url("../images/bubblebullet.png");
		background-repeat: no-repeat;
		background-position: 0px 8px; }

#blurb-services .learn-more {
		left: 75px; }

#blurb-services .learn-more a {
		display: block;
		width: 150px;
		height: 25px;
		text-decoration: none;
		background: url( "../images/sprite-icon.gif" ) -151px 0px no-repeat; }

#sample-work {
		margin: 20px auto 0px auto;
		width: 240px;
		height: 93px; }

#blurb-work p {
		padding-top: 5px;
		font-family: tahoma, "Lucida Sans Unicode", arial;
		line-height: 2;
		color: #333; }

#blurb-work span {
		font-weight: bold; }

#blurb-work a, #blurb-work a:visited {
		color: #f400bb; }

#blurb-work .learn-more {
		right: 0px; }

#blurb-work .learn-more a {
		display: block;
		width: 150px;
		height: 25px;
		text-decoration: none;
		background: url( "../images/sprite-icon.gif" ) -302px 0px no-repeat; }

#footer h2 {
		padding: 25px 0px 10px 0px;
		font-family: "Lucida Console";
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		color: #dedede; }

#blurb-news {
		float: left;
		margin: 0px 15px 30px 30px;
		width: 390px; }

#blurb-news ul {
		list-style: none; }

#blurb-news ul li {
		padding: 5px 0px 5px 0px;
		border-bottom: 1px dashed #4a4a4a;
		background-repeat: no-repeat;
		background-position: 0px 20px; }

#blurb-news ul li a {
		display: block;
		padding: 4px 10px 4px 45px;
		text-decoration: none;
		font-family: tahoma, "Lucida Sans Unicode", arial;
		line-height: 1.5;
		color: #d9d9d9;
		background: url("../images/article.gif") 15px 14px no-repeat;}

#blurb-news ul li a:hover {
		background-color: #303030; }

#blurb-news span{
		font-style: italic;
		color: #0078ef; }

#blurb-contact {
		float: right;
		margin: 0px 30px 30px 15px;
		width: 390px; }

#blurb-contact h2 {
		text-align: left; }

#blurb-contact p {
		padding: 0px 0px 36px 0px;
		font-family: tahoma, "Lucida Sans Unicode", arial;
		line-height: 1.2;
		color: #d9d9d9; }

label {
		width: 7em;
		float: left;
		text-align: right;
		margin-right: 2em;
		display: block; }

#blurb-contact span {
		color: #F400BB; }

#blurb-contact input {
		float: right;
		border: 1px dashed #000;
		padding: 2px 5px;
		width: 260px;
		color: #d9d9d9;
		background-color: #303030 !important; }
		
#blurb-contact input:focus {
		border: 1px solid #71D415; }

#blurb-contact textarea {
		float: right;
		border: 1px dashed #000;
		padding: 2px 5px;
		width: 260px;
		font-family: tahoma, "Lucida Sans Unicode", arial;
		font-size: 1em;
		color: #D9D9D9;
		background-color: #303030;
		overflow: hidden; } /* ie7 fix for gray scrollbar */
		
#blurb-contact textarea:focus {
		border: 1px solid #71D415; }
		
#blurb-contact input#submit {
		float: left;
		margin-top: 10px;
		margin-left: 180px;
		border: 1px solid #000;
		width: 150px;
		font-weight: bold;
		color: #D9D9D9;
		cursor: pointer;
		background-color: #303030; }
		
.clear {
		clear: both; }
		
/* -- About -------------------- */

#about #content {
		background: #fff url( "../images/aboutbg.png" ) bottom left no-repeat; }

#about #content {
		border-bottom: 5px solid #63BA12; }

#about #content-left {
		border-right: 1px dashed #71D415; }

#about h1 {
		border-left: 4px solid #63BA12; }
		
#about #main a, #about #main a:visited {
		color: #63ba12; }
		
/* -- Services -------------------- */

#services #content {
		background: #fff url( "../images/aboutbg.png" ) bottom left no-repeat; }

#services #content {
		border-bottom: 5px solid #0078EF; }

#services #content-left {
		border-right: 1px dashed #0078EF; }

#services h1 {
		border-left: 4px solid #0078EF; }
		
#services #main a, #services #main a:visited {
		color: #0078EF; }
		
/* -- Work -------------------- */

#work #content {
		background: #fff url( "../images/aboutbg.png" ) bottom left no-repeat; }

#work #content {
		border-bottom: 5px solid #F400BB; }

#work #content-left {
		border-right: 1px dashed #F400BB; }

#work h1 {
		border-left: 4px solid #F400BB; }
		
#work #main a, #work #main a:visited {
		color: #F400BB; }
		
#myGallery {
		margin: 20px auto; }
		
#work #myGallery a, #work #myGallery a:visited {
		color: #fff; }
		
/* -- News -------------------- */

#news #content {
		background: #fff url( "../images/aboutbg.png" ) bottom left no-repeat; }

#news #content {
		border-bottom: 2px solid #171717; }
		
#news #content-left {
		border-right: 1px dashed #0078EF; }

#news h1 {
		border-left: 4px solid #0078EF; }
		
#news #content-left a, #news #content-left a:visited {
		color: #63BA12; }
		
#news #sidebar a, #news #sidebar a:visited {
		color: #F400BB; }
		
#news #footer p {
		padding: 5px 20px;
		color: #DEDEDE; }
		
#news #footer a, #contact #footer a:visited {
		color: #DEDEDE; }
		
#news #sidebar h1 {
		border-color: #F400BB; }
		
#news #content-left h1 {
		border-color: #63BA12; }
		
#news #content-left {
		border-color: #0078EF; }
		
/* -- Contact -------------------- */

#contact #content {
		background: #fff url( "../images/aboutbg.png" ) bottom left no-repeat; }

#contact #content {
		border-bottom: 2px solid #171717; }

#contact #content-left {
		border-right: 1px dashed #333; }

#contact h1 {
		border-left: 4px solid #333; }
		
#contact #main a, #contact #main a:visited {
		color: #333; }
		
#contact form {
		margin-top: 25px; }
		
#contact input {
		padding: 2px 5px;
		width: 260px;
		border: 1px solid #ccc;
		background-color: #fff !important;
		border-top: 1px solid #aaa; }
		
#contact input:focus {
		border: 1px solid #71D415; }
		
#contact textarea {
		border: 1px solid #ccc;
		border-top: 1px solid #aaa;
		padding: 2px 5px;
		width: 260px;
		font-family: tahoma, "Lucida Sans Unicode", arial;
		font-size: 1em;
		overflow: hidden; } /* ie7 fix for gray scrollbar */
		
#contact textarea:focus {
		border: 1px solid #71D415; }
		
#contact span {
		color: #F400BB; }
		
#contact input#submit {
		float: left;
		margin-top: 10px;
		margin-left: 180px;
		margin-bottom: 20px;
		border: 1px solid #000;
		width: 150px;
		font-weight: bold;
		color: #D9D9D9;
		background-color: #303030 !important; }
		
#contact #footer p {
		padding: 5px 20px;
		color: #DEDEDE; }
		
#contact #footer a, #contact #footer a:visited {
		color: #DEDEDE; }
		
#contact #sidebar p {
		font-weight: bold; }
		
#contact #businessname {
		font-size: 1.2em;
		color: #F400BB; }
		
#contact strong{
		color: #F400BB; }
		
#contact #sidebar h1 {
		border-color: #F400BB; }
		
#contact #content-left h1 {
		border-color: #63BA12; }
		
#contact #content-left {
		border-color: #0078EF; }
		
/* -- Screen Shots -------------------- */

#screen #wrapper {
		border: 0px none; }
		
#screen #screen-shot {
		margin: 30px auto;
		width: 800px; }

#screen img {
		border: 5px solid #000; }
		
/* -- Thanks -------------------- */

#thanks #content {
		background: #fff url( "../images/aboutbg.png" ) bottom left no-repeat; }

#thanks #content {
		border-bottom: 2px solid #171717; }

#thanks #content-left {
		border-right: 1px dashed #333; }

#thanks h1 {
		border-left: 4px solid #333; }
		
#thanks #main a, #thanks #main a:visited {
		color: #333; }
		
#thanks #footer p {
		padding: 5px 20px;
		color: #DEDEDE; }
		
#thanks #footer a, #thanks #footer a:visited {
		color: #DEDEDE; }
		
#thanks #sidebar p {
		font-weight: bold; }
		
#thanks #businessname {
		font-size: 1.2em;
		color: #F400BB; }
		
#thanks strong{
		color: #F400BB; }
		
#thanks #sidebar h1 {
		border-color: #F400BB; }
		
#thanks #content-left h1 {
		border-color: #63BA12; }
		
#thanks #content-left {
		border-color: #0078EF; }