/*
Theme Name: ASI
Theme URI: http://wordpress.org/
Description: ASI WordPress Theme
Version: 1.0
Author: Brett Nyquist
Author URI: http://brettnyquist.com/
Tags: Custom, WordPress Theme, Tan, Parchment

*/

html {
	background: url(images/background.jpg) top center repeat-x;
	}

body {
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	height: 100%;
	margin: 0;
	margin-top: 25px;
	padding: 0;
	}
	

#container {
	margin: 0px auto;
	padding: 0;
	width: 900px;
	text-align: left;
	}
	
/* ---------------------------------------
   GLOBALS
   --------------------------------------- */
	
h1, h2, h3 {
	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight: bold;
	}

h1 {
	font-size: 18px;
	}

h2 {
	font-size: 18px;
	}

h3 {
	font-size: 15px;
	margin-bottom: 10px;
	}
		
small {
	color: #9b977d;
	font-size: 11px;
	font-style: italic;
	line-height: 15px;
	}
	
strong {
	font-size: 12px;
	font-weight: bold;
	}
	
em {
	font-style: italic;
	}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

a {
	outline: none;
	}
	
hr {
	background: #ccc;
	border: none;
	height: 1px;
	margin-bottom: 20px;
	}


/* ---------------------------------------
   HEADER
   --------------------------------------- */

#header {
	height: 148px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 940px;
	}
	
	h1#header-logo {
		background: url(images/logo.gif) top left no-repeat;
		height: 94px;
		width: 258px;
		}

	h1 a#logo {
		display: block;
		height: 94px;
		text-indent: -9000px;
		width: 258px;
		}
		
	img#all-about {
		left: 308px;
		position: absolute;
		top: 18px;
		}	
		
	img#numbers {
		position: absolute;
		right: 0px;
		top: 24px;
		}

/* ---------------------------------------
   NAVIGATION
   --------------------------------------- */

#navigation {
	background: url(images/nav-back.gif) top left no-repeat;
	bottom: 0px;
	height: 36px;
	left: 0px;
	position: absolute;
	width: 940px;
	}

	ul#main-nav {
		height: 36px;
		width: 940px;
		}
		
		ul#main-nav li {
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			}

			ul#main-nav li a {
				display: block;
				height: 36px;
				text-indent: -9000px;
				}
		
			ul#main-nav li a.home {
				background: url(images/navigation.gif) 0px 0px no-repeat;
				width: 76px;
				}
				
				ul#main-nav li a.home:hover {
					background: url(images/navigation.gif) 0px -36px no-repeat;
					}
		
			ul#main-nav li a.about-asi {
				background: url(images/navigation.gif) -76px 0px no-repeat;
				width: 97px;
				}
				
				ul#main-nav li a.about-asi:hover {
					background: url(images/navigation.gif) -76px -36px no-repeat;
					}
				
			ul#main-nav li a.career {
				background: url(images/navigation.gif) -173px 0px no-repeat;
				width: 141px;
				}
				
				ul#main-nav li a.career:hover {
					background: url(images/navigation.gif) -173px -36px no-repeat;
					}
							
			ul#main-nav li a.advanced {
				background: url(images/navigation.gif) -314px 0px no-repeat;
				width: 157px;
				}

				ul#main-nav li a.advanced:hover {
					background: url(images/navigation.gif) -314px -36px no-repeat;
					}
			
			ul#main-nav li a.clinic {
				background: url(images/navigation.gif) -471px 0px no-repeat;
				width: 125px;
				}
				
				ul#main-nav li a.clinic:hover {
					background: url(images/navigation.gif) -471px -36px no-repeat;
					}

			ul#main-nav li a.contact {
				background: url(images/navigation.gif) -596px 0px no-repeat;
				width: 93px;
				}

				ul#main-nav li a.contact:hover {
					background: url(images/navigation.gif) -596px -36px no-repeat;
					}
					
			ul#main-nav li a.facebook {
				background: url(images/navigation.gif) -689px 0px no-repeat;
				width: 42px;
				}

				ul#main-nav li a.facebook:hover {
					background: url(images/navigation.gif) -689px -36px no-repeat;
					}
					
			ul#main-nav li a.twitter {
				background: url(images/navigation.gif) -731px 0px no-repeat;
				width: 42px;
				}

				ul#main-nav li a.twitter:hover {
					background: url(images/navigation.gif) -731px -36px no-repeat;
					}	
					
		ul#main-nav li ul {
			background: #385191 url(images/main-nav-sub-back.jpg) bottom left repeat-x;
			border: 1px solid #000;
			border-top: none;
			display: none;
			position: absolute;
			left: 0px;
			top: 36px;
			width: 220px;
			z-index: 4000;
			}
			
			ul#main-nav li ul li a {
				background: url(images/main-sub-a-back.gif) bottom left repeat-x;
				display: block;
				text-decoration: none;
				color: #fff;
				height: 19px;
				padding: 9px 12px 9px 25px;
				text-indent: 0px;
				text-shadow: #151e37 0px -1px;
				width: 183px;
				}
				
				ul#main-nav li ul li a:hover {
					background: #1a2b59 url(images/main-sub-a-back.gif) bottom left repeat-x;
					}
				
				ul#main-nav li ul li:last-child a {
					background: none;
					}
					
				ul#main-nav li ul li:last-child a:hover {
					background: #1a2b59;
					}
				
			ul#main-nav li:hover ul {
				display: block; 
				}
				
	

/* ---------------------------------------
   HOMEPAGE
   --------------------------------------- */

#home-feature {
	background: url(images/home-feature.jpg) top left no-repeat;
	height: 342px;
	position: relative;
	width: 940px;
	}
	
	p#quote {
		background: url(images/quote.gif) top left no-repeat;
		color: #0d0b02;
		display: block;
		font-size: 18px;
		left: 437px;
		line-height: 22px;
		padding: 16px 0px 0px 16px;
		position: absolute;
		top: 46px;
		width: 320px;
		}
		
	p#credit {
		color: #fff;
		font-size: 12px;
		font-style: italic;
		left: 595px;
		position: absolute;
		top: 170px;
		}
		
		p#credit:first-line {
			color: #666030;
			font-style: normal;
			font-weight: bold;
			}
	
	#video-player {
		height: 292px;
		left: 29px;
		position: absolute;
		top: 26px;
		width: 376px;
		z-index: 100;
		}
		
	img.feature-student {
		bottom: 56px;
		right: -38px;
		position: absolute;
		}	
		
	#get-started {
		bottom: 14px;
		color: #0a1431;
		font-size: 18px;
		font-weight: bolder;
		height: 29px;
		letter-spacing: -1px;
		right: 12px;
		position: absolute;
		text-shadow: 0px 1px #fff;
		width: 500px;
		}	
		
		#get-started a#apply-now {
			background: url(images/enroll-now.jpg) top left no-repeat;
			display: block;
			float: right;
			cursor: pointer;
			height: 29px;
			margin: -2px 0px 0px 12px;
			position: absolute;
			right: 0px;
			text-indent: -9000px;
			top: 0px;
			width: 124px;
			vertical-align: middle;
			}
			
			#get-started a#apply-now:hover {
				background: url(images/enroll-now.jpg) 0px -29px no-repeat;
				}
		
#bottom-section {
	clear: both;
	margin: 20px 0px;
	width: 940px;
	}
	
	#bottom-section ul li.panel {
		background: url(images/box-bottom.jpg) left bottom no-repeat;
		display: inline;
		float: left;
		min-height: 310px;
		padding: 15px 25px;
		position: relative;
		width: 250px;
		}
		
	#bottom-section ul li#middle {
		margin: 0px 20px;
		}
		
	#bottom-section ul li.panel img.cap {
		left: 0px;
		position: absolute;
		top: 0px;
		}
	
	#bottom-section ul li.panel ul li {
		margin: 0px 0px 5px 0px;
		}
		
	#bottom-section ul li.panel ul li img.thumbnail {
		display: inline;
		float: left;
		margin-right: 12px;
		}
		
	#bottom-section ul li.panel ul li p {
		padding-top: 7px;
		}
		
		#bottom-section ul li.panel ul li p a {
			color: #1d2e5f;
			}
			
		#bottom-section ul li.panel ul li p a:hover {
			color: #2143a4;
			}	
		
	#bottom-section ul li.panel h2 {
		margin-bottom: 10px;
		}
		
	#bottom-section ul li.panel p {
		color: #4b4629;
		margin-bottom: 15px;
		}
		
#bottom-section ul li.panel a#all-classes, 
#bottom-section ul li.panel a#entire-staff, 
#bottom-section ul li.panel a#all-news {
	bottom: 14px;
	cursor: pointer;
	display: block;
	height: 29px;
	position: absolute;
	right: 14px;
	text-indent: -9000px;
	width: 124px;
	vertical-align: middle;
	}
	
	#bottom-section ul li.panel a#all-classes {
		background: url(images/all-classes.jpg) 0px 0px no-repeat;
		}
		
		#bottom-section ul li.panel a#all-classes:hover {
			background: url(images/all-classes.jpg) 0px -29px no-repeat;
			}
	
	#bottom-section ul li.panel a#entire-staff {
		background: url(images/entire-staff.jpg) 0px 0px no-repeat;
		}
		
		#bottom-section ul li.panel a#entire-staff:hover {
			background: url(images/entire-staff.jpg) 0px -29px no-repeat;
			}
			
	#bottom-section ul li.panel a#all-news {
		background: url(images/all-news.gif) 0px 0px no-repeat;
		}
		
		#bottom-section ul li.panel a#all-news:hover {
			background: url(images/all-news.gif) 0px -29px no-repeat;
			}
		
		
/* ---------------------------------------
   CONTENT
   --------------------------------------- */

#internal-wrapper {
	background: url(images/internal-wrapper-back.jpg) top left repeat-y;
	margin: 0px auto;
	min-height: 600px;
	position: relative;
	width: 940px;
	}
	
	.post {
		margin: 0;
		}

.postmetadata {
	clear: both;
}

#content {
	background: url(images/internal-content-back.jpg) top left no-repeat;
	font-size: 12px;
	margin: 0px auto;
	min-height: 600px;
	width: 940px;
	}
	
#content .post {
	display: inline;
	float: right;
	margin: 20px 30px 20px 0px;
	width: 652px;
	}
	
	#content .post h2 {
		border-bottom: 1px #b1ad8a solid;
		color: #0a1433;
		font-family: Times, Georgia, serif;
		font-size: 25px;
		font-weight: normal;
		margin-bottom: 9px;
		padding-bottom: 6px;
		}
	
	#content .post p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 20px;
		}
		
	#content .post a, #content .post a:visited {
		color: #a0984b;
		}
		
	#content .post .entry ul {
		margin-bottom: 15px;
		margin-left: 20px;
		list-style-type: disc;
		}
		
	#content .post .entry ul li {
		list-style: circle;
		padding-left: 10px;
		}
		
#content #bottom {
	background: url(images/content-bottom-back.jpg) bottom left no-repeat;
	bottom: -5px;
	height: 10px;
	left: 0px;
	position: absolute;
	width: 940px;
	}

/* ---------------------------------------
   ENROLLMENT FORM
   --------------------------------------- */

