/* CSS Document */

/*set css style defaults for each page*/
* {
	padding: 0;
	margin: 0; }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333; 
	background-color: #111;
	min-width: 800px;}
#body_por {
	background: #111 url(../images/portfolioBackground6.jpg) no-repeat; }
#body_hom {
	background: #111 url(../images/homeBackground.jpg) no-repeat; }
#body_abo {
	background: #111 url(../images/aboutBackground.jpg) no-repeat; }
#body_con {
	background: #111 url(../images/contactBackground.jpg) no-repeat; }
#body_ser {
	background: #111 url(../images/servicesBackground.jpg) no-repeat; }

/*page banner style*/
#banner {
	height: 50px;
	background: #fff url(../images/banner_back.jpg) repeat-x;
	min-width: 800px; }
#banner h1 {
	font-family: "Impact", Arial, Helvetica, sans-serif;
	color: #fff;
	height: 38px;
	font-size: 1px;
	text-indent: -9999px;
	padding: 12px 0 0 20px;
	background-image: url(../images/banner_left4.jpg);
	background-repeat: no-repeat; }	
#slogan {
	position: absolute;
	width: 390px;
	height: 13px;
	top: 0; right: 0;
	padding-top: 37px;
	padding-right: 10px;
	text-align: right;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/banner_right4.jpg) no-repeat; }
#banner_bottom {
	height: 5px;
	background: url(../images/diagnal.gif) repeat-x; }

/*top navigation style*/
#navbar {
	width: 100%;
	height: 30px;
	background-image: url(../images/nav_top_back.gif);
	background-repeat: repeat-x;
	background-color:#444;
	border-top: 4px solid #119383 /*#669900*/;
	margin-bottom: 20px; }
#nav_top {
	width: 411px;
	height: 30px;
	position: relative;
	background: url(../images/navBar-dark.jpg); }
#nav_top li {
	float: left;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%; }
#nav_top li a {
	position: absolute;
	top: 0;
	display: block;
	height: 30px;
	background: url(../images/navBar-dark.jpg) no-repeat;
	overflow: hidden; }
li#nav_hom a {
	left: 4px;
	width: 59px;
	background-position: -4px 0; }
li#nav_abo a {
	left: 73px;
	width: 62px;
	background-position: -73px 0; }
li#nav_por a {
	left: 145px;
	width: 85px;
	background-position: -145px 0; }
li#nav_ser a {
	left: 240px;
	width: 85px;
	background-position: -240px 0; }
li#nav_con a {
	left: 335px;
	width: 86px;
	background-position: -335px 0; }
li#nav_hom a:hover {	
	background-position: -4px -30px; }
li#nav_abo a:hover {
	background-position: -73px -30px; }
li#nav_por a:hover {
	background-position: -145px -30px; }
li#nav_ser a:hover {	
	background-position: -240px -30px; }
li#nav_con a:hover {
	background-position: -335px -30px; }
#body_hom li#nav_hom a {
	background-position: -4px -60px; }
#body_abo li#nav_abo a {
	background-position: -73px -60px; }
#body_por li#nav_por a {
	background-position: -145px -60px; }
#body_ser li#nav_ser a {
	background-position: -240px -60px; }
#body_con li#nav_con a {
	background-position: -335px -60px; }

/*general page layout styles*/
#page_inner {
	margin: 0 auto 20px auto;
	width: 630px;
	padding-top: 5px; }
#page_inner h2 {
	color: #fff;
	font-size: 2em;
	letter-spacing: 20px; }	
#content {
	/*height: 334px;*/
	background-color: #333;
	color: #CCC;
	padding: 5px;
	overflow: hidden; }
#content a {
	color: #999999;
	text-decoration: none;
	margin-bottom: 5px; }
#content a:hover {
	color: #ffeb11; }
#content p {
	margin-bottom: 1em; }
	
/*contact page styles*/
#content_contact p {
	margin-bottom: 1em; }
