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

/* Reset, DO NOT EDIT */
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,
b, u, i, center,
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-size: 100.01%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; border: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }

/* layout elements */

body {
	background: #cfebf5 url(i/bg.png) repeat-x;
	color: #4a4a4a;
	font-size: 12px;
	line-height: 1.3;
	font-family: arial,sans-serif;
}

a:link { color: #00698f; text-decoration: underline; }
a:active { color: #00698f; text-decoration: underline; }
a:visited { color: #00698f; text-decoration: underline; }
a:hover { color: #48869d; text-decoration: underline; }

.clear {
	clear:both;
}
.green {
	color: #093;
}
blockquote {background:#e8e8e8;padding:10px;border:1px solid #d4d4d4;}

/* container */

#container {
	width: 845px;
	margin: 0 auto;
}

/* logo */

#logo {
	float: left;
	width: 258px;
	height: 82px;
}

/* navigation */

#nav {
	float: right;
}
#nav li {
	float: left;
	padding: 0 17px;
	margin: 10px 0px 0 0;
}

/* banner */

#banner {
	clear: both;
	width: 845px;
	height: 260px;
	padding: 40px 0 0 0;
}

/* content */

#content {
	background: url(i/content-bg.png);
}

h3 {
	color: #010101;
	font-size: 24px;
	font-family: georgia,serif;
	padding: 10px 0;
	font-weight: normal;
}

	/* homepage left, center, right */
	
	#left {
		float: left;
		width: 270px;
		padding: 0 17px;
	}
	#center {
		float: left;
		width: 250px;
		padding: 0 6px;
	}
	#right {
		float: right;
		padding: 0 17px;
		width: 239px;
	}
		#testimonial {
			background: url(i/test-bg.png) no-repeat;
			width: 239px;
			height: 420px;
			padding: 15px 13px;
		}
		#testimonial p {
			width: 220px;
			font-size: 14px;
		}
		
		/* works, about */
		
		#left2 {
			float: left;
			width: 150px;
			padding: 0 17px;
		}
		
		#center2 {
			float: left;
			width: 600px;
			padding: 0;
		}
		
		.pic {
			float: left;
			margin: 0 5px 5px 0;
		}
		
		/* gallery css */
		
	#center2 img {
		border: 4px solid #CCC;
	}
	#center2 a:hover img {
		border: 4px solid #8ed3ec;
	}
		
		/* contact */
		
		#center3 {
			float: left;
			width: 450px;
			padding: 0 200px;
			text-align: center;
		}
		
		form { text-align: left; }
		input, textarea {
			color: #0c0c0c;
			background:	#e5e5e5;
			border: 1px solid #c2c2c2;
			overflow: auto;
			height: 25px;
			width:250px;
		}
		textarea {
			width: 350px;
			height: 200px;
		}
		.submit {width:90px;height:30px;}
		input:focus, textarea:focus {
			color: #0c0c0c;
			background:	#efefef;
			border: 1px solid #d9d9d9;
		}
		.submit:hover {
			cursor:pointer;
			color: white;
			background: #8ed3ec;
			border: 1px solid #78bcd5;
		}

/* footer */

#footer {
	background: url(i/footer.png) top no-repeat;
	clear: both;
	text-align: center;
	color: black;
	padding: 35px 0 2px 0;
}