.form-section,
.choose-class {
	background: #f7f4eb url(images/highlight.gif) top left repeat-x;
	border: 1px solid #cac293;
	color: #4c4729;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 17px auto;
	padding: 1px 1px 0px 1px;
	width: 649px;
	}
	
	#billing-section, #credit {
		padding-bottom: 20px;
		}
	
	.choose-class {
		padding: 15px 0px 15px 57px;
		width: 594px;
		}

		.choose-class label {
			margin-right: 20px;
			}
		.light-desc {
			font-weight: normal;
			font-style: italic;
		}
	div.class-description {
		clear: both;
		border-top: 1px solid #cac293;
		font-weight: normal;
		margin-top: 20px;
		padding-top: 20px;
		width: 537px;
		}
		
		li.hidden {
			display: none;
			}
			
		li.active {
			display: block;
			}
			
		.choose-class select, #credit select {
			font-weight: normal;
			padding: 3px;
			}
			
		#credit select {
			margin-top: 11px;
			}
	
	.form-section ul {
		padding: 10px 35px;
		}
	
	.form-section ul li {
			float: left;
			margin-left: 20px;
			margin-top: 19px;
			overflow: hidden;
			width: 260px;
			}
			
			.form-section ul li input {
				background: url(images/input-back.gif) top left no-repeat;
				border: 1px solid #cac293;
				font-size: 12px;
				font-weight: normal;
				height: 14px;
				margin-top: 7px;
				padding: 8px;
				width: 236px;
				}
					
			.form-section ul li.state {
				width: 72px;
				}
				
				.form-section ul li.state input.state-input {
					width: 50px;
					}
					
			.form-section ul li.zip {
				width: 80px;
				}
				
				.form-section ul li.zip input.zip-input {
					width: 60px;
					}
					
			.form-section ul li.phone, 
			.form-section ul li.email {
				width: 167px;
				}
				
				.form-section ul li.phone input.phone-input, 
				.form-section ul li.email input.email-input {
					width: 142px;
					}
					
			.form-section ul li.dob, 
			.form-section ul li.social {
				width: 167px;
				}
				
				.form-section ul li.dob input.dob-input, 
				.form-section ul li.social input.social-input {
					width: 142px;
					}
					
			.form-section ul li.highlight {
				background: #e7e5ce;
				margin: 25px 0px -10px -35px;
				padding: 10px 30px 13px 30px;
				width: 589px;
				}
				
				.form-section ul li.highlight input {
					width: 30px;
					margin-left: 15px;
					}
					
					
			.form-section ul li.type-of-card {
				width: 150px;
				}
				
			.form-section ul li.card-number {
				width: 170px;
				}
				
				.form-section ul li.card-number input.card-number-input {
					width: 150px;
					}
					
			.form-section ul li.cvv {
				width: 75px;
			}
			
			.form-section ul li.cvv input.cvv-input {
				width: 30px;
			}
					
			.form-section ul li.expiration {
				width: 100px;
				}
				
				.form-section ul li.expiration select {
					margin-right: 5px;
					}
		.confirm {
			font-weight: normal;
		}
		.confirm label {
			font-weight: bold;
			margin-right: 4px;
		}
		.confirm p {
			margin: 4px;
		}
		p.details {
			color: #9c956f;
			font-style: italic;
			padding: 5px 55px;
			}
			
		#enrollment-total {
			padding-bottom: 0px;
			}
			
		p.total-cost {
			display: block;
			float: left;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 0;
			padding-left: 55px;
			width: 200px;
			}
			
		input.enrollment-submit, input.confirm-submit, input.edit-submit, input.review-submit {
			border: none;
			display: block;
			float: right;
			height: 31px;
			line-height: 0px;
			margin-top: -3px;
			text-indent: -9000px;
			width: 171px;
			}
			
			input.enrollment-submit:hover, input.confirm-submit:hover, input.edit-submit:hover, input.review-submit:hover { cursor: pointer; }
			
			input.enrollment-submit { background: url(images/submit-enrollment.gif) top left no-repeat; }
			input.enrollment-submit:hover { background: url(images/submit-enrollment.gif) 0px -31px no-repeat; }
				
			input.confirm-submit { background: url(images/confirm-enrollment.gif) top left no-repeat; }
			input.confirm-submit:hover { background: url(images/confirm-enrollment.gif) 0px -31px no-repeat; }

			input.review-submit { background: url(images/review-information.gif) top left no-repeat; }
			input.review-submit:hover { background: url(images/review-information.gif) 0px -31px no-repeat; }
				
			input.edit-submit { background: url(images/edit-information.gif) top left no-repeat; width: 147px; }
			input.edit-submit:hover { background: url(images/edit-information.gif) 0px -31px no-repeat; }
			
    #errorMessage {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    color: red;
	}	
	
