/*
	Author	:	Mike Ilsley
	Email	:	mikeilsley@gmail.com
	Website	:	beantowndesign.com
*/


@import url("reset.css");






/* BODY */


body {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	color:#333333;
	background-image:url(../images/clouds.jpg); background-position:90% 0%; background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-color:#e5eff3;
}

#headerCity {width:100%; height:260px; background-image:url(../images/city.png); background-position:-65% 100%; background-repeat:repeat-x}


/* GENERAL */

.small {font-size:9px; color:#999999}

/* HEADINGS */



h1  {width:329px; height:265px; background-image:url(../images/logo-new.png); text-indent:-9999px; position:relative; top:-5px; left:20px}


.home-link {width:252px; height:153px;}
h1:hover  {width:329px; height:265px; background:url(../images/logo-new.png) 331px 0px; text-indent:-9999px; position:relative; top:-5px; left:20px}



h2 {color:#CCCCCC}

#pageTitle {color:#a91a1c; padding-left:0px; text-shadow: 1px 1px 2px #222}

h3 {
	margin-bottom:15px; 
	font-size:16px; 
	font-variant:small-caps;
	padding-left:25px; background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat;
	font-weight:bold;
	
}



/* SITEWIDE LINKS */

a:link {
	color:#339900;
	text-decoration:none;
	
}

a:visited {
	color:#339900;
	text-decoration:none;
}

a:hover {
	color:#339900;
	text-decoration:none;
	
}

a:active {
	color:#339900;
	text-decoration:none;
}



#rightColInside a:link {
	color:#339900;
	text-decoration:none;
	
}

#rightColInside a:visited {
	color:#339900;
	text-decoration:none;
}

#rightColInside a:hover {
	color:#339900;
	border-bottom:1px dotted
	
}

#rightColInside a:active {
	color:#339900;
	border-bottom:1px dotted
}



/* HEADER */


#navBack {width:960px; height:260px; margin: 0 auto; background-image:url(../images/head2.png); background-position:center top; background-repeat:no-repeat}

#header {
	background:url('../gImages/headerBack.jpg') center no-repeat;
	width:853px;
	height:139px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin:0 auto;
}


#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

#stripe {width:100%; height:14px; background-image:url(../images/stripe.jpg);  background-repeat:repeat-x}



/* NAVIGATION */



	


#nav {
	position: relative; top: 0px; right:0px;
	text-align:left;
	width:853px;
	margin:0px;
	margin-top:0px;
	clear:left;
	text-align:center;
	vertical-align:middle;
	height:42px;
	color:#666666;
	line-height:38px;
	background-image:url('../images/navBack.jpg');
}


/* CONTENT */





#content {
	background: url() center repeat-y;
	clear:both;
	width:853px;
	margin:0 auto;
}



/* FOOTER */



#footer ul {
	width:853px;
	border-top:1px dotted #333333
}

#footer ul li {
	font-size:10px;
	display:inline;
	list-style:none;
	text-transform:uppercase;
	color:#666666;
}

#footer  a:link{
	color:#999999; 
	text-decoration:none
}

#footer  a:hover{
	color:#d9d919; 
	text-decoration:none
}

#footer  a:active{
	color:#d9d919; 
	text-decoration:none
}

#footer a:visited{
	color:#999999; 
	text-decoration:none
}