#content_contact form {
	width: 350px;
	background-image: url(../images/contactBackfade.jpg);
	background-repeat: repeat-x;
	background-color: #2b6f66;
	/*margin-left: 260px;*/
	padding: 5px; }
#content_contact #name, #email {
	width: 200px; }
#content_contact #message {
	width: 345px;
	height: 159px; }
#about_content {
	height: 600px;
	padding-left: 18px;
	padding-right: 15px;
	padding-top: 5px;
	text-indent: 12px;
	color: #ccc;
	line-height: 1.4em;
	background-image: url(../images/about_collage_new.jpg);
	background-repeat: no-repeat; }
#about_content p {
	margin-bottom: 1em; }
#content_contact {
	background: #333333 url(../images/contactContentBack3.jpg) no-repeat;
	background-color: #333;
	color: #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 265px;
	overflow: hidden; }
#contact_text {
	width: 350px;
	/*margin-left: 260px;*/
	margin-bottom: 5px;
	padding: 5px; 
	background-color: #555; }
.warning {
	font-weight: bold;
	font-size: 1.1em;
	color:#DF0500; }

/*Service page style*/
.content_services {
	color: #CCC; }
.content_services a {
	color: #999999;
	text-decoration: none;
	margin-bottom: 5px; }
.content_services a:hover {
	color: #ffeb11; }
.content_services p {
	margin-bottom: 1em; }
#main {
	background: #333 url(../images/services_main5.jpg) left no-repeat;
	padding: 5px;
	padding-left: 260px;
	margin-bottom: 8px; }
.service {
	padding: 5px;
	padding-right: 210px;
	margin-bottom: 8px;
	height: 92px; }
#webdesign {
	background: #333 url(../images/webdesign.jpg) right no-repeat; }
#videography {
	background: #333 url(../images/videography.jpg) right no-repeat; }
#print {
	background: #333 url(../images/print.jpg) right no-repeat; }
#photography{
	background: #333 url(../images/photography.jpg) right no-repeat; }
.img_right {
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;  }

/*Portfolio page Styles */	
#portfolio {
	width: 630px;
	margin: 0 auto;
	text-align: left;
	color: #ccc; }
.work_in_progress {
	background-image:url(../images/underConstruction.jpg);
	background-repeat: no-repeat;
	background-position: bottom; }
#portfolio li {
	height: 208px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 5px 5px;
	background-color: #333;
	/*background-color: #fff;
	border: 5px solid #222;*/ }
#portfolio a, a img {
	border: 0;
	text-decoration: none; }
#portfolio img {
	float: left;
	padding: 4px;
	margin-right: 8px;
	/*padding-left: 4px;*/ }
/*Used in portfolio only, but set for every page*/
h3 {
	margin-bottom: 12px;
	font-family: Verdana, sans-serif;
	font-size: 1.3em;
	letter-spacing: .001em; }
h3 a {
	color: #ccc/*#0a534a#119383;*/ }
h3 a:hover {
	color: #BF0F0F; }
.date {
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #5aaca9/*#137c76#da00ae#BF0F0F*/;
	font-size: .8em;
	padding-top: 8px;
	float: right; }
	
/*Nav Bottom and Footer Style*/
#nav_bottom {
	width: 400px;
	list-style: none;
	margin: -1px auto;
	padding: 20px 0 6px 0;
	text-align: center;
	/*background-color:#00FFFF;*/ }
#nav_bottom li {
	display: inline;
	/*padding: 5px 0px;*/ }
#nav_bottom li a {
	padding: 5px 10px;
	border: 1px solid #444;
	text-decoration: none;
	color: #999999;
	background-color:#222; }
#nav_bottom li a:hover {
	color: #888;
	background-color: #333; }
#footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*width: 90%;*/
	border-top: 1px solid #444;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image:url(../images/banner_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom; }
#footer p {
	color: #ccc;
	padding: 7px 0 7px 0;
	border-bottom: 4px solid  #119383;
	background-color: #444; }