/* ---------------------------------------
   CONTACT FORM
   --------------------------------------- */

#contact-shell {
	background: #f3f1e2 url(images/contact-form-back.jpg) top left no-repeat;
	padding: 0px;
	position: relative;
	width: 646px;
	}
	
	#contact-form-clear {
		background: url(images/contact-form-bottom.jpg) left bottom no-repeat;
		clear: both;
		display: block;
		height: 8px;
		margin: 0px;
		padding: 0px;
		width: 646px;
		}

form#contact-form ul {
	margin-bottom: 20px;
	}
	
	form#contact-form ul li {
		color: #7e752e;
		display: block;
		float: left;
		line-height: 22px;
		padding: 6px;
		width: 290px;
		}
		
	form#contact-form ul li p {
		padding: 0px 30px;
		}
		
	form#contact-form label {
		display: block;
		float: left;
		margin-right: 15px;
		text-align: right;
		width: 115px;
		}
		
		form#contact-form ul li input {
			background: url(images/contact-form-input-back.jpg) top left no-repeat;
			border: none;
			font-size: 12px;
			height: 14px;
			line-height: 14px;
			padding: 5px 6px 6px 6px;
			width: 129px;
			vertical-align: middle;
			}
		
	#contact-shell h3 {
		clear: both;
		color: #615916;
		display: block;
		padding-top: 13px;
		padding-left: 20px;
		}
		
	form#contact-form ul li.expanded {
		float: none;
		width: 600px;
		}
		
	form#contact-form ul li.clearitem {
		clear: both;
		float: none;
		padding-top: 20px;
		}
		
	form#contact-form textarea {
		background: url(images/textarea-back.jpg) top left no-repeat;
		border: none;
		height: 97px;
		margin: 0px 30px;
		overflow: auto;
		padding: 12px;
		width: 535px;
		}
		
	form#contact-form input#radio_one, form#contact-form input#radio_two {
		background: none;
		margin-left: 30px;
		width: 15px;
		}
		
	form#contact-form input#contact-submit {
		background: url(images/send-message-button.jpg) top left no-repeat;
		cursor: pointer;
		display: block;
		font-size: 0px;
		height: 31px;
		line-height: 0px;
		margin-left: 30px;
		width: 132px;
		}
		
		form#contact-form input#contact-submit:hover {
			background: url(images/send-message-button.jpg) 0px -31px no-repeat;
			}
			
	form#contact-form ul#locations {
		padding-left: 53px;
		}
			
	form#contact-form ul#locations li {
		width: 100px;
		margin-left: 30px;
		margin-right: 0px;
		padding: 0px;
		padding-bottom: 15px;
		}
		
		form#contact-form ul#locations label {
			width: auto;
			}
			
		form#contact-form ul#locations input {
			background: none;
			border: none;
			font-size: 12px;
			height: 14px;
			line-height: 14px;
			padding: 0px;
			width: 15px;
			vertical-align: middle;
			}
			

/* ---------------------------------------
   SURVEY
   --------------------------------------- */

#content .post .entry ul#survey {
	list-style: none;
	margin: 0px;
	padding: 25px;
	}
   
#content .post .entry ul#survey li {
	list-style: none;
	margin-bottom: 17px;
	}
	
	#content .post .entry ul#survey li label {
		color: #615916;
		display: block;
		font-weight: bold;
		margin-bottom: 8px;
		}
		
	#content .post .entry ul#survey li span.wpcf7-list-item-label {
		margin-right: 15px;
		}
		
	#content .post .entry ul#survey li input {
		background: url(images/survey-form-input-back.jpg) top left no-repeat;
		border: none;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
		padding: 5px 6px 6px 6px;
		width: 238px;
		vertical-align: middle;
		}
		
		#content .post .entry ul#survey li span.radio input {
			background: none;
			margin-left: 0px;
			width: 15px;
			}
		
	#content .post .entry ul#survey li textarea {
		border: 1px solid #c8c29e;
		height: 70px;
		padding: 10px;
		width: 550px;
		}
		
	#content .post .entry ul#survey input#survey-submit {
		background: url(images/send-survey.jpg) top left no-repeat;
		cursor: pointer;
		display: block;
		font-size: 0px;
		height: 31px;
		line-height: 0px;
		margin: 20px 0px -20px 0px;
		width: 132px;
		}
		
		#content .post .entry ul#survey input#survey-submit:hover {
			background: url(images/send-survey.jpg) 0px -31px no-repeat;
			}
	
