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

/* imports */

@import url('css/reset.css');

/* layout elements */

a { color: #368ee5; text-decoration: none; }
a:visited { color: #368ee5; text-decoration: none; }
a:active { color: #368ee5; text-decoration: none; }
a:hover { color: #368ee5; text-decoration: underline; }

body 	{ background: #1772cb url(i/bg.png) repeat-x; color: white; font-family: arial,sans-serif; font-size: 13px; }

/* container */

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

/* logo */

#logo { float: left; background-image: url(i/logo.png); width: 415px; height: 244px; }

/* navigation */

.menu { float: right; font-size: 16px; padding: 17px 0; text-align: right; position: relative; }
.menu ul { z-index:10; z-index:100; }
.menu li { display: inline; padding: 0 8px; }
.menu a, .menu a:active, .menu a:visited, .menu a:hover { color: white; text-decoration: none; }
#slide { position:absolute; bottom:0; height:4px; background:#0b6ac7; z-index:10; }

/* contact button */

#contact { float: right; margin: 70px 15px 0 0; width: 283px; }

/* header */

#header 	{ background-image: url(i/header.png); height: 187px; }

/* content */

#content { background-color: white; border: 3px solid #5facf8; clear: both; color: #373737; overflow: auto; line-height: 1.15; }
h3 { font-family: georgia,serif; color: #368ee5; font-size: 20px; margin: 0 0 5px 0; font-weight:normal; }
.ruth { float: left; padding: 0 5px 0 0; width: 120px; }
p { margin-bottom: 7px; line-height:1.4; }

	/* three columns home page */
	
	#three { margin-top: -15px; }
	#three #left { float: left; width: 250px; padding: 0 5px; }
	#three #center { float: left; width: 280px; padding: 0 5px;  margin: 0 0 0 30px; }
	#three #right { float: right; width: 250px; padding: 0 5px; }
	
	/* two columns classes */
	
	#two { margin-top: -15px; }
	#two #image { float: right; width: 259px; padding: 10px 0 0 50px; }
	#two #text { width: 650px; padding: 0 17px; margin-left: 80px; }
	
	/* one column */
	
	#one { margin-top: -15px; }
	#one #contact { margin: 0 180px 0 0; width: 500px; text-align: center; }
	#one #book { margin: 0 0 0 190px; width: 500px; }
	
	/* contact form styling */
	
	input, textarea {
	color: #0c0c0c;
	background:	#f8f8f8;
	border: 1px solid #c2c2c2;
	overflow: auto;
	}
	input:focus, textarea:focus {
	color: #0c0c0c;
	background:	white;
	border: 1px solid #d9d9d9;
	}
	
	#name, #email, #subject {
	width: 200px;
	}

	.submit {
	color: #0c0c0c;
	background:	#f8f8f8;
	border: 1px solid #c2c2c2;
	}
	.submit:hover {
	color: white;
	background: #57abfd;
	border: 1px solid #3b8edf;
	}

/* footer */
#footer { text-align: center; clear: both; margin: 5px 0; }
#footer a, #footer a:active, #footer a:visited { color: white; text-decoration: none; }
#footer a:hover { text-decoration: underline; }