/* CSS Document */

*				{padding: 0;
			 	margin: 0;
			 	}


/* Removes line from flash in Firefox */
object, embed {outline: 0;} 



.chimp		{float: right; margin-top: -22px; margin-left: 145px; position:absolute;}


h2 {font-family: 'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 25px;
	text-transform: uppercase; 
	color: #583747; 
	margin-bottom: 12px;}

h3 {font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 18px; 
	color: #583747;
	margin-bottom: 12px;}

h4 {font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 15px; 
	color: #583747;
	margin-bottom: 12px;}



/* TO HIDE HEADING 1 */

h1 em			{
				position: absolute;
				left: -4000px;
				width: 900px;
				}

.hiddenpic		{display: none}

body				{
					background: #000 url("images/bg_topbanner.jpg") repeat-x top center;
				 	}


#banner_orange		{background: url("images/bg_banner_orange.png") repeat-x 0px 25px;
					height: 527px;
					opacity: 0 }
					



#banner_mts			{
					background: url("images/bg_banner.png") repeat-x center;
				 	height: 527px; 
							}





.banner_inner		{margin: 0px auto;
					width: 980px;
					padding: 0px 0px 0px 0px;
					height: 527px;
					}
					
.logo				{margin-top: 65px;
					float: left;
					margin-left: 100px;
					opacity: 100;
					}

/* BANNER STYLES - All pages accep home page */ 

#banner_orange2		{background: url("images/bg_banner_orange2.png") repeat-x 0px 26px;
					height: 230px;
					}
					



#banner_mts2			{
					background: url("images/bg_banner2.png") repeat-x top center;
				 	height: 230px; 
							}





.banner_inner2		{margin: 0px auto;
					width: 980px;
					padding: 0px 0px 0px 0px;
					height: 230px;
					}
					
.logo2				{margin-top: 35px;
					float: left;
					margin-left: 385px;
					}



.socials_top		{height: 52px; margin-left: 750px; }
.socials_top a img	{float: left}


#loading			{height: 30px;
					float: right;
					opacity: 50;
					position: relative;
					margin-right: 460px; margin-top: -91px;}




/* HOME BANNER QUOTES */

.headerquotes		{
					width: 400px;
					height: 90px;
					margin-left: 500px;
					margin-top: 60px;
					}


.headerquotes2		{
					margin-left: 740px;
					margin-top: 20px;
					}

.headerquotes2 blockquote	{width: 240px;}


.headerquotes2 a	{color: #cccccc; font-family: Verdana, Geneva, sans-serif; }


blockquote p 	{ font-size:17px; 
				margin-bottom: 13px; 
				font-family: Verdana, Geneva, sans-serif; 
				color: #CCC;
				line-height: 25px;
				text-shadow: 0.1em 0.1em 0.05em #333 }
				
blockquote cite { font-style: normal; 
				color: #000;
				display: block; 
				text-align: center; 
				text-transform: uppercase; 
				font-size: 10px; 
				font-weight: bold; 
				letter-spacing: 1px; 
				font-family: Arial, Helvetica, sans-serif; }

blockquote {
	font-family: Georgia, Times, serif;
	width: 400px; /* required */
	margin: 0 auto;
	text-align:center;
	}
	


.about_imac		{background-image: url(images/mac_about.png);
				width: 370px; 
				height: 322px;
				float: right;
				margin-top: -270px;
				}

.about_imac_words	{padding-top: 85px;
					width: 350px;
					margin-left: 0px;
					
}

.testimonialrevolve	{
	width: 330px; /* required */
	margin: 0 auto;
	text-align:center;
/*	background-color:#252424; */
	padding: 20px 17px 23px 18px
	}

.testimonialrevolve p	{font-size: 20px; color:#CCC; line-height: 25px; text-transform: uppercase;}

.testimonialrevolve cite	{color: #999; } 



.fish			{margin-top: 230px; display: none}		


.biline			{width: 464px;
				height: 18px;
				float: right;
				margin-top: 230px;
				margin-right: 240px;
				background: url("images/biline.png") no-repeat;
				}
				
.scrollToBottom	{margin-top: -10px; margin-right: 460px; float: right; position:relative}


.scrollToBottom2	{margin-top: 5px; margin-right: 0px; float: right; position:relative}

.scrollToBottom3	{margin-top: 5px; margin-right: 0px; float: right; position:relative}

.scrollToBottom4	{margin-top: 5px; margin-right: 0px; float: right; position:relative}

	

.hometitlebox		{border: 1px solid #ccc; 
					background: #DEDEDE url("images/bg_titlebox2.png") no-repeat;
					text-align: left;
					margin-left: 42px;
					border-radius:6px; 
					margin-right: 50px;
					padding: 20px 30px 20px 25px;
					margin-bottom: -18px;
					box-shadow: 0.1em 0.1em 0.2em #D8D8D8;
					}


.hometitlebox_slider		{border-top: 0px solid #ccc; 
					border-left: 0px solid #ccc;
					text-align: left;
					margin-left: 42px;
					border-radius:6px; 
					margin-right: 50px;
					padding: 20px 30px 20px 25px;
					margin-bottom: -18px;
					}


.hometitlebox h2	{margin-bottom: 0px; font-size: 32px;}		


.hometitlebox2		{background-color: #EDEDED;
					width: 180px;
					border: 1px solid #CCC;
					margin-left: 21px;
					margin-bottom: -20px;
					margin-right: 0px;
					margin-top: 30px;
					padding: 5px 10px;}

.hometitlebox2 h2	{margin-bottom: 0px; text-align:center; font-size: 20px; }		

				
/* CLOUDS */

.banner_main_content{
            position: relative;
            top: 0;
            left: 0;
        }


.banner_main_content2{
            position: relative;
            top: 0;
            left: 0;
        }


.stage 		{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            min-width: 900px;
            height: 400px;
        	}
		
.stage2 		{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            min-width: 900px;
            height: 245px;
        	}
		


		
.far-clouds {
            background: transparent url(images/clouds_left.png) 300px 111px repeat-x; 
			opacity: 0; 
        }
.near-clouds {
            background: transparent url(images/clouds_left.png) 100px 33px repeat-x;opacity: 0; 
        }


/* SERVICE Anchors */

.anchor{
  display: block;
  height: 255px; 
  margin-top: -255px; 
  visibility: hidden;
}

.anchor2{
  display: block;
  height: 1255px; 
  margin-top: -1255px; 
  visibility: hidden;
  }


.anchor3{
  display: block;
  height: 1855px; 
  margin-top: -1855px; 
  visibility: hidden;
}


/* PORTFOLIO Anchors */

.anchor4{
  display: block;
  height: 255px; 
  margin-top: -255px; 
  visibility: hidden;
}
.anchor5{
  display: block;
  height: 2855px; 
  margin-top: -2855px; 
  visibility: hidden;
}

.anchor6{
  display: block;
  height: 3155px; 
  margin-top: -3155px; 
  visibility: hidden;
}

/* STICKY NAVIGATION - HOME PAGE*/


#top { height:517px; padding:0px 0 0 0; top: 0; }

#sticky_navigation_wrapper { width:100%; height:77px; }

#sticky_navigation { z-index: 1000; width:100%; height:77px; }

	
	
/* STICKY NAVIGATION */


#top2 { height:210px; padding:0px 0 0 0;   
}

#sticky_navigation_wrapper { width:100%; height:77px; }

#sticky_navigation { z-index: 1000; width:100%; height:77px; }

	
	

/* NAV BAR  */

.contactus		{float: right; outline: none;
				margin-top: -170px; position: relative; z-index: 2000; }
	

#navbar			{background: transparent url("images/bg_nav.jpg") repeat-x 0px 10px;
				height: 88px; 
				margin-top: 0px;
				}

/* OLD NAVIGATION 

#navbar_inner	{width: 970px; 
				max-width: 980px;
				margin: 0px auto;
				height: 80px;
				position:relative;
				padding-top: 1px;
				clear: both;
}





#navbar_inner a img		{padding: 0px 9px; outline: none; border: 0 }

.navbarlist			{display: inline;
					list-style:none; 
					}

*/

#navbar_inner2	{width: 980px; 
				max-width: 980px;
				margin: 0px auto;
				position:relative;
				padding-top: 5px;
				clear: both;
				height: 88px;
}

	
#navbar_inner2 ul {
	list-style: none; 
	margin: 0 auto;
	
}

#navbar_inner2 ul li {
	float: left; 
	height: 22px;
	padding: 23px 0px 30px 0px;
	display: inline; 
	list-style: none; 
	margin: 0 auto;
	text-transform:uppercase;
	
}

#navbar_inner2 ul li a

	{color: #705663; 
	padding: 0px 30px 0px 30px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif ;
	font-size:20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-weight:100;
	outline: none;
}

#navbar_inner2 ul li a:hover

	{color: #fe9530;
	background: url("images/nav_over.png") no-repeat top center; 
	padding: 27px 30px 45px 30px;
	text-shadow: 2px 1px 1px rgba(0,0,0,0);
	}



#navbar_inner2 ul li .active

	{color: #fe9530;
	background: url("images/nav_over.png") no-repeat top center; 
	padding: 27px 30px 45px 30px;
	text-shadow: 2px 1px 1px rgba(0,0,0,0);
	}






.link{
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 6px solid #CCC;
	padding: 4px 16px 4px 16px;
	font-size: 16px;
	font-style:normal;
	width: 80px;
	text-align: center;
	font-family: 'Economica', Arial, sans-serif;
	text-transform:uppercase;
}

.link:hover{
	background: rgba(255,255,255,0.3);
	color: #000;
}



.link2{
	border-radius: 20px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background: #999;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 4px solid #CCC;
	padding: 4px 13px 4px 13px;
	font-size: 11px;
	font-style:normal;
	width: 100%;
	text-align: center;
	font-family: 'Economica', Arial, sans-serif;
	text-transform:uppercase;
}
.link2:hover{
	background: #fff;
	color: #666;
}



img {border: none; }

a img	{outline: none; border: 0px; }
	
p		{color: #583747;
		font-family:'Roboto', Verdana, Geneva, sans-serif;
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 10px;
}

a		{color:  #ff7c00; 
		outline: none; 
		border: none;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold; text-decoration: none; outline: none;}

a:hover	{color: #999}


.line	{
		height: 1px;
		border-top: 1px dotted #583747;
		padding-bottom: 40px;
		margin-top: 20px;}
		
.line2	{
		height: 1px;
		border-top: 1px solid #583747;
		padding-bottom: 30px;
		margin-top: 10px;}


.linehome	{
		height: 1px;
		border-top: 1px dotted #ccc;
		padding-bottom: 50px; text-align:center;
		margin-top: 20px;}
		


.linehome img	{margin-top: -27px}
	
.homeicon	{float: right; margin-right: 20px; margin-top: 5px;}
		
.content		{background: #fff url("images/bg_content.jpg") repeat 0px 0px ; padding-bottom: 30px;}

.wrap		{width: 980px; margin: 0px auto;
			padding-top: 10px;
			}

.wrap_inner		{
				padding: 20px;
			}


.wrap_inner_slim		{padding: 20px 70px 30px 70px;
			}


.wrap_inner_slim2		{padding: 20px 120px 30px 120px;
			}



.slider		{height: 330px;
			background: url(images/bg_slider.png) repeat-x;
}




.box_header	{background: url("images/bg_box_head.png") no-repeat;
		width: 406px; 
		height: 54px;
		padding: 25px 0px 0px 40px;
		margin-bottom: 0px;

		}

.box_header a	{color: #fff;
				font-family: 'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif ;}

.box_header a:hover	{color: #ccc;
				}


.box_content	
		{background: url("images/bg_box_repeat.png") repeat-y 0px 0px;
		width: 406px;
		padding: 3px 30px 10px 30px;
		}

.box_content p	{padding-right: 20px;
				font-size: 12px;}

.box_header h2		{color: #fff; margin-bottom: 0px; font-size: 22px; }


.box_bottom	{background: url("images/bg_box_bottom.png") no-repeat;
		width: 456px; 
		height: 8px;
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;

		}



.sitemap li	{margin-bottom: 10px; list-style: circle; color: #999}

li.listfirst  {font-size: 16px; text-transform: uppercase; margin-bottom: 14px; margin-top: 15px; }

li.listsecond	{margin-left: 100px; font-size: 15px;}

.listthird {margin-left: 140px}





.box_content h3	
		{color: #583747;
		font-family:'Roboto', Verdana, Geneva, sans-serif;
		font-size: 16px;
		margin-bottom: 10px; }


.robpic		{border: 1px solid #CCC; padding: 5px; margin-left: -10px;}

.robpic2		{border: 1px solid #CCC; background-color:#FFF; padding: 6px; float:left; margin:0px 20px 10px 0px;
				}


.twitter		{width:393px;
			height: 122px;
			margin: 10px 0px 0px 30px;
			text-align:center;
			padding-top: 55px;
			background: url("images/bg_timer.png") no-repeat;
			}

.timer p	{margin-bottom: 0px}

.followbutton	{margin-left: 10px}

.newspic		{border: 1px solid #CCC; background-color:#FFF; padding: 6px; float:left; margin:0px 10px 10px 0px;
				}


.getintouchlinks	{height: 184px; width: 380px; padding-top: 0px; padding-right: 12px; }
	
.getintouchlinks a img	{float: left}

.getintouchlinks img	{float: left}


/* HOME PAGE FAB */

.facebook_like_box	{width: 397px; height: 275px; overflow: hidden; position: relative; /* For IE7 Compatibility */}

.facebook_like_box .inner
{
    margin: -2px 0 -5px -2px; position:relative;
}

a.linkcomment	{color: #583747; margin-left: 10px;}

a.linkcomment:hover	{color: #F93}


/* CONTACT PAGE FAB */

.facebook_like_box2	{width: 300px; background-color:#FFF; border: 1px solid #CCC; height: 430px; overflow: hidden; position: relative; /* For IE7 Compatibility */}


.facebook_like_box2 .inner
{
    margin: -2px 0 0 -2px; position:relative;
}




/* IMAGE SLIDER STLE */


.slideshow {
	margin:0 auto;
	background:transparent black;
	position:relative;
}
.slideshow #slidesContainer {
	margin:0 auto;
	overflow:auto; /* allow scrollbar */
	background-color:transparent black;
	position:relative;
}
.slideshow #slidesContainer .slide {
	margin:0 auto;
	background-color:transparent white;
}




/**
 * Slideshow controls style rules.
 */
.slideshow .control {
	display:block;
	width:30px;
	height:150px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
.slideshow #leftControl {
	top:40%;
	left:-50px;
	background:transparent no-repeat 0 0;
}
.slideshow #rightControl {
	top:40%;
	right:-50px;
	background:transparent no-repeat 0 0;
}
.slideshow .playcontrol {
	text-decoration:underline;
	cursor: pointer;
	margin-right:5px;
}

.slide a img	{border: 0px solid #666; float: left;}



/* WELCOME NOTE */

.fb-like		{float: right; margin-top: 40px; margin-right: 45px;}



.welcomenote	{height: 440px;
				width: 957px;
				margin-top: -15px;
				margin-left: 20px;
				background: url("images/bg_welcome_left.png") no-repeat}

.welcomenote_words	{height: 268px;
				width: 617px;
				padding-top: 165px;
				margin-left: 330px;
				background: url("images/bg_welcome_right.png") no-repeat 0px 111px;}


.welcomenote_words h3	{font-size: 19px; color: #FFf;
					margin-bottom: 15px;
					text-align:center;
					font-family:'Roboto', Verdana, Geneva, sans-serif;
					}
	
	
.welcomenote_words p	{font-size: 13px; color: #E5E5E5; 
					margin-bottom: 12px;
					padding-right: 100px;
					padding-left: 10px;
					line-height: 17px;
					text-align:center;
					font-family:'Roboto', Verdana, Geneva, sans-serif;
					}
		
.welcomenote_getintouch	{float: right; margin: 63px 35px 0px 0px  }
	
	
.whatwedo			{height: 225px; 
					margin-left: 31px;
					}
	
	
.box_left	{float: left; margin-left: 25px; width: 420px; }

.box_right {float: right; margin-right: 18px; width: 420px; }



.wanttoknowmore		{height: 220px; 
					width: 886px; 
					margin-left: 42px; 
					margin-bottom: 70px; 
					margin-top: 10px; 
					padding-top: 30px; 
					border: 1px solid #ccc; 
					background: #fff;
					box-shadow: 0.1em 0.1em 0.2em #D8D8D8;}
		
	
.updates		{height: 180px; 
				width: 886px; 
				margin-left: 42px; 
				margin-bottom: 80px;
				margin-top: 15px; 
				padding-top: 30px; 
				border: 1px solid #ccc; 
				background: #fff;box-shadow: 0.1em 0.1em 0.2em #D8D8D8;
				}

		
/* SOCIAL SLIDER - HOME PAGE */
		
	
.keepintouch			{height: 560px}

.social_slider			{padding: 50px 0px; position:absolute}

.social_slider_collum	{ float: left; 
						margin-left: 20px; 
						text-align:left;
						width: 300px;
						height: 425px;
						border-right: 2px dotted #CCC; 
						}

.socialbox	
						{width: 290px; 
						height: 379px; 
						overflow: hidden; 
						position: relative; /* For IE7 Compatibility */}

.socialbox .inner
						{margin: -2px 0 -2px -2px; position:relative;}

.socialbox_twitter 		{width: 290px; 
						padding: 0px 0px 0px 0px; 
						height: 370px;}

.social_slider_collum h2 a 
						{font-family: 'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif ;
						font-size: 25px;
						text-transform: uppercase; 
						color: #583747; 
						margin-bottom: 12px;
						}


.ribbon				{margin-left: 230px}

		

li				{list-style: disc;
				font-family:Verdana, Geneva, sans-serif;
				font-size: 12px;
				color: #583747;
				margin-left: 30px;
				}

.instagramlogo	{float: left; margin-right: 10px; padding-top: 4px}

.enews_tabs	{float: right; margin-right: 40px; padding-top: 4px}



/* FOOTER */

.footer				{ border-top: 2px solid #d8d7d7; margin-top: -4px;  position: relative; background: #583747 url("images/bg_footer.jpg") repeat-x 0px -6px; height: 450px;}

.footer_content		{width: 980px;
					margin: 0px auto;
					}
					
		
.footertop			{height: 45px; width: 980px;}
	
	
.footer_bottom		{height: 77px;  position: relative; background: #212121 url("images/bg_footer_bottom.jpg") center no-repeat; border-top: 1px solid #555}


.copyright			{width: 940px; margin: 0px auto; padding: 20px;
					}
					
.copyright p	{font-family:Verdana, Geneva, sans-serif; 
				font-size: 11px;
				color: #777;
				}

.privacy		{float: right; padding-right: 20px;}

.footer_bottom a {color: #888; font-weight: normal}

.footer_bottom a:hover {color: #ccc}

	
.keepintouch_footer		{float: right;
						margin-top: 110px;}
						
.keepintouch_footer		p	{color: #CCC;  line-height: 22px; font-family: "Roboto", Times, serif; font-size:12px}

.keepintouch_footer	 h2 a	{color: #fff}

.keepintouch_footer	 h2 a:hover	{color: #CCC}					
		
.keepintouch_footer	 h2	{color: #fff; text-transform:none; margin-bottom: 27px; font-size:34px; text-shadow:0.1em 0.1em 0.05em #333;}
		
		
		
.testimonials_footer	{float: right;
						width: 420px;
						margin-top: 110px;}

.testimonials_footer p	{color: #CCC;  line-height: 22px; font-style:italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px}

.testimonials_footer h2 a	{color: #fff}

.testimonials_footer h2 a:hover	{color: #CCC}

	
.testimonials_footer h2	{color: #fff; text-transform:none; margin-bottom: 27px; font-size:34px; text-shadow:0.1em 0.1em 0.05em #333;}
	
	
.testimonialsig p 	{color: #FFF; font-style:normal; margin-top: 20px; 
					text-transform:uppercase; font-size:12px; font-weight: bold}		
			
.socials_bottom		{float: left; height: 40px; margin-top: -13px; margin-left: 35px;}
.socials_bottom a img	{float: left}


					

.backtotop		{float: right; height: 20px; margin-top: -1px; margin-right: 20px;}

.backtotop a	{color:#FFF; outline: none font-size: 13px; font-family: Arial, Helvetica, sans-serif}

.backtotop a:hover	{color:#583747; }


.contact_bottom	{height: 195px;
				width: 293px;
				margin-top: 10px;
				text-align:center; 
				padding-top: 202px;
				float: left;
				background: url("images/bg_rob_bottom.png") no-repeat }

.contact_bottom p	{font-size: 13px; line-height: 18px; text-shadow: 1px 1px 2px #fff;}


.contact_bottom a	{color: #666}

.contact_bottom a:hover	{color: #F90}


.right_coll		{background-color: #583747; border: 6px double #fff; padding: 20px;float: right; 
				width: 320px;}

				
	
.right_coll h2	{color: #fff}
.right_coll p	{color: #ccc}
	
.left_coll		{
				width: 420px;}


/* NEWS */

.left_coll_news		{
				width: 540px;}

.right_coll_news		{border-left: 0px dotted #ccc; border-right: 0px dotted #ccc; padding: 0px 0px;float: right;
				width: 215px; text-align:center; }

.right_coll_news h2 a		{color: #583747; font-size:20px; }


.newsitem		{border-bottom: 1px dotted #ccc; background: #ebebeb url("images/bg_titlebox.jpg") repeat; border: 1px solid #ccc;  padding: 15px; min-height: 140px; margin-bottom: 40px;
}

.right_coll_slim		{float: right; 
				width: 340px;}
				
	
.left_coll_slim		{
				width: 440px;}

.left_coll_slim2	{width: 384px; 
					margin-top: 45px;
					background: #ebebeb url("images/bg_titlebox.jpg") repeat; border: 1px solid #ccc; 
					padding: 22px 20px 10px 35px;
}


.fbcomments		{width: 760px; padding: 40px; margin-top: 60px; background: #ebebeb url("images/bg_titlebox.jpg") repeat; border: 1px solid #ccc; }



/*  TESTIMONIALS LEFT AND RIGHT COLLUMS*/
			
.right_coll_testi	{float: right; 
				width: 200px;
				text-align:center; 
				background-color: #583747; border: 6px double #fff; padding: 20px;}
				
	
.right_coll_testi h3	{color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 25px;}

.right_coll_testi p	{color: #ccc; }

	
.left_coll_testi		{ 
				width: 500px;}


/* GAP BETWEEN TESTIMONIALS */


.testimonial_height	{height: 185px}


.nav_bottom		{width: 100px;
				float: left;
				margin-top: 190px;
				margin-left: 0px;
				
				}
				
.nav_bottom ul	{list-style: none;  font-family: Arial, Helvetica, sans-serif; font-size:11px}

.nav_bottom li	{margin-bottom: 7px; line-height: 14px; font-size:11px}

.nav_bottom ul a {color:#CCC; text-shadow: 1px 1px 2px #000; text-transform:uppercase; }

.nav_bottom ul a:hover {color: #F93 }

.nav_bottom ul a.active {color: #999; }

.privacy a.active {color: #fff; }


.portfoliolinks	{margin-left: -10px;}

.portfoliolinks img	{margin: 5px; background-color: #F0F0F0; padding: 20px; border: 1px solid #CCC; width: 180px; }

.portfoliolinks	a:hover img	{
	margin: 5px; background-color: #F0F0F0; padding: 20px; border: 1px solid #CCC; width: 180px; }


.portfoliopage img	{margin-bottom: 8px; background-color: #fff; padding: 7px; border: 1px solid #CCC; }


.portfolio_screen	{float: right;
					width: 583px;
					height: 531px;
					background: url("images/macscreen.png") no-repeat;
					margin-left: 20px;
					}

.portfolio_screen_content_scroll	
							{width: 540px;
							overflow: auto;
							padding-right: 0px;
							margin: 22px 0px 0px  22px;
							height: 305px; 
							background-color: #333}
	
				
.portfolio_screen_content
							{width: 538px;
							margin: 22px 0px 0px  22px;
							height: 305px;
							overflow:hidden;
							background-color: #333}
				


.portfolio_print	{float: right;
					width: 566px;
					padding: 3px;
					margin-bottom: 50px;
					margin-left: 50px;
					margin-top: -6px;
					}

.portfolio_print a img	{ float: left; padding: 2px; margin: 5px; border: 1px solid #CCC}

.insidepages		{width: 235px; float: right; height: 430px; overflow: auto}

/* SERVICES */

.services_webslideshow	{width: 500px;
						height: 325px;
						background-image: url(images/macbookpro.png);
						float: right;}


.webslideshow {margin: 25px 0 0 86px;}				


/* Logos */
.services_logosslideshow	{width: 450px;
						height: 370px;
						background-image: url(images/bg_billboard.png);
						float: right;
						}


.logosslideshow {margin: 15px 0 0 27px;}				


/*Print */

.services_printslideshow	{width: 270px;background-image: url("images/bg_lightbox.png");
						height: 481px;
						float: right;
						margin-right: 60px;
						margin-left: 40px;}


.printslideshow {margin: 28px 0px 0px 53px;background-color: none;}				


.center	{text-align:center}



/* IMAGE LINKS */


a#imagelink img{
	opacity:1;
	-webkit-transition: opacity 0.20s linear;
	-moz-transition: opacity 0.20s linear;  
	-o-transition: opacity 0.20s linear; 
	-ms-transition: opacity 0.20s linear;
	transition: opacity 0.20s linear;  
}

a#imagelink:hover img{
	opacity:0.5;
}



a.imagelink img{
	opacity:1;
	-webkit-transition: opacity 0.20s linear;
	-moz-transition: opacity 0.20s linear;  
	-o-transition: opacity 0.20s linear; 
	-ms-transition: opacity 0.20s linear;
	transition: opacity 0.20s linear;  
}

a.imagelink:hover img{
	opacity:0.5;
}


.imagelink_active img{
-moz-opacity: 0.5;
opacity: 0.5;

}




a#imagelink2 img{
	opacity:0.5;
	-webkit-transition: opacity 0.20s linear;
	-moz-transition: opacity 0.20s linear;  
	-o-transition: opacity 0.20s linear; 
	-ms-transition: opacity 0.20s linear;
	transition: opacity 0.20s linear;  
}

a#imagelink2:hover img{
	opacity:2;
}




/* FLASH ELEMENTS */

.flash_wickedmonkey {margin-top: 90px;}

.flash_lb {margin-top: 0px; float: left; }
.flash_lb2 {margin-top: 80px;  }

#button .button

{font-family: Arial, Helvetica, sans-serif;
background-color: #ccc; 
border: 0 none; 
border-radius:5px; 
color: #583747; 
cursor: pointer;
font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;
padding: 4px 12px; width:200px; margin:0 5px 10px 0; min-width:40px;}

#button .button:hover {color: #ffffff; background-color:#583747; }



#button2 .button

{font-family: Arial, Helvetica, sans-serif;
background-color: #999; 
border: 0 none; 
border-radius:4px; 
color: #FFFFFF; 
cursor: pointer; 
display: inline-block; 
font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;
display:block; width:200px; margin:0 0 10px 0; min-width:40px;}

#button2 .button:hover {color: #ffffff; background-color:#583747;}




#button3 .button

{font-family: Arial, Helvetica, sans-serif;
background-color: #F90; 
border: 2px solid #fff; 
border-radius:10px; 
color: #583747; 
display: inline-block; 
box-shadow: 0.1em 0.1em 0.2em #999;
font-size:23px; font-weight: bold; height: 50px; line-height: 50px; margin: 0px 0px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;
display:block; min-width:40px;}

#button3 .button:hover {color: #ffffff; background: #583747 url("images/bg_accordian.jpg") repeat-x 0px -40px }

.phone	{color: #583747; }

/* PHOTOS  */

#imagegallery a img	{margin-right: 1px; 
					margin-top: 0px;
					}
					


/* MailChimp Form Embed Code - Slim - 08/17/2011 */

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 0px; width: 400px;}
#mc_embed_signup input {border:1px solid #CCC; -webkit-appearance:none;}
#mc_embed_signup input:focus {border-color:#583747;}
#mc_embed_signup .button {background-color: #999; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}

#mc_embed_signup .button:hover {background-color:#583747;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:280px; min-width:130px;}
#mc_embed_signup input.button {display:block; width:150px; margin:0 0 10px 0; min-width:40px;}


#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:100%;margin: 0; clear: both;}
#mc_embed_signup div.response {margin:1em 0; color: #F90 ; padding: 5px  font-weight:bold; float:left; top:-1.5em; z-index:1; width:100%; }
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color: #F90; margin-left: 0px; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.08em;  padding:.5em 0;}


#mc_embed_signup{font:15px Helvetica,Arial,sans-serif; }

.usingPlaceHolder {color: #666}

.requiredemail	{color: #666}

.email	{color: #666}



    /* STYLES FOR ; S ON SERVES PAGE */
	

	.etabs a 	{width: 180px; padding: 3px; border: 2px solid #fff; background: #583747 url("images/bg_tabs.jpg") top center;font-size: 24px; 	
}

	.etabs a.active {width: 330; color:#fff; background-color: #583747; font-size:36px; margin-top: 0px; }
	
    .etabs { margin: 0; padding: 0; }
    
	.tab {box-shadow: 5px 5px 5px  #ccc;
	display: inline-block; zoom:1; *display:inline; line-height: 15px; margin-left: 5px; margin-bottom: 30px; border: solid 0px #999;}
	
    .tab a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #ff7702; display: block; padding: 20px  20px; 
	outline: none; }
    
	.tab a:hover {color: #fff; opacity:0.7;
}

    
	.tab.active { padding: 0px 0px 0 0px; color: #ff7702; margin-top: 0px; position: relative; top: 0px; border-color: #ccc;   }
    
	.tab a.active { font-weight: bold; color: #ffffff; opacity:1; padding-top: 30px; padding-bottom: 20px;}
    
	.tab-container .panel-container { border: solid #ccc 0px; padding-left: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    
	.panel-container { margin-bottom: 10px; }
	
	
	
	.tabbiline	{font-size: 13px; color: #fff; font-weight: bold  }

	a.active .tabbiline {font-size: 13px; font-color: #fff; font-weight: bold  }


/* TABLE FOR PRIVACY PAGE */


table			{border: solid 1px #ccc;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:11px}

td				{padding: 5px 15px;
				color: #583747;
				border: solid 1px #ccc;}


#contactinfo	{margin-bottom: 15px}


/* HOME PAGE  NEWS TICKER */

#vertical-ticker{
	height:94px;
	overflow:hidden;
	margin:0; 
	padding:0;
}

	#vertical-ticker li{
		display:block;
		height: 110px;
		margin-left: 0px;
	}
	
	
	
a#ticker-previous {font-size:18px; padding: 0px 2px; color: #ccc; font-weight: normal}	
a#ticker-next {font-size:18px; padding: 0px 2px; color: #ccc; font-weight: normal}	

a#ticker-previous:hover {color: #999}	
a#ticker-next:hover {color: #999}	


p.tickerarrows	{text-align: right; margin-bottom: -5px; border: 0px solid #DFDFDF; padding-top: 4px; margin-right: 0px;
				}