/* ---------------------------------------
   SIDEBAR
   --------------------------------------- */
	
#sidebar {
	float: left;	
	padding: 0;
	margin: 1px 0px 0px 1px;
	width: 225px;
	}

div#sidebar-form {
	background: url(images/sidebar-form-back.jpg) top left no-repeat;
	display: block;
	height: 164px;
	margin: 20px 0px 40px 0px;
	position: relative;
	width: 226px;
	}
	
	#sidebar form input {
		border: none;
		}
	
	#sidebar form input#MERGE0 {
		background: url(images/sidebar-input-back.jpg) top left no-repeat;
		color: #afab75;
		font-size: 12px;
		line-height: 12px;
		left: 14px;
		padding: 5px 7px 11px 7px;
		position: absolute;
		top: 80px;
		width: 177px;
		}
		
	#sidebar form input#subscribe {
		background: url(images/sidebar-signup-button.jpg) top left no-repeat;
		cursor: pointer;
		font-size: 0px;
		height: 24px;
		left: -1px;
		line-height: 0px;
		position: absolute;
		text-indent: -9000px;
		top: 122px;
		width: 100px;
		}
	
#sidebar h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	}
	
	#sidebar ul {
		margin-top: -2px;
		}
	
	#sidebar ul li a {
		background: #e0ddb5 url(images/side-nav-back.jpg) top left repeat-x;
		clear: both;
		color: #504826;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		line-height: 15px;
		padding: 12px 20px 10px 20px;
		text-shadow: #f3f2e3 0px 1px;
		text-decoration: none;
		}
		
		#sidebar ul li:last-child a {
			border-bottom: 1px solid #b3ae8b;
			}
			
		#sidebar ul li a:hover {
			background: #f4f0d5 url(images/side-nav-back.jpg) top left repeat-x;
			}

/* ---------------------------------------
   FOOTER
   --------------------------------------- */

#footer {
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0px;
	margin: 0 auto;
	width: 940px;
	clear: both;
	}
	
	#footer hr {
		background: #bfbba3;
		border: none;
		height: 1px;
		margin: 0px;
		width: 940px;
		}
		
	#footer ul {
		height: 20px;
		margin-top: 5px;
		}
		
	#footer ul li {
		border-right: 1px solid #a79e73;
		display: inline;
		float: left;
		height: 12px;
		padding: 0px 15px;
		}
		
		#footer ul li:first-child {
			padding-left: 0px;
			}
			
		#footer ul li:last-child {
			border-right: none;
			}
		
		#footer ul li a {
			display: block;
			color: #a79e73;
			margin-top: -1px;
			text-decoration: underline;
			}

	#footer p {
		color: #61582f;
		margin: 0;
		padding: 20px 0;
		text-align: left;
		}
		
		#footer p a, #footer p a:visited {
		color: #a0984b;
		}
	
	#footer a.bbb {
		background: url(images/bbb.gif) top left no-repeat;
		display: block;
		height: 51px;
		float: right;
		margin-top: 0px;
		text-indent: -9000px;
		width: 135px;
		}
		
	#footer a.nyse {
		background: url(images/nyse.gif) top left no-repeat;
		display: block;
		height: 51px;
		float: right;
		margin-top: 0px;
		margin-right: 15px;
		text-indent: -9000px;
		width: 59px;
		}

/* ---------------------------------------
   IMAGES
   --------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	border: 1px solid #a8a587;
	padding: 0px;
	margin: 7px 0 10px 15px;
	display: inline;
	}

img.alignleft {
	border: 1px solid #a8a587;
	padding: 0px;
	margin: 7px 15px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}