.foot-titles {color:#03eb77}	


#footerContentLow ul {float:left; padding-right:15px; margin-right:15px; border-right:1px dotted #464020; height:220px}






#links ul {list-style-type:none; margin-left:25px; font-size:14px;}
#links li {background-image:url(../gImages/bullet.jpg); background-position:left center; line-height:20px; background-repeat:no-repeat; padding-left:15px}

.section {border-bottom:1px dotted #CCCCCC; margin-bottom:15px}

.topLink {font-size:10px}



.services-list {font-weight:bold}

.services-list li {list-style-image:url(../images/star-bord.png); margin-left:15px; margin-bottom:5px}

.defP {padding-top:15px; border-top:1px dotted #ccc; margin-top:25px}
.bord-bot-dots{ border-bottom:1px dotted #ccc; margin-bottom:25px; padding-bottom:25px}



.map-ul {margin-left:15px}
.map-ul li {list-style-type:disc; list-style-image:none;}



		
		
		
/*TWITTER FEED*/		
		
#twitter_update_list {
width: 300px; float:left; margin-left:20px/* width of twitter column */
}
#twitter_update_list li {list-style-type:none; margin-bottom:15px; color:#e5eff3}
#twitter_update_list li a{list-style-type:none; margin-bottom:15px; color:#5db2f9}



/*HOMEPAGE INTRO*/	
#intro {float:left; width:270px; margin-left:40px; margin-top:75px}


.work a:link{text-decoration:none; background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.work a:visited{text-decoration:none; background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none;}
.work a:hover{  background-image:url(../nav/star-roll.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none;}
.work a:active{  background-image:url(../nav/star-roll.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }

.hire a:link{text-decoration:none; background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.hire a:visited{text-decoration:none; background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.hire a:hover{ background-image:url(../nav/star-roll.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.hire a:active{ background-image:url(../nav/star-roll.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }

.rejoice a:link{ background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.rejoice a:visited{ background-image:url(../nav/star.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.rejoice a:hover{text-decoration:none; background-image:url(../nav/star-roll.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }
.rejoice a:active{text-decoration:none; background-image:url(../nav/star-roll.png); background-position:left; background-repeat:no-repeat; padding-left:35px; text-decoration:none; }

.home-icon-p {border-top:1px dotted #999999; padding-top:15px}


/*MAIN NAVIGATION*/

#navBack span {display:none}

#navUl {float:right; margin-right:32px}

.homeLi {width:78px; height:48px;}

.aboutLi {width:78px}
#aboutUl {width:170px;  height:300px; background-image:url(../nav/about-title.png); background-position:120px 5px; background-repeat:no-repeat}

.websitesLi {width:114px; height:48px;}
#websitesUl {width:230px; background-image:url(../nav/sites-title.png); background-position:180px 5px; background-repeat:no-repeat}

.printLi {width:66px; height:48px;}
#printUl {width:190px; background-image:url(../nav/graphics-title.png); background-position:140px 5px; background-repeat:no-repeat}

.contactLi {width:96px; height:48px;}
#contactUl {width:170px;   background-image:url(../nav/contact-title.png); background-position:120px 5px; background-repeat:no-repeat}

.blogLi {width:66px; height:48px}

/*HEADER OBJECTS*/

.beanTitle {width:533px; height:27px; background-image:url(../images/header-title.png); text-indent:-9999px; float:left; margin-top:29px; margin-left:32px}
.headerContact {width:109px; height:15px; background-image:url(../images/tel.png); text-indent:-9999px; float:right; margin-top:0px; margin-right:32px; position:relative; top:-20px}
.headerEmail {float:right; margin-top:-35px;}
.check {margin-bottom:-3px; padding-left:3px}

/*HOMEPAGE STYLES*/

.homeMainText {font-size:20px; width:900px; margin: 0 auto; padding-left:0px; margin-top:30px}
.homeButtonsBack {width:960px; height:367px; margin: 0 auto;background-image:url(../images/buttons-back.jpg); background-position:center top; background-repeat:no-repeat; margin-top:40px;}

.codaTable {position:relative; left:-67px; top:69px; width:925px; border:0px}

#bottomThird {font-size:20px; width:960px; height:320px; margin: 0 auto;}


#featured-box {width:601px; height:380px;  background-image:url(../images/featured2.jpg); background-position:bottom; *background-position:top; background-repeat:no-repeat; float:right; margin-right:22px}

#featured-box img {position:relative; top:90px; *top:50px; left:100px; border:4px solid #fff; -webkit-box-shadow: 0px 0px 3px #333;
-moz-box-shadow: 0px 0px 3px #333}
#featured-box img:hover {position:relative; top:90px; left:100px; border:4px solid #fff; -webkit-box-shadow: 0px 0px 5px #333;
-moz-box-shadow: 0px 0px 5px #333}

#featured-table {font-size:10px; margin-top:180px; *margin-top:100px}
#featured-table td {padding:10px 30px 0px 60px}

#home-intro {margin-left:20px}



/*FOOTER STYLES*/

#footerContainer {width:100%; height:341px; background-image:url(../images/footer.jpg); background-position:left; background-repeat:repeat-x; clear:both}
#footerInside {width:960px;margin: 0 auto;  }

#social {margin-top:-20px; float:left; margin-left:30px}
#social img {float:left; margin-right:15px}
#footerContentLow {width:900px; padding-top:80px; margin: 0 auto; font-size:11px; color:#CCCCCC}

#footerContentLow a:link {color:#aaa; text-decoration:none}
#footerContentLow a:visited {color:#aaa; text-decoration:none}
#footerContentLow a:hover {color:#ccc; text-decoration:none}
#footerContentLow a:active {color:#ccc; text-decoration:none}







/*TWITTER FEED STYLES*/

.twitterBird {float:right; margin-right:15px; margin-top:-29px}
#gravatarContent {width:353px; height:181px; float:right; background-image:url(../images/gravatar.png); float:right; margin-right:0px}



/*BREADCRUMBS*/

#breadcrumbs {font-size:12px; padding-top:35px; padding-left:30px; color:#9ebac0}

#breadcrumbs li {display:inline}

#breadcrumbs a:link {color:#990000;  padding:3px 8px; border: 1px solid #f3f8fc; }
#breadcrumbs a:visited {color:#990000;  padding:3px 8px; border: 1px solid #f3f8fc;}
#breadcrumbs a:hover {color:#990000; border: 1px solid #d5e8ec; padding:3px 8px; text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px;}
#breadcrumbs a:active {color:#990000; border: 1px solid #d5e8ec; padding:3px 8px; text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px;}

#breadcrumbs a.current {color:#000; border: 1px solid #9ebac0; padding:3px 8px; background-color:#b9d6dc; cursor:default; -webkit-border-radius:8px; -moz-border-radius:8px;  }

.homeMainText h2 {font-size:23px; padding-left:20px}



/*ONE AND TWO COL TEMPLATES*/

#mainContent {background-image:url(../images/main-content-back.jpg); background-repeat:no-repeat; background-position:top; width:898px; min-height:700px; margin:0 auto}

#rightCol {width:645px; float:right;  min-height:700px; }
#rightColInside {padding:30px; font-size:12px;}

#leftCol {width:250px;  float:left;   }
#leftColInside {padding:30px; }
#LeftColStretch {width:898px; min-height:700px; background-image:url(../images/left-col-back.png); background-position:left bottom; background-repeat:no-repeat; float:right}

/*TESTIMONIALS*/
.quote {background-image:url(../images/quote.png); background-position:top left; background-repeat:no-repeat;}
.bord {background-image:url(../images/star-bord.png); background-repeat:repeat-x; background-position:top; padding-top:15px; margin-top:20px}
.bord-bot {background-image:url(../images/star-bord.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:25px; margin-bottom:20px}



/*GRAPHICS PORTFOLIO*/

.graphics-slider1 {margin-left:100px; background-image:url(../images/logos-back.png); background-repeat:no-repeat; height:286px; background-position:top left; padding-top:36px; padding-left:1px; margin-top:40px; margin-bottom:50px }

.graphics-slider2 { margin-left:100px; background-image:url(../images/cards-back.png); background-repeat:no-repeat; height:286px; background-position:top left; padding-top:36px; padding-left:1px; margin-bottom:50px }

.graphics-slider3 {margin-left:100px; background-image:url(../images/flyers-back.gif); background-repeat:no-repeat; height:286px; background-position:top left; padding-top:35px; padding-left:1px; margin-bottom:50px}

.graphics-slider4 { margin-left:100px; background-image:url(../images/apparel-back.png); background-repeat:no-repeat; height:286px; background-position:top left; padding-top:36px; padding-left:1px}





/*WEB PORTFOLIO*/

.web-box {background-image:url(../images/star-bord.png); background-repeat:repeat-x; background-position:top; padding-top:40px; margin-top:40px; clear:both}
.web-box img {float:left}

.web-box p {width: 450px; float:right}
.web-box span {font-weight:bold; font-size:15px}

.top-box {float:right; text-align:right}




.me-box {width:200px; height:249px; border:1px solid #333}


/*FORM*/

input, textarea {
background-color:#c1cbdf;
border:1px solid #970225;
padding:4px;
width:195px;
color:#036;
font-weight:bold}

input {
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

.submit {
width:100px;
background-color:#03e364;
border:1px solid #fff;
cursor:pointer;
*border:1px;
font-weight:bold;
-webkit-border-radius:10px;
-moz-border-radius:10px;
color:#036;
font-weight:bold
}

.submit:hover {background-color:#5db2f9;}

input:focus, textarea:focus {background:#e0e6f3 !important;  }