/* Cattery Web Style Sheet Written, Produced, Directed by and Starring Michael Bailey */

/* When you?re drowning in CSS layout problems, make sure of the width and height of the water, float without putting up a struggle, and get clear of the problems */

/* 
 ###########
 
 SET RULESET            

 ###########
*/

* { padding: 0; margin: 0; }

/* 
 ###########
 
 MAIN BLOCKS            

 ###########
*/

body { 
	font: 12px arial, Lucida Sans Unicode, sans-serif;
	text-align: left; 
	margin: 40px 0 40px 0; 
	padding: 0;
	color: #000; 
	background: #FFD005;
}

#container {
	width: 766px;
	padding: 0;
	margin: 0 auto;
}

#container h1 {
	width: auto;
	height: 98px;
	padding: 0;
	margin: 0;
	text-indent: -100em;
	overflow: hidden;
	background: url(../imgs/logo.gif);
	background-repeat: no-repeat;
}

/* 
 ##############
 
 MAIN PAGE           

 ##############
*/

* html #container .contentHome { height: 450px; }

#container .contentHome {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF url(../imgs/cats/catHome.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#container .contentHome p { margin: 0 310px 20px 15px; padding: 0; font-size: 13px; color: #6A6C70; line-height: 18px; }

#container .contentHome strong { color: #2285C7; }
#container .contentHome span { font-style: italic; }

/* 
 ##############
 
 WARM WELCOME PAGE          

 ##############
*/

* html #container .warmWelcome { height: 450px; }

#container .warmWelcome {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF url(../imgs/cats/warmWelcomecat.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#container .warmWelcome img { 
	float: right;
	margin: 0 20px 0 0;
}

#container .warmWelcome p { margin: 0 0 15px 15px; padding: 0; font-size: 13px; color: #6A6C70; line-height: 18px; }

/* 
 ##############
 
 YOUR CATS PAGE          

 ##############
*/

* html #container .yourCats { height: 450px; }

#container .yourCats {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF url(../imgs/cats/yourCatscat.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#container .yourCats p { margin: 0 350px 20px 15px; padding: 0; font-size: 13px; color: #6A6C70; line-height: 18px; }
#container .yourCats h2 { margin: 0 350px 5px 15px; padding: 0; font-size: 13px; line-height: 18px; color: #2285C7; }

/* 
 ##############
 
 QUESTIONS PAGE          

 ##############
*/

* html #container .questions { height: 450px; }

#container .questions {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF url(../imgs/cats/questionscat.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#container .questions p { margin: 0 380px 5px 15px; padding: 0; font-size: 13px; color: #6A6C70; line-height: 18px; }

#container .questions h2 {  margin: 0 380px 5px 15px; padding: 0; font-size: 13px; line-height: 18px; color: #2285C7; }

#container .questions p strong { color: #6A6C70; }

/* 
 ##############
 
 LINKS PAGE          

 ##############
*/

* html #container .links { height: 450px; }

#container .links {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF url(../imgs/cats/linkscat.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#container .links p { margin: 0 0 5px 380px; padding: 0; font-size: 13px; color: #6A6C70; line-height: 18px; }

#container .links a { color: #2285C7; font-weight: bold; }

/* 
 ##############
 
 MORE PICTURES PAGE          

 ##############
*/

* html #container .morepics { height: 350px; }

#container .morepics {
	width: auto;
	min-height: 350px;
	padding: 15px 10px 10px 30px;
	background: #FFF;
	margin: 0;
} 

#container .morepics ul {
	padding: 0;
	margin: 0 0 0 37px;
}

#container .morepics li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#container .morepics li span {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

#container .morepics li span img { border: none; }

/* 
 ##############
 
 CONTACTS PAGE          

 ##############
*/

* html #container .contacts { height: 450px; }

#container .contacts {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF url(../imgs/cats/contactcat.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#container .contacts p { margin: 0 390px 5px 15px; padding: 5px 0 0 0; font-size: 13px; color: #6A6C70; line-height: 18px; }
#container .contacts h2 {  margin: 0 380px 5px 15px; padding: 5px 0 0 0; font-size: 15px; line-height: 18px; color: #2285C7; }
#container .contacts h2 a { color: #2285C7; }
#container .contacts h3 {  text-align: left; margin: 0px; padding: 0; font-size: 15px; line-height: 18px; color: #2285C7; }

* html #container .contacts table { margin: 5px; }

#container .contacts table {
	width: 300px;
	padding: 0;
	margin: 0 10px 0 0;
	border-collapse: collapse;
	float: right;
}

#container .contacts table th { width: 300px; padding: 5px; margin: 0; color: #000; text-align: left; vertical-align: top; }

#container .contacts table td {
	padding: 5px;
	margin: 0;
}

#container .contacts table td .inputBox {
	width: 280px;
	padding: 0;
	margin: 0;
}

#container .contacts table td textarea {
	width: 280px;
	height: 150px;
	padding: 0;
	margin: 0;
}

#container .contacts table td .submit {
	width: 100px;
	padding: 0;
	margin: 0;
}

/* 
 ##############
 
 TERMS PAGE          

 ##############
*/

* html #container .terms { height: 450px; }

#container .terms {
	width: auto;
	min-height: 450px;
	padding: 15px 10px 10px 10px;
	margin: 0;
	background: #FFF;
}

#container .terms img { float: right; margin: 10px 15px 0 0; }
#container .terms p { margin: 0 250px 5px 15px; padding: 5px 0 0; font-size: 13px; color: #6a6c70; line-height: 18px; }

/* 
 ##############
 
 MAN NAVIGATION           

 ##############
*/

#navBox {
	width: auto;
	padding: 5px;
	margin: 0;
	background: #0075BE;
	border-top: solid 5px #B8D5E3;
	border-bottom: solid 5px #B8D5E3;
}

#nav { text-align: center; width: 750px; padding: 0; margin: 0 auto; }

#nav li {
	list-style-type: none;
	display: inline;
	padding: 0 7px;
	margin: 0;
	font-size: 13px;
	color: #fff;
	border-right: 1px solid #fff;
}

#nav li a { color: #FFF; text-decoration: none; }
#nav li a:hover { text-decoration: underline; }
#nav .nobord { border-right: none; }
#nav li .active { font-weight: bold; }

/* 
 ##############
 
 FOOTER           

 ##############
*/

#footer {
	width: 756px;
	padding: 5px;
	margin: 10px 0 0 0;
}

#footerNav { text-align: center; width: 640px; padding: 0; margin: 0 auto; }

#footerNav  li {
	list-style-type: none;
	display: inline;
	padding: 0 6px;
	margin: 0;
	font-size: 11px;
	color: #0075be;
	border-right: 1px solid #0075be;
}

#footerNav  li a { color: #0075BE; text-decoration: none; }
#footerNav  li a:hover { text-decoration: underline; }
#footerNav .nobord { border-right: medium none; }
#footerNav li .active { font-weight: bold; } 

/* 
 #############
 
 FLOAT CLEAR            

 #############
*/

.clear {
  clear:both;
  overflow:hidden;
}
a:link { color: #2285c7; }