@charset "UTF-8";


body	{ 
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	background-color: #ffffff;
	}		
	
.clear { clear: both;}
.replaced{text-indent:-9999em;overflow:hidden;}


p{margin-left:15px;margin-right:15px;}

ul { 
	list-style-type:none;
	padding: 0;
	margin: 0px 0px 0px 40px;
}

ul li{
	background:transparent url(http://www.tinkerstudio.com/images/bullet.gif) left 5px no-repeat;
	padding-left:11px;
	margin-left:0;
}

/* LINK STYLES NAVIGATION */

#navigation a:link {
 
	color:#EC297B; 
	background-color: #ffffff;
	text-decoration:none; 

}

#navigation a:visited {

	color:#EC297B; 
	background-color: #ffffff;
	text-decoration:none; 

}

#navigation a:hover, a:active, #navigation a.active {

	color:#ffffff; 
	text-decoration:none; 
	background-color:#EC297B; 

}


	
ul.menu { 
	margin:3px 0 0px 10px;
	padding:0; 
	
}

ul.menu li { 
	display:block;

	float:left;
	text-align:left;
	margin:0 1em 0 0;
	 
}

ul.menu li a { 
	color:#EC297B;
	font:normal 12px "Lucida Grande";
	text-decoration:none;
	display: block;
	
}

ul.menu li a:hover { 
	color:#ffffff; 
}





/* LINK STYLES */

a:link, a:visited {
	font-weight: normal; 
	color:#EC297B; 
	text-decoration:none; 
	background-color:#ffffff;
	padding:0px 2px 1px 2px;
}

a:hover, a:active {
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	background-color:#EC297B; 
	padding:0px 2px 1px 2px;
}


/* DIV STYLES */

#logo {
	background: url(http://www.tinkerstudio.com/images/logo_creative.gif) left top no-repeat;
	height: 78px;
	margin-top:50px;
	margin-bottom:10px;
}
	
#tagline {
	background: url(http://www.tinkerstudio.com/images/tagline_oneline.gif) left top no-repeat;
	float:left;
	margin-top:5px;
	height: 80px;
	border-bottom: 1px dotted #EC297B;
	margin-bottom: 10px;
}
	

#navigation	{
	border-top: 1px dotted #EC297B;
	border-bottom: 1px dotted #EC297B;
	padding-bottom: 2px;
	}
	
#about {
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	text-align: left;
	padding: 15px 0 5px;
	overflow: hidden;
}	

#blog {
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	text-align: justify;
	padding: 15px 0 5px;
}	

#blog .blog-results li{margin-bottom:10px;}

#services {
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	text-align: justify;
		
	overflow:hidden;
	
}

#services ul{text-align:left;margin-left:25px;}
#services li{}	

.process_steps {
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	padding: 15px 5px 5px 15px;
	
}	




#contact {
	background-image: url(http://www.tinkerstudio.com/images/robot.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	text-align: justify;
	padding: 15px 0 5px;
	border-top: 1px dotted #EC297B;
	border-bottom: 1px dotted #EC297B;
	overflow: hidden;
}	

#copyright {
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	text-align: center;
	color: #EC297B;
	margin-bottom:30px;
	margin-top:5px;
}	

.section_header {
	font: bold 18px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	color: #EC297B;
	margin-left:15px;
	margin-bottom:10px;
	display: block;
}

.asterix {
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	padding: 15px 5px 25px 15px;
	color: #393939;
}

.footer_contact {
	text-align: left;
	padding: 10px 0px 0px 25px;
	
}

.giant {
	font: bold 26px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	color: #393939;
	display:block;
	margin-bottom:5px;
}

.meta {
	color: #CCCCCC;
}


/* Wordpress */
	
.wp_title {
	font: bold 13px "Lucida Grande", Verdana, Arial, Helvetica,  sans-serif; 
	color: #393939;
	display: block;
	margin-bottom:1px;
}

.wp_excerpt p {
	color: #393939;
	margin: 0px;

}



/* Slider */
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 960px } 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 560px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
/* Tab nav */
#inner-body .coda-nav ul li a.current { background: #3399CC }
	
/* Panel padding */
.coda-slider .panel-wrapper {}
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center;display:none; }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
#inner-body .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
#inner-body .coda-nav ul li { display: inline }
#inner-body .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }