@charset "utf-8";
/*-- Global CSS for Andy Beaudoin Site -->

/* --------------- GENERAL --------------- */

*{
	margin:0;
	padding:0;
}

html{
	margin:0 auto; /* to center align */ 
	border:0;
}
body{
	margin:0; 
	padding:0;
	width:100%;
	background-repeat:repeat-x;
	background-color:#ffffff;
	background-image:url(http://andybeaudoin.com/img/header-fade.jpg);
}
h1 {
	margin: 0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	line-height:21px;
	color:#23353b;
	width:535px;
	padding-bottom:5px;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#9f9e9e;
	font-size:16px;
	width:530px;
	margin: 0 0 15px 0;
}
a{
	color:#39C;
	text-decoration:none;
}
a:hover{
	color:#39C;
	text-decoration:underline;
}




/*-- --------------- MAIN PAGE ELEMENTS --------------- */


#header{
	margin:0;
	padding:0;
	width:100%;
	height:245px;
}
#headerTopper{
	height:4px;
	border-bottom:#FFF 1px solid;
	background:#74afc2;
	width:100%;
}
#headerBar{
	height:245px;
	width:100%;
	text-align:center;
	background-image:url(http://andybeaudoin.com/img/blue-header-bar.jpg);
	background-position:center 87px;
	background-repeat:no-repeat;
}

#mainBody{
	width: 990px;
	margin:0 auto;
	min-height:100%; /*Required*/ 
	position:relative; /*Required*/ 
}

#leftContent{	
	margin:0;
	width:665px;
}
#textContent{
	margin: 75px 0 35px 0;
	width:592px;	
	border-bottom: 1px dotted #D3D3D3;
	padding: 0 0 0px 0;
	overflow-y:auto;
	overflow-x:hidden;
}
.videoContent{
	margin: 10px 0 20px 0;
	width:592px;	
	border-bottom: 1px dotted #D3D3D3;
	padding: 0 0 0px 0;
	overflow-y:auto;
	overflow-x:hidden;
}
.viddescr{
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color: #666;
	font-size:13px;
	width:530px;
	margin: 0 0 15px 0;
}
	



/* ----------------- TEACHING PAGE --------------- */

.teachingBox{
	width:590px;
	background-color:#eaebeb;
	margin:20px 0 0 0;
	padding:1px 0 1px 0;
	clear:left;
}
.teachingBox p{
	margin:18px 23px 18px 23px;
	color:#5a686c;
	font-family:Arial, Helvetica, sans-serif;
}

#ratesBox1{
	width:93px;
	background-color:#74afc2;
	margin:5px 5px 0 0;
	padding:1px 0 1px 0;
	float:left;
}
#ratesBox1 p{
	margin:3px 0 3px 23px;
	color:#23353b;
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
}
#ratesBox2{
	width:109px;
	background-color:#c8dad8;
	margin:5px 5px 0 0;
	padding:1px 0 1px 0;
	float:left;
}
#ratesBox2 p{
	margin:3px 0 3px 23px;
	color:#23353b;
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
}
#ratesBox3{
	width:157px;
	background-color:#c7e3ec;
	margin:5px 5px 0 0;
	padding:1px 0 1px 0;
	float:left;
}
#ratesBox3 p{
	margin:3px 0 3px 23px;
	color:#23353b;
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
}
#ratesBox4{
	width:216px;
	background-color:#e3ebee;
	margin:5px 0 20px 0;
	padding:1px 0 1px 0;
	float:left;
}
#ratesBox4 p{
	margin:3px 0 3px 23px;
	color:#23353b;
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
}
#ratesBox5{
	width:491px;
	background-color:#c8dad8;
	margin:5px 0 20px 0;
	padding:1px 0 1px 0;
	float:left;
}
#ratesBox5 p{
	margin:3px 0 3px 23px;
	color:#23353b;
	font-family:Arial, Helvetica, sans-serif;
	width:auto;
}

/* ----------------- MEDIA PAGE --------------- */


#musicPlayer{
	width:592px;
	height:143px;
	margin:0 0 20px 0;
	padding-bottom:20px;
	border-bottom: 1px dotted #D3D3D3;
}


/* ----------------- CONTACT PAGE --------------- */

#contactFormCont{
	width:305px;
	float:left;
	margin:20px 0 20px 0;
}

.formBox1{
	width:100%;
	overflow:hidden;
	height:30px;
}
.formBox1 p{	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999;
	width:70px;
	float:left;
}

.formField1{
	float:right;
	width:230px;
	height:18px;
	background-color:#e3ebee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	padding:2px 0 2px 4px;
}
.phoneField{
	float:right;
	width:230px;
	height:18px;
	background-color:#e3ebee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	padding:2px 0 2px 4px;
}
.formField2{
	float:right;
	width:230px;
	height:18px;
	background-color:#c8dad8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	padding:2px 0 2px 4px;
}

.commentBox1{
	width:100%;
	background-color:daedf2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.commentBox1 p{	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999;
	width:300px;
	float:left;
	margin:0;
}
textarea{
	float:right;
	width:295px;
	height:75px;
	background-color:#c8dad8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	padding:4px;
}
.submit{
	overflow:hidden;
	width:83px;
	height:23px;
	text-indent:-3333px;
	margin:10px 0 10px 0;
	float:right;
	background-image:url(http://andybeaudoin.com/img/submit.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.submit:hover{
	background-position:bottom;
}

#paymentCont{
	width:150px;
	margin:113px 0 0 40px;
	float:left;
	padding:40px 40px 0 40px;
}
#paymentCont p{
	width:auto;
}
.paynow {
	overflow:hidden;
	width:83px;
	height:23px;
	text-indent:-3333px;
	margin:10px 0 10px 0;
	background-image:url(http://andybeaudoin.com/img/pay-now.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.paynow:hover{
	background-position:bottom;
}

/* ----------------- RIGHT COLUMN --------------- */

#sideFeed{
	margin:12px 0 30px 0;
	padding: 0 0 30px 0;
	width: 320px;
	float:right;
}

.feedHead{
	height:52px;
	width:320px;
	text-indent:-3333px;
	cursor:pointer;
	background-image:url(http://andybeaudoin.com/img/newshead.jpg);
}

.feed{
	width:260px;	
	border-bottom: 1px dotted #D3D3D3;
	margin: 0 0 10px 0;
}
.feed p{
	width:270px;	
}
.feed a{
	color:#8BACB1;
	text-decoration:underline;
}
.feed a:hover{
	color:#8BACB1;
	text-decoration:none;
}
.summary{
	font-style:italic;
	color:#999;
}
#paginate{
	float:right;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}
#paginate a{
	color:#8BACB1;
	text-decoration:none;
}


/*-- --------------- RIGHT COLUMN --> CALLOUTS --------------- */
#sideFeed h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#b5bdc0;
	line-height:12px;
	margin:15px 10px 4px 0;
}
#sideFeed p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:14px;
	margin:0 0 10px 0;
}

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

#footerMain{
	background-color:#74afc2;
	margin:0;
	clear:both;
	position:fixed;
	bottom:0; /*Required*/ 
	width:100%; 
	height:20px; /*Required, Height of the footer */ 
	z-index: 99;
	border-top: #FFF 1px solid;
}
#footerCont{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:9px;
	width:990px;
	margin:4px auto 5px auto;
}
#footerCont a{
	color:#e3e8ea;
}

.footerLeft{
float:left;
}

.footerRight{
float:right;
margin-right:60px;
padding-right: 32px;
background-position:right 0px;
background-repeat:no-repeat;
background-image:url(http://andybeaudoin.com/img/cp-logo.gif);
}

#postal label.error, #commentForm input.submit { 
color:#600;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#error{
	position:absolute;
	top:396px;
}