/* CSS Document */

body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;*font-size:small;*font:x-small;margin-bottom:20px;background-image:url(images/background-site.png); background-repeat:repeat-x; background-position: top;color:#333333;background-color: #899EB2;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.7em;}


ul.noindent {padding: 0px 0 10px 15px; margin: 0; list-style: disc;} 


/*  ------ global ------- */	

img { behavior:url(_includes/iepngfix.htc); }
	
a:link {color: #155696; text-decoration: none;}
a:visited {color: #155696; text-decoration: none;}
a:hover {color: #E04518; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}

	
/*  ------ home top ------- */

.home-top { background-image:url(images/home-top.gif); background-repeat:no-repeat; background-position: top center; height: 33px; width: 980px;}

	/*------hidden from IE 6 and below------*/
	html > body .home-top {	background-image:url(images/home-top.png);background-repeat:no-repeat; background-position: top center; height: 33px; width: 980px;}
	
/*  ------ inside top ------- */

.inside-top { background-image:url(images/inside-top.gif); background-repeat:no-repeat; background-position: top center; height: 33px; width: 980px;}

	/*------hidden from IE 6 and below------*/
	html > body .inside-top {	background-image:url(images/inside-top.png);background-repeat:no-repeat; background-position: top center; height: 33px; width: 980px;}	

/*  ------ outside shadow ------- */

.outside-shadow { background-image:url(images/outside-shadow.gif); background-repeat:repeat-y;}

	/*------hidden from IE 6 and below------*/
	html > body .outside-shadow { background-image:url(images/outside-shadow.png); background-repeat:repeat-y;}

/*  ------ bottom image ------- */

.bottom-bg { background-image:url(images/bottom-bg.gif); background-repeat:no-repeat;}

	/*------hidden from IE 6 and below------*/
	html > body .bottom-bg {background-image:url(images/bottom-bg.png);background-repeat:no-repeat;}


/*  ------ top menu ------- */


.top_menu {
	font-size: 13px; 
	width: 100%;
	}

.top_menu ul {
	float: right;
	padding: 0 10px 0 0; 
	margin: 0; 
	width: 780px;
	}

.top_menu ul li {
	display: inline;
	}

.top_menu ul li a {
	float: right;
	text-decoration: none;
	padding: 30px 15px 0 15px;
	color: #101D26;
	text-decoration: none;
	white-space: nowrap;
	}

.top_menu ul li a:hover {
	color: #E04518; 
	background-image: url(images/spinutech-u-menu-over.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}

#home .top_menu ul li a.home {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}

#services .top_menu ul li a.services {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}
	
#our-work .top_menu ul li a.our-work {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}
	
#case-studies .top_menu ul li a.case-studies {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}
	
#about .top_menu ul li a.about {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}	
	
#blog .top_menu ul li a.blog {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}
	
#contact .top_menu ul li a.contact {
	background-image: url(images/spinutech-u-menu.png); 
	background-repeat:no-repeat; 
	background-position:top center;
	}	

/*  ------ inside horizontal menu ------- */

.inside_menu {
	font-size: 11px; 
	font-weight: bold;
	width: 100%;
	}

.inside_menu ul {
	float: left;
	padding: 0 0 0 22px; 
	margin: 0; 
	width: 780px;
	}

.inside_menu ul li {
	display: inline;
	}

.inside_menu ul li a {
	float: left;
	text-decoration: none;
	padding: 12px 30px 12px 0px;
	color: #71787E;
	text-decoration: none;
	white-space: nowrap;
	}
	
	.inside_menu ul li a:hover {
	color: #E04518;
	}

	
	/*  ------ our work on-states ------- */
	
	
	#web_design .inside_menu ul li a.web_design {
	float: left;
	text-decoration: none;
	padding: 12px 30px 12px 0px;
	color: #101D26;
	text-decoration: none;
	white-space: nowrap;
	}
	
	#web_dev .inside_menu ul li a.web_dev {
	float: left;
	text-decoration: none;
	padding: 12px 30px 12px 0px;
	color: #101D26;
	text-decoration: none;
	white-space: nowrap;
	}
	
	#identity_design .inside_menu ul li a.identity_design {
	float: left;
	text-decoration: none;
	padding: 12px 30px 12px 0px;
	color: #101D26;
	text-decoration: none;
	white-space: nowrap;
	}
	
	#print_design .inside_menu ul li a.print_design {
	float: left;
	text-decoration: none;
	padding: 12px 30px 12px 0px;
	color: #101D26;
	text-decoration: none;
	white-space: nowrap;
	}
	
	
	#work_video .inside_menu ul li a.work_video {
	float: left;
	text-decoration: none;
	padding: 12px 30px 12px 0px;
	color: #101D26;
	text-decoration: none;
	white-space: nowrap;
	}
	
/*  ------ inside side ------- */

	
.side_links {
	font-size: 11px;
	float:left;

	}

.side_links ul {
	float: left;
	padding: 12px 0 0 22px; 
	}

.side_links ul li {
	width: 160px;
	padding: 5px 0 5px 0;
	list-style-type: none;
	border-bottom: dashed #cccccc 1px;
	overflow: hidden;
	}
	
	.side_links ul li a {
	display:block;
	padding: 0 0 0 0;
	overflow: hidden;
	}
	
	.side_links ul li a img {
	float: left;
	margin: 0 10px 0 0;
	display: block;
	}
	
	.side_links strong {
	font-weight: normal;
	display: block;
	}
	
	
	
.side_links_services {
	font-size: 11px; 
	width: 100%;
	}

.side_links_services ul {
	float: left;
	padding: 0 0 0 22px; 
	margin: 0;
	}

