@charset "utf-8";
/* COPYRIGHT 2009, BRAD THOMPSON DESIGN STUDIO. ALL RIGHTS RESERVED. */

/* GENERIC CSS */
html {
	color: #CCCCCC !important;
	background-color: #CCCCCC !important;
	background: #CCCCCC !important;
	text-align: center;
	}
body {
	background-color: #CCCCCC !important;
	background: #CCCCCC !important;
	text-align: center;
	}
#printOnly {
	visibility:hidden !important;
	display:none !important;
	}
a, a:link, a:hover, a:visited, a:active {
	text-decoration: none;
	}
a, a:link, a:visited, a:active {
	color: #0000FF;
	}
a:hover {
	text-decoration: underline;
	color: #0000FF;
	}
.menu a, .menu a:link, .menu a:hover, .menu a:visited, .menu a:active {
	color :#333333;	
	text-decoration: none;
	}
.text ul {
	display: inline;
	}
.text li {
	margin-left: 20px;
	list-style-type: none;
	list-style-type: disc;
	list-style-image: url(images/arrow.gif);
	list-style-position: outside;
	}
#portfolio .content .text {
	margin-top: -2px;
	margin-left: -2px;
	}
#portfolio .content .text table {
	width: 760px;
	height: 284px;
	}
#portfolio .content .text table .pics {
	height: 98px;
	}
#portfolio .content .text table .pics img {
	border: 1px solid #98CC4A;
	}
#portfolio .content .text table .words {
	height: 42px;
	}
#portfolio .content .text table tr td {
	width: 150px;
	}
label {
	width: 5em;
	float: left;
	text-align: right;
	vertical-align:top;
	margin-right: 1em;
	display: block;
	}
.pad_me {
	margin-left: 6em;
	}
.container {
	position: relative;
	width: 800px;
	height: 450px;
	text-align: left;
	z-index: 1;
	margin: 0px auto;
	background-color: #FFFFFF;
	}
.menu {
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 20;
	font-family: Garamond, Times New Roman, Times, serif;
	font-size: 16px;
	color: #333333;
	}
.menu ul, .menu ul li {
	list-style: none;
	list-style-type: none;
	display: inline;
	}
.header {
	position: absolute;
	width: 780px;
	height: 100px;
	top: 10px;
	left: 10px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	}
.squiggle1 {
	position: absolute;
	width: 127px;
	height: 110px;
	top: 4px;
	left: 9px;
	background-repeat: no-repeat;
	z-index: 77;
	}
.content {
	position: absolute;
	width: 778px;
	height: 324px;
	text-align: left;
	z-index: 3;
	background-position: -1px 0px;
	background-repeat: no-repeat;
	top: 115px;
	left: 10px;
	}
.text {
	position: absolute;
	width: 384px;
	height: 284px;
	text-align: left;
	z-index: 4;
	top: 35px;
	left: 5px;
	font-family: Garamond, Times New Roman, Times, serif;
	font-size: 14px;
	color: #333333;
	overflow:hidden;
	}
/*portfolio page does't have an image, so it needs to be wider */
#portfolio .content .text {
	width: 768px;
	text-align: center;
	}
.image {
	position: relative;
	width: 380px;
	height: 284px;
	text-align: left;
	background-repeat: no-repeat;
	z-index: 5;
	top: 35px;
	left: 394px;
	}
.squiggle2 {
	position: absolute;
	width: 90px;
	height: 102px;
	bottom: 0px;
	right: 0px;
	background-repeat: no-repeat;
	z-index: 78;
	}
.footer {
	position: relative;
	width: 800px;
	height: 30px;
	text-align: center;
	z-index: 0;
	margin: 0px auto;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 3px;
	}


/* HOME PAGE SPECIFIC CSS */
#home {
	display: none;
	visibility:visible;
	}
#home .squiggle1 {
	background-image: url(images/squiggle1home.png);
	}
#home .content {
	background-image: url(images/titlehome.jpg);
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	}
#home .image {
	background-image: url(images/imagehome.jpg);
	}
#home .squiggle2 {
	background-image: url(images/squiggle2home.png);
	}

/* SERVICES PAGE SPECIFIC CSS */
#services {
	display: none;
	visibility:visible;
	}
#services .squiggle1 {
	background-image: url(images/squiggle1services.png);
	}
#services .content {
	background-image: url(images/titleservices.jpg);
	border-left: 1px solid #92C0DA;
	border-right: 1px solid #92C0DA;
	border-bottom: 1px solid #92C0DA;
	}
#services .image {
	background-image: url(images/imageservices.jpg);
	}
#services .squiggle2 {
	background-image: url(images/squiggle2services.png);
	}

/* PORTFOLIO PAGE SPECIFIC CSS */
#portfolio {
	display: none;
	visibility:visible;
	}
#portfolio .squiggle1 {
	background-image: url(images/squiggle1portfolio.png);
	}
#portfolio .content {
	background-image: url(images/titleportfolio.jpg);
	border-left: 1px solid #98CC4A;
	border-right: 1px solid #98CC4A;
	border-bottom: 1px solid #98CC4A;
	}
#portfolio .image {
	background-image: url(images/imageportfolio.jpg);
	}
#portfolio .squiggle2 {
	background-image: url(images/squiggle2portfolio.png);
	}

/* CONTACT PAGE SPECIFIC CSS */
#contact {
	display: none;
	visibility:visible;
	}
#contact .squiggle1 {
	background-image: url(images/squiggle1contact.png);
	}
#contact .content {
	background-image: url(images/titlecontact.jpg);
	border-left: 1px solid #F5B227;
	border-right: 1px solid #F5B227;
	border-bottom: 1px solid #F5B227;
	}
#contact .image {
	background-image: url(images/imagecontact.jpg);
	}
#contact .squiggle2 {
	background-image: url(images/squiggle2contact.png);
	}

/* ERROR PAGE SPECIFIC CSS */
#error {
	display: none;
	visibility: visible;
	}
#error .squiggle1 {
	background-image: url(images/squiggle1error.png);
	}
#error .content {
	background-image: url(images/titleerror.jpg);
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	}
#error .image {
	background-image: url(images/imageerror.jpg);
	}
#error .squiggle2 {
	background-image: url(images/squiggle2error.png);
	}