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

/* set defaults */
html {
	height:100.1%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
	background-color:#EEEEEE;
	text-align:center;
}
body, p {
	color:#666666;
	font-size:14px;
	line-height:1.2em;
}
p {
	margin:0 0 1.2em 0;
}
h4 {
	color:#EE5588;
	font-size:16px;
	line-height:1.2em;
	margin:0 0 0.8em 0;
	font-weight:normal;
}
ul, li {
	color:#EE5588;
	margin:0;
	line-height:1.2em;
}
ul {
	margin-bottom:1.2em;
}
a {
	color:#EE5588;
}
li a {
	color:#5588EE;
}
li p a {
	color:#EE5588;
}
fieldset, form, input {
	margin:0;
	padding:0;
}
fieldset {
	border:0;
	margin-left:309px;
	margin-top:35px;
	padding:2px;
}
label {
	color:#FFFFFF;
	display:block;
	width:80px;
	float:left;
}
input {
	border:1px solid #CCCCCC;
	font-size:11px;
	padding:2px;
	line-height:1em;
	margin-bottom:5px;
}
input.image {
	line-height:20px;
	border:none;
	margin-left:80px;
}

/* custom classes */
.text_list {
	padding:0;
	margin-bottom:0;
}
.text_list li {
	list-style:none;
	color:#666666;
	padding-bottom:1em;
	clear:both;
}
.text_list li a {
	color:#EE5588;
}
.text_list li p {
	margin-bottom:0.5em;
}
.text_list li img {
	float:left;
	margin:0 15px 0.5em 0;
}

/* main layout */
#site_outline_top, #site_outline, #site_outline_bottom {
	width:772px;
	margin-left:auto;
	margin-right:auto;
}
#site_outline_top {
	background:url(../images/layout/site_content_top.jpg) no-repeat #FFFFFF;
	height:20px;
}
#site_outline {
	background:url(../images/layout/site_content_bg.jpg) repeat-y #FFFFFF;
	padding-bottom:10px;
	text-align:left;
}
#site_outline_bottom {
	background:url(../images/layout/site_content_bottom.jpg) no-repeat #FFFFFF;
	height:20px;
}

/* header */
h1 {
	margin:0;
}
h1 a {
	width:213px;
	height:73px;
	background:url(../images/logo.jpg) left 10px no-repeat;
	margin:0 0 0 32px;
	float:left;
	text-decoration:none;
}
h1 a span {
	visibility:hidden;
	color:transparent;
}
.header_info {
	background:url(../images/layout/header_info_left_curve.jpg) no-repeat #649EFF left bottom;
	padding-left:14px;
	float:right;
	margin:-14px 16px 0 0;
}
.header_info div {
	float:left;
	line-height:28px;
}
.header_info div.first {
	background:url(../images/layout/header_info_mid_curve.jpg) no-repeat #649EFF right bottom;
	padding-right:28px;
	color:#FFFFFF;
}
.header_info div.second {
	background:url(../images/layout/header_info_right_curve.jpg) no-repeat #EEEEEE right bottom;
	padding-right:14px;
	color:#5588EE;
}
.header_info div.second a {
	color:#EE5588;
}

/* navigation */
#nav {
	float:right;
	margin:50px 15px 0 0;
}
#nav li {
	display:inline;
}
#nav li a {
	display:block;
	float:left;
	width:92px;
	height:30px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 -32px;
}
#nav li a:hover {
	background-position:0 -64px;
}
#nav li.selected a {
	background-position:0 0 !important;
}
#nav li#home a {
	background-image:url(../images/nav/home.jpg);
}
#nav li#portfolio a {
	background-image:url(../images/nav/portfolio.jpg);
}
#nav li#service a {
	background-image:url(../images/nav/service.jpg);
}
#nav li#contact a {
	background-image:url(../images/nav/contact.jpg);
}
#nav li#admin a {
	background-image:url(../images/nav/admin.jpg);
}
#nav li a span {
	visibility:hidden;
	color:transparent;
}


/* upper content */
#upper_content {
	clear:both;
	margin:0 16px;
	height:148px;
}
#upper_content p, #upper_content h2 {
	visibility:hidden;
	color:#FFFFFF;
	color:transparent;
}
#upper_content.home {
	background:url(../images/section_headers/home.jpg) no-repeat #649EFF;
}
#upper_content.portfolio {
	background:url(../images/section_headers/portfolio.jpg) no-repeat #F669A5;
}
#upper_content.service {
	background:url(../images/section_headers/service.jpg) no-repeat #68E585;
}
#upper_content.contact {
	background:url(../images/section_headers/contact.jpg) no-repeat #C364FF;
}
#upper_content.admin {
	background:url(../images/section_headers/admin.jpg) no-repeat #F7BF70;
}

/* lower content */
h3 {
	width:740px;
	font-size:14px;
	line-height:30px;
	margin:32px 16px 0 16px;
	background:url(../images/layout/main_content_top.jpg) no-repeat #EEEEEE;
	font-weight:normal;
}
h3 span {
	margin:0 20px;
}
#content {
	margin:0 16px;
	padding:1em 20px 1px 20px;
	background:url(../images/layout/main_content_bg.jpg) repeat-y;
}
#content_bottom {
	width:740px;
	height:14px;
	background:url(../images/layout/main_content_bottom.jpg) no-repeat;
	margin:0 16px;
}

/* footer */
#footer {
	width:700px;
	margin:5px auto 0 auto;
}
#footer ul.left {
	float:left;
	padding:0;
	margin:0 0 10px 0;
}
#footer ul.left li {
	display:inline;
	font-size:11px;
}
#footer a {
	color:#EE5588;
}
#footer div.right {
	float:right;
	font-size:11px;
}



.portfolio li img {
	border:1px solid #CCCCCC;
}