@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
}

#page-container {
	margin: auto;
	width: 760px;
	background-color: #FFFFFF;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #ffffff;
}

/* Header Tags */

h1 {
	font=size: 20px;
	line-height: 22px;
	font-size: 22px;
}

h2 {
	font-size: 18px;
}

body.home h2 {
	color: #7CF4BA;
}

body.about h2 {
	color: #ECA1CB;
}

body.services h2 {
	color: #C0C0C0;
}

body.portfolio h2 {
	color: #aea1d7;
}

body.contact h2 {
	color: #64a7d4;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* Header CSS */

body.home #header {
	height: 150px;
	background:	 url(../images/headers/none.png);
}

body.about #header {
	height: 150px;
	background: url(../images/headers/pink.png);
}
body.services #header {
	height: 150px;
	background: url(../images/headers/grey.png);
}
body.portfolio #header {
	height: 150px;
	background: url(../images/headers/purple.png);
}
body.contact #header {
	height: 150px;
	background: url(../images/headers/blue.png);
}

/* Main Nav CSS */

#main-nav { 
	height: 50px; 
}

#main-nav dl { 
	margin: 0; 
	padding: 0;
}

#main-nav dt { 
	float: right; 
}

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -50px;
}

#main-nav dt#about,
#main-nav dt#about a { width: 79px; background-image: url(../images/nav/dagnav/about.png); }

#main-nav dt#services,
#main-nav dt#services a { width: 88px; background-image: url(../images/nav/dagnav/services.png); }

#main-nav dt#portfolio,
#main-nav dt#portfolio a { width: 91px; background-image: url(../images/nav/dagnav/portfolio.png); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 88px; background-image: url(../images/nav/dagnav/contact.png); }

body.about dt#about,
body.about dt#about a,
body.services dt#services,
body.services dt#services a,
body.portfolio dt#portfolio,
body.portfolio dt#portfolio a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -100px;
}


/* Sidebar CSS */

#sidebar-a {
	float: right;
	width: 220px;
	line-height: 18px;
}

#sidebar-a .padding {
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 25px;
}

#sidebar-a li a {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
	color:#999999;
}

body.home #sidebar-a li a {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #7CF4BA;	
}
body.about #sidebar-a li a {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #ECA1CB;
}

body.services #sidebar-a li a {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #C0C0C0;
}

body.portfolio #sidebar-a li a {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #aea1d7;
}

body.contact #sidebar-a li a {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #64a7d4;
}

body.home #sidebar-a li a:hover {
	border-right-color: #000000;
	color: #666666;
}

body.about #sidebar-a li a:hover {
	border-right-color: #000000;
	color: #666666;
}

body.services #sidebar-a li a:hover {
	border-right-color: #000000;
	color: #666666;
}

body.portfolio #sidebar-a li a:hover {
	border-right-color: #000000;
	color: #666666;
}

body.contact #sidebar-a li a:hover {
	border-right-color: #000000;
	color: #666666;
}

ul.no_bullet {
	list-style-type: none;
}


/* Content CSS */

#content {
	line-height: 18px;
	margin-right: 220px;
}

#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content .padding {
	padding: 25px;
}

#content a {
	color: #333333;
}

#content a:hover {
	color: #db6d16 ;
}

body.about #content img {
	float: right;
	padding-bottom: 15px;
	padding-left: 15px;
}

/* Footer CSS */

#footer {
	clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #666666;
	border-top: 1px solid #efefef;
	padding: 13px 25px;
	line-height: 18px;
	height: 50px;
}

#footer a {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	color: #db6d16;
}

#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
	font-size: 9px;
}

body.home #footer {
	background-color: #7CF4BA;
}

body.about #footer {
	background-color: #ECA1CB;
}

body.services #footer {
	background-color: #C0C0C0;
}

body.portfolio #footer {
	background-color: #aea1d7;
}

body.contact #footer {
	background-color: #64a7d4;
}

/* Contact Us CSS */

.input {
	background-color: #E6F2F2;
	border-color: #64A7D4;
	border: 1px solid;
	color: #666666;
}

.errorinput {
	background-color: #FBB7C1;
	border-color: #F5546C;
	border: 1px solid;
	color: #666666;
}

.textboxfocus {
	background-color: #FCF1D8;
	border-color: #EEBC48;
	border: 1px solid;
	color: #666666;
}

.textboxhover {
	background-color: #FBECC8;
	border: 1px solid;
	color: #666666;
	border-color: #F4D793;
}

/* Misc CSS */

.hidden {
	display: none;
}

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 11px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */
.error {
	color: #FF0000;
}
.good {
	color: #00CC33;
}

.quote {
	font-style: italic;
	margin: auto;
	width: 75%;
}

/* Changes */

body.home {
	background-color: #7CF4BA;
}

body.about {
	background-color: #ECA1CB;
}

body.services {
	background-color: #C0C0C0;
}

body.portfolio {
	background-color: #aea1d7;
}

body.contact {
	background-color: #64a7d4;
}