.side_links_services ul li {
	width: 177px;
	padding: 4px 0 4px 0;
	border-bottom: dashed #cccccc 1px;
	list-style-type: none;	
	display: block;
	}	
	
	/*  ------ services on-states ------- */
	
	
	#design .side_links_services ul li a.design {
	font-weight: bold;
	font-size: 12px;
	}
	
	#web_dev .side_links_services ul li a.web_dev {
	font-weight: bold;
	font-size: 12px;
	}
	
	#web_strategy .side_links_services ul li a.web_strategy {
	font-weight: bold;
	font-size: 12px;
	}
	
	
	#web_app .side_links_services ul li a.web_app {
	font-weight: bold;
	font-size: 12px;
	}
	
	#social_media .side_links_services ul li a.social_media {
	font-weight: bold;
	font-size: 12px;
	}
	
	#video .side_links_services ul li a.video {
	font-weight: bold;
	font-size: 12px;
	}	
		
	

/*  ------ inside side ------- */

.inside-side h1 {font-size: 13px; font-weight: bold; padding: 0 0 0 22px; line-height:normal;}


/*  ------ inside content ------- */

.inside-content {
	font-size: 11px;
	padding: 20px;
	background-image: url(images/inside-bg-blend.jpg); 
	background-repeat: repeat-x; 
	background-position:bottom center;
	width: 650px;
	}
	
	.inside-content h1 {font-weight: bold; font-size:14px; font-style:normal; line-height: 17px;}
	.inside-content h2 {font-weight: bold; font-size:12px; font-style:normal; color:#E04518;}
	
	
/*  ------ portfolio content ------- */

.portfolio-content {
	font-size: 12px;
	padding: 20px;
	width: 650px;
	background-image: url(images/inside-bg-blend.jpg); 
	background-repeat: repeat-x; 
	background-position:bottom;

	}	
	
	.portfolio-content h1 {font-weight: bold; font-size:14px; font-style:normal; line-height: 17px;}
	.portfolio-content h2 {font-weight: bold; font-size:12px; font-style:normal; color:#E04518;}
	
.project_thumbs{padding:0 20px 20px 20px;height:1%;overflow:hidden;font-size:11px;}
	.project_thumbs .first{float:left;margin-right:40px;padding:0;}
	.project_thumbs .middle{float:left;margin-right:40px;padding:0;}
	.project_thumbs .last{float:right;padding:0;}
	.project_thumbs strong{font-size:1.2em;}
	.project_thumbs p{line-height:1em}
	.project_thumbs a img{border:solid 2px #899EB2;margin:0;}
	.project_thumbs a img:hover{border:solid 2px #EC7B39;}
	
	
/*  ------ about content ------- */

.about-content {
	font-size: 12px;
	background-image: url(images/inside-bg-blend.jpg); 
	background-repeat: repeat-x; 
	background-position:bottom center;
	}
	
	.about-content h1 {font-weight: bold; font-size:14px; font-style:normal;}
	.about-content h2 {font-weight: bold; font-size:12px; font-style:normal; color:#E04518;}	
	
	
.flash-padding {padding: 20px 0 0 0;}	

.flash-padding-video {padding: 20px 0 120px 20px;}	

/*  ------ services content ------- */

.services-content {
	font-size: 12px;
	background-image: url(images/inside-bg-blend.jpg); 
	background-repeat: repeat-x; 
	background-position:bottom center;
	padding: 20px;
	width: 650px;
	}
	
	.services-content  h1 {font-weight: bold; font-size:14px; font-style:normal;}
	.services-content  h2 {font-weight: bold; font-size:12px; color:#E04518; padding: 15px 0 3px 0;}	
	

	
	

/*  ------ footer ------- */

.footer {color: #4D575D;}

.footer a:link {color: #4D575D; text-decoration: none;}
.footer a:visited {color: #4D575D; text-decoration: none;}
.footer a:hover {color: #4D575D; text-decoration: underline;}
.footer a:active {color: #4D575D; text-decoration: none;}

.footer h2 {font-size: 12px;}

.carousel_bg {
	background-image: url(images/carousel_bg.png);
	background-repeat: no-repeat;
	background-position: top;
}


/*  ------ Carousel ------- */

#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 350px; /* important */
	height: 414px; /* important */
	margin: 0;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
	padding: 0 0 0 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 7350px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
	}
	
#example_6_content .description {text-align: center;}	
	

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 346px 34px 0 34px;
}
#container_bd #example_6_frame ul li {
	margin: 0 5px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
	#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}
	
hr {
border: 0;
color: #cccccc;
background-color: #cccccc;
height: 1px;
width: 100%;
text-align: left;
}	
	
	
	
.content_wrapper{width:940px;margin:0 auto;background:#E8EAEA;height:1%;overflow:hidden;}

.left_column{width:226px;clear:both;float:left;}

.portfolio-content-new {
	font-size: 12px;
	padding:30px  40px;
	margin-right:22px;
	width: 610px;
	background:#FFF url(images/inside-bg-blend.jpg) repeat-x bottom;
	float:right;}
	
	.portfolio-content-new p {margin:0 0 .5em 0;}
	.portfolio-content-new h1 {font-weight: bold; font-size:18px; font-style:normal; line-height: 17px;margin-bottom:.5em;}
	.portfolio-content-new h2 {font-weight: bold; font-size:14px; font-style:normal; color:#E04518;margin:0 0 .25em 0;}

.portfolio_img_new {border-bottom:5px solid #899EB2;margin:1em 0 1.5em 0;}
a .portfolio_img_new {border-bottom:5px solid #899EB2;margin:1em 0 1.5em 0;}
	a .portfolio_img_new:hover{border-bottom:5px solid #ED7F3A;margin-bottom:1.5em;}
	
.img_left{float:left;margin:0 1.5em 1.5em 0;}
.img_right{float:right;margin:0 0 1.5em 1.5em;}