/*
	Author	:	Mike Ilsley
	Email	:	mike@beantowndesign.com
	Website	:	BeantownDesign.com
*/


@import url("reset.css");





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

html {background:url(../images/allBack.jpg)}

body  {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #333;
	background:url(../images/pageBack) top repeat-x;
}

p {margin-bottom:10px}

/* LINKS
-----------------------------------------------------------------------------*/

a:link, a:visited, a:hover, a:active {text-decoration:none}

a:link 		{color:#339}
a:visited 	{color:#339}
a:hover 	{color:#036}
a:active 	{color:#036}



/* CONTAINER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#container { 
	width: 960px;
	
	margin: 0 auto;
	text-align: left;
} 


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


#header { 
	height:209px;
	
} 

#header h1 {
	width:355px; height:85px; background:url(../images/logo.gif) no-repeat; text-indent:-9999px;
	position:relative; top:55px; left:50px
}

.headSub {float:right;  clear:right; text-align:center; 
position:relative; top:20px; right:25px; *top:10px}


/* MAIN NAV
-----------------------------------------------------------------------------*/

#mainNav {}

#mainNav li {display:inline}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {text-decoration:none}

#mainNav a:link 	{color:#339}
#mainNav a:visited 	{color:#339}
#mainNav a:hover 	{color:#036}
#mainNav a:active 	{color:#036}


/* SIDEBAR
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#leftCol {
	float: left;
	width: 200px;
	background: #555;
	padding: 15px 10px 15px 20px;
}


/* MAINCONTENT
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#mainContent { 
	margin: 0px;
	background:url(../images/contentBack.jpg) repeat-y;
	min-height:510px; 
} 


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

#footer { 
	width:960px; height:15px; margin:0 auto;
	background:url(../images/footBack.jpg) no-repeat; clear:both
} 

#footer p {
	margin: 0;
	color:#000;
}

#foot {width: 900px; margin: 0 auto}

#foot a:link, #foot a:visited {color:#333}
#foot a:hover, #foot a:active {color:#333; text-decoration:underline}

/* Home - left Col
-----------------------------------------------------------------------------*/

#hLeftCol {width:430px ; padding-left:60px; padding-top:40px; float:left; font-size:13px}
h1 {color:#1b1b1b; font-family: Georgia, sans-serif; font-size:17px; margin-bottom:10px}

/* Home - right Col
-----------------------------------------------------------------------------*/

#hRightCol {width:414px; height:198px; background:url(../images/quote.jpg) no-repeat top; float:right; margin-right:25px; margin-top:65px}
#hRightCol a:link, #hRightCol a:visited {color:#bd232d; font-weight:bold; }
#hRightCol a:hover, #hRightCol a:active {color:#000; font-weight:bold; }


.arrowList li {padding-left:30px; background:url(../images/arrow.gif) left top no-repeat; margin-bottom:15px}

.arrowList span {color:#bf1e2e; font-weight:bold; font-size:14px}


.bulletList li {padding-left:20px; background:url(../images/red-bullet.jpg) left top no-repeat; margin-bottom:15px}

/* Interior - left Col
-----------------------------------------------------------------------------*/
#intLeftCol {width:584px; height:185px; line-height:19px; }
#intLeftColContent {padding-left:60px; font-size:12px; }


/* Interior - right Col
-----------------------------------------------------------------------------*/
#intRightCol {float:right; width:376px}
#intRightColContent {width:301px; float:right; background:url(../images/rightCol/rightBack.jpg) no-repeat bottom; min-height:553px; margin-right:15px}


#subNav{
color:#535457; font-size:14px; margin-top:40px; }

#subNav a:link, #subNav a:visited {color:#535457; display:block; padding:3px 3px 3px 50px; margin-right:3px; margin-bottom:3px}
#subNav a:hover, #subNav a:active{color:#535457; background:#eee; display:block; padding:3px 3px 3px 50px; margin-right:3px; margin-bottom:3px}
#bpa-page .b,
#data-page .a,
#internal-page .c,
#faq-page .b,
#about-page .a
{background:#eee; color:#000 !important}


.contactBut {margin-left:45px; margin-top:15px; margin-bottom:10px}

.testimonial {padding:20px 0; border-bottom:1px dotted #ccc}

#logosTable td {padding:40px 10px; vertical-align:middle; text-align:center}




.callP {padding:10px; background-color:#eee; margin-bottom:10px}


/* Forms
-----------------------------------------------------------------------------*/

input, textarea {background-color:#cef1fd !important; width:120px; border:1px solid #777; padding:4px; font-weight:bold; float:left; margin:3px; color:#666}
input:focus, textarea:focus  {background-color:#fff !important; -webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999; color:#333}



textarea {width:255px; font-family:Arial, Helvetica, sans-serif !important; font-size:11px}

.submit {width:100px; cursor:pointer; -webkit-border-radius:5px;
-moz-border-radius:5px; padding:2px}

.submit:hover {-webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999; background:#FFF !important; -webkit-border-radius:5px;
-moz-border-radius:5px;}
select {width:150px}

.formNumber {text-align:center; clear:left; font-size:13px; font-weight:bold; padding-top:15px}





#info input, #info textarea {background-color:#eee !important; width:120px; border:1px solid #777; padding:4px; font-weight:bold; float:none !important; margin:3px; color:#666}

#info input:focus, #info textarea:focus  {background-color:#fff !important; -webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999; color:#333}



#info textarea {width:255px; font-family:Arial, Helvetica, sans-serif !important; font-size:11px}

#info .submit {width:100px; cursor:pointer; -webkit-border-radius:5px;
-moz-border-radius:5px; padding:2px}

#info .submit:hover {-webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999; background:#FFF !important; -webkit-border-radius:5px;
-moz-border-radius:5px;}

#info select {width:150px}

#info td {padding-bottom:10px}


#quotes{
	
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#000;
	width:205px;
	height:100px;
	margin:50px 0 0 50px;
	padding:20px 0 0 105px;
	line-height:18px;
	
	position:relative;
}

#author{
	color:#C93;
	position:absolute;
	bottom:10px;
	right:10px;
}

#bus-drop {width:210px}