@charset "UTF-8";
/* CSS Document */
@import '960.css';
@import 'slider.css';

body {
	background: url(../images/backgrounds/background.gif) repeat-x;
	font-family: georgia;
	}
* {margin: 0; padding:0; list-style: none; border:none;}
h1 {font-weight: normal; margin: 0 0 10px 0;
}
#entry h2 {font-weight: normal; margin: 15px 0 20px 0; color: #444444;}
h3 {font-weight: bold; margin: 0 0 10px 0;}
a { color: #000000; outline: none;
}
a:hover { text-decoration:none;}
p { line-height: 144%;
	color: #222222;
	margin: 0 0 10px 0;
	}
	.small { font-size: 86%; font-family:Arial, Helvetica, sans-serif;}
blockquote {
	float: right;
	width: 200px;
	height: 260px;
	padding: 60px 30px 20px 30px;
	margin: 0 0 10px 10px;
	background: url(../images/backgrounds/post-it.jpg) top center no-repeat;
	font-family:"Comic Sans MS", cursive;
	}
blockquote a {
	text-decoration: none;
	border-bottom: 1px dashed #cccccc;
	}
blockquote a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #333333;
	}


#header {
	height: 360px;
	}

#content {
	padding: 20px 0 0 0;
	clear: both;
	}


/*Navigation ///////////////////////// */

	#vertical-nav {
		margin: 0 0 0 -10px;
		padding: 0 10px 0 10px;
		text-align:center;
		background: url(../images/backgrounds/vertical-nav.png) no-repeat;
		height: 370px;
		color: #999;
		z-index: 50;
		}
	
			#vertical-nav a {
				padding: 10px 0 10px 0;
				width: 100%;
				display: block;
				text-decoration:none;
				border-bottom: 1px dotted #cccccc;
				}
			
			#vertical-nav a:hover {
				background: #eeeeee;
				}
	
	
	
	#vertical-nav .logo a {
		height: 110px;
		width: 170px;
		background:url(../images/backgrounds/ar-logo.png) top center no-repeat;
		border: none;
		text-indent: -999999px;
		margin: 20px 0 20px 25px;
		display: block;
		}
	#vertical-nav .logo a:hover {
		height: 110px;
		width: 170px;
		background:url(../images/backgrounds/ar-logo.png) bottom center no-repeat;
		}
	
	
	#horizontal-nav  {
		height: 120px;
		}
			
			#horizontal-nav ul {
				padding: 0 0 0 0;
				margin: 20px 0 0 0;
			}
			
			#horizontal-nav li {
				float: left;
				padding: 0 0 0 0;
				margin: 0 10px 0 0;
				display: block;
				}
				
			#horizontal-nav a {
				font-size: 144%;
				color: #eeeeee;
				text-align: center;
				padding: 12px;
				margin: 1px 4px 0 1px;
				display: block;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				text-decoration:none;
				border: 1px solid none;
				}
			
			#horizontal-nav a:hover {
				background: #000000;
				color: #cccccc;
				border: 1px solid #cccccc;
				margin: 0 3px 0 0;
				}


			#horizontal-nav a:focus { 
				background: #ffffff;
				border: 1px solid #ffffcc;

				}
	

/*Home Page Special Boxes ///////////////////////// */

#outcomes h2, #blog h2, #transform h2 {
	border-bottom: 2px solid #000000;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	color: #333333;
	font-weight: normal;
	height: 30px;
}

#transform h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 228%;
	padding: 0px 0 10px 0;
	height: 40px;
}

#transform p {
	font-size: 144%;
	line-height: 288%;
	}

#outcomes ul {
	margin: 0 0 0 0px;

	}

#outcomes li {
	margin: 0 0 10px 0px;
	padding: 0 0 10px 0px;
	border-bottom: 1px dashed #cccccc;
	}
	
#blog li {
	font-size: 86%;
	line-height: 144%;
	margin: 0 0 10px 0;
	
	}


/* Page Entry ///////////////////////// */

#entry {
	margin: 0 0 50px 0;
	}	

#entry.float-up {
	margin-top: -265px;
	background: url('/images/backgrounds/float-up-bg.png') top left no-repeat;
	}	
.pad-20 {
	padding: 30px;
	}

#entry ul {
	margin: 0 0 0 20px;
	}	

#entry li {
	list-style-type:square;
	line-height: 144%;
	margin: 0 0 10px 20px;
	}	

.portrait {
	float: right;
	width: 250px;
	padding: 10px;
	margin: 0 0 0 20px;
	border: 1px solid #eeeeee;
	text-align: center;
	font-size: 86%;
	font-family: arial;
	background: #ffffff;
	}

/*Blog Styles ///////////////////////// */

.post {
	border-bottom: 12px double #cccccc;
	margin: 0 0 40px 0;
	}

#entry #catblogoutput h2 a,
#entry .blog-post .post-title {
	font-weight:bold;
	text-decoration: none;
	color: #930;
	margin: 0 0 0 0;
	}

.post-details {
	text-transform:capitalize;
	}

#sidebar {
	font-size: 86%;
	}

/* Shop Page Styles ///////////////////////// */

.shop-main {
	
	}

.shop-header {
	
	}

.breadcrumbs {
	
	}

.cart-summary {
	
	}

.shop-body {
	
	}

.shop-footer {
	
	}

/*Footer Page Special Boxes ///////////////////////// */
#footer {
	clear: both;
	background: #333333;
	color: #eeeeee;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 86%;
	border-top: 7px solid #222222;
	}

#footer a {
	color: #eeeeee;
	}

.footer-logo {
	background: url(../images/backgrounds/footer-logo.png) bottom right no-repeat;
	height: 250px
		}	

#footer-contact {
	
	}

#footer-address {
	
	}

.newsletter-form {
	background: none;
	border: none;
	}
	
	.name-field {
		width: 220px;
		float: left;
	}
	

.email-item {
	clear: both;
	width: 450px;
	}
	
.email-item input,
.name-field input {
	font-size: 100%;
	padding: 5px;
	background: silver;
	border: 2px solid #222222;
	color: #222222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 220px;
}

	.name-field input {
		width: 200px;
	}
	.email-item input {
		width: 420px;
	}

	.checkbox {
		width: 220px;
		float: right;
		}

.email-submit input  {
	position:relative;
	float: left;
	border: none;
	padding: 0;
	}

input { border: 2px solid #cccccc; background: #eeeeee;}
textarea  { border: 2px solid #cccccc; background: #eeeeee;}
select  { border: 2px solid #cccccc; background: #eeeeee;}
#catlistbutton {
border:none;
background: none;
}
#catwebformbutton, .cat_button  {
color: #ffffff;
font-weight: bold;
font-size: 100%;
border: 2px solid #cccccc; 
background: #333333; 
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.licensing {
font-size: 76%;
background: #eeeeee;
height: 300px;
width: 500px;
padding: 20px;
overflow: auto;
border: 3px solid #cccccc;
}
