/*
Theme Name: Rob Hutti
Theme URI: http://www.314media.com
Description:  Hand coded loveliness... Designed by Rob, <a href="http://314media.com/">WordPressed by 314media.com St. Louis</a>.
Version: 0.9
Author: 314media.com - St. Louis Web Design
Author URI: http://314media.com
Tags: rob hutti
*/
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a1818;
	line-height:18px;
}
h1, h2, h3, h4, h5, h6, ul, li, p, form, input {
	margin:8px 0 12px 0;
	padding:0;
}

img {
	border:none;
}

#line {
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	font-weight:normal;
	font-size:18px;
	padding:0 0 20px 0;
	background-image:url(images/home_cont_top.jpg) repeat-x left bottom;
	}
	
#links ul { list-style-type: none; }	
#links li a{
	font-size:18px;
	color:#00a2cf;
	line-height:24px;
	text-decoration:none;
	color:#00a2cf;
	}

#links a:hover {
	text-decoration:underline;
	color:#00a2cf;
	}
	


	
/*....................wrapper css starts here.........................*/
#wrapper {
	width:982px;
	height:auto;
	margin:0 auto;
	padding:0;
	clear:both;
	overflow:hidden;
}
/*....................wrapper css ends here.........................*/

/*....................header css starts here.........................*/
#header {
	width:947px;
	height:73px;
	margin:0 auto;
	padding:0 35px 0 0;
	clear:both;
	overflow:hidden;
	background:url(images/header_bg.jpg) repeat-x left top;
	
}
/*....................header css ends here.........................*/


/*....................content-main css starts here.........................*/
#container {
	width:982px;
	height:auto;
	margin:0 auto;
	padding:0;
	clear:both;
	overflow:show;
}
/*....................content-main css ends here.........................*/



/*....................footer css starts here.........................*/
#footer {
	width:990px;
	height:auto;
	margin:15px auto 0 auto;
	padding:25px 0 25px 0;
	clear:both;
	border-top:5px solid #1a1818;
	overflow:hidden;
	color:#1a1818;
	font-size:14px;
}

#footer2 {
	width:990px;
	height:auto;
	margin:15px auto 0 auto;
	padding:25px 0 25px 0;
	clear:both;
	overflow:hidden;
	color:#1a1818;
	font-size:14px;
}
/*....................footer css ends here.........................*/


/*...................header internal styles starts here...............*/
.logo {
	width:199px;
	height:53px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/robhutti_logo.jpg) no-repeat left top;
	}
.logo a{
	width:199px;
	height:53px;
	margin:0;
	padding:0;
	float:left;
}
/*...................header internal styles ends here...............*/

/*...................footer internal styles starts here...............*/
#footer a {
	text-decoration:none;
	color:#00a2cf;
	}
#footer a:hover {
	text-decoration:none;
	color:#1a1818;
	}
#footer h1 {
	font-size:19px;
	font-weight:normal;
	padding-bottom:15px;
	}
#footer p.strong {
	padding-bottom:5px;
	clear:both;
	overflow:hidden;
	}
#footer span {
	color:#00a2cf;
	font-weight:bold;
	}
#footer span.one1 {
	color:#1a1818;
	font-weight:normal;
	width:55px;
	float:left;
	margin:0;
	padding:0;
	}
#footer span.two2 {
	color:#1a1818;
	font-weight:normal;
	width:150px;
	float:left;
	margin:0;
	padding:0;
	}
.contactme{
	width:210px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}

.talkme{
	width:595px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
.talkme p {
	width:198px;
	margin:0;
	padding:0 0 10px 0;
	float:left;
	}
.spl_tnx{
	width:160px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}

/*...................footer2 internal styles starts here...............*/
#footer2 a {
	text-decoration:none;
	color:#00a2cf;
	}
#footer2 a:hover {
	text-decoration:none;
	color:#1a1818;
	}
#footer2 h1 {
	font-size:19px;
	font-weight:normal;
	padding-bottom:15px;
	}
#footer2 p.strong {
	padding-bottom:5px;
	clear:both;
	overflow:hidden;
	}
#footer2 span {
	color:#00a2cf;
	font-weight:bold;
	}
#footer2 span.one1 {
	color:#1a1818;
	font-weight:normal;
	width:55px;
	float:left;
	margin:0;
	padding:0;
	}
#footer2 span.two2 {
	color:#1a1818;
	font-weight:normal;
	width:150px;
	float:left;
	margin:0;
	padding:0;
	}
.contactme{
	width:210px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}

.talkme{
	width:595px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
.talkme p {
	width:198px;
	margin:0;
	padding:0 0 10px 0;
	float:left;
	}
.spl_tnx{
	width:160px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}


/*...................footer internal styles ends here...............*/
/*......................home internal styles starts here..................*/
.banner {
	width:982px;
	height:422px;
	clear:both;
	overflow:show;
	margin:-75px 0 15px 0;
	padding:0;
	border-bottom:6px solid #1a1818;
	z-index:1;
	}

.image1 {
	width:337px;
	height:133px;
	clear:both;
	overflow:hidden;
	margin:-375px;
	line-height:24px;
	font-size:16px;
	padding:225px 30px 0 990px;
	z-index:10000;
position:absolute;
	}
.image1 a {
	text-decoration:none;
	color:#00a2cf;
        z-index:10000;
	}
.image3 {
	width:337px;
	height:133px;
	clear:both;
	overflow:hidden;
	margin:-375px;
	line-height:24px;
	font-size:16px;
	padding:225px 30px 0 990px;
	z-index:1000;
position:absolute;
	}
.image3 a {
	text-decoration:none;
	color:#00a2cf;
    z-index:1000;
	}
.image2 {
	width:337px;
	height:133px;
	clear:both;
	overflow:hidden;
	margin:-375px;
	line-height:24px;
	font-size:16px;
	padding:225px 30px 0 410px;
	z-index:900;
	}
.image2 a {
	text-decoration:none;
	color:#00a2cf;
        z-index:900;
	}
.prev {
	width:23px;
	height:23px;
	margin: -25px 0 0 0;
	padding:0;
	float:left;
	position:absolute;
	z-index:10;	
	}
.next {
	width:23px;
	height:23px;
	margin: -25px 0 0 959px;
	padding:0;
	float:right;
	position:absolute;
	z-index:10;		}
.block_main {
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	clear:both;
	overflow:hidden;
	font-size:10px;
	border-bottom:1px solid #1a1818;
	}
.block_main a {
	text-decoration:none;
	color:#00a2cf;
	}
.block_main a:hover{
	text-decoration:underline;
	color:#1a1818;
	}
.block_main span {
	color:#818386;
	}
	
	.block {
	width:160px;
	height:300px;
	margin:0 14px 0 0;
	padding:13px 12px 15px 13px;
	float:left;
	background:#e8e4e5 url(images/home_cont_top.jpg) repeat-x left top;
	}
.block1 {
	width:160px;
	height:300px;
	margin:0 0 0 0;
	padding:13px 12px 15px 13px;
	float:left;
	background:#e8e4e5 url(images/home_cont_top.jpg) repeat-x left top;
	}
.head_img {
	width:160px;
	height:65px;
	margin:0 auto 15px auto;
	padding:0 ;
	text-align:center;
	border-bottom:1px solid #1a1818;
	}
.head_img img.on {
	margin-top:18px;
	}
.head_img img.tw {
	margin-top:11px;
	}
.head_img img.th {
	margin-top:4px;
	}
.head_img img.fo {
	margin-top:3px;
	}
.block_main h2 {
	font-size:16px;
	color:#00a2cf;
	padding-bottom:10px;
	}
.main {
	width:100%;
	height:auto;
	margin:15px 0 0 0;
	padding:0;
	clear:both;
	overflow:hidden;
	}
.main h3 {
	font-size:19px;
	margin:0;
	padding:0;
	color:#1a1818;
	font-weight:normal;
	}
.featured_work {
	width:281px;
	height:auto;
	margin:0;
	padding:0px 10px 10px 10px;
	float:right;
	background:#e0e1e2;
	}
.work1 {
	width:281px;
	height:1px;
	margin:5px 0;
	clear:both;
	overflow:hidden;
	padding:0;
	}
.work2 {
	width:281px;
	height:1px;
	margin:14px 0;
	clear:both;
	overflow:hidden;
	padding:0;
	border-top:1px solid #1a1818;
	}
p.strong {
	font-size:16px;
	padding:8px 0 0 0;
	width:281px;
	font-weight:bold;
	}
p.strong a{
	text-decoration:none;
	color:#00a2cf;
	}
p.strong a:hover {
	text-decoration:underline;
	color:#00a2cf;
	}
.blog_m {
	width:650px;
	height:auto;
	margin:0 ;
	padding:0 30px 0 0;
	float:left;
	}
.blog {
	width:310px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
.blog strong {
	font-size:18px;
	color:#00a2cf;
	line-height:24px;
	}
.blog span {
	font-size:10px;
	color:#818386;
	line-height:24px;
	font-weight:bold;
	}
.twitterfeed {
	width:295px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	}
.border {
	border-top:1px solid #1a1818;
	margin:25px 0;
	clear:both;
	overflow:hidden;
	}
.twit_feed {
	width:295px;
	height:auto;
	margin:0;
	padding: 0px 0 20px 0px;
	clear:both;
	overflow:hidden;
	border-color: #000000;
	border-bottom: 1px;
	}
.twit_feed img {
	width:53px;
	height:52px;
	margin:0;
	padding:0;
	float:left;
}
.twit_feed_cont {
	width:220px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	float:right;
	border-bottom:1px solid #1a1818;
}
.twit_feed_cont strong {
	color:#00a2cf;
	}
.twit_feed_cont span {
	color:#818386;
	font-size:10px;
	font-weight:bold;
	}
.bor {
	border-bottom:0;
	}
/*......................home internal styles ends here..................*/

/*......................sub page internal styles starts here..................*/
.portfolio {
	width:100%;
	height:auto;
	margin:0;
	padding:40px 0 0 0;
	clear:both;
	overflow:hidden;
	}
.features {
	width:302px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
.features_c {
	margin:0 36px;
	}
.portfolio h1 {
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	font-weight:normal;
	font-size:18px;
	padding:0 0 20px 0;
	background:url(images/home_cont_top.jpg) repeat-x left bottom;
	}
.portfolio a {
	text-decoration:none;
	color:#00A2CF;
	}
.portfolio a:hover{
	text-decoration:none;
	color:#00A2CF;
	}
.portfolio a:visited{
	text-decoration:none;
	color:#555555;
	}
.features strong {
	font-size:18px;
	color:#00a2cf;
	line-height:24px;
	}
.features span {
	font-size:10px;
	color:#818386;
	line-height:24px;
	font-weight:bold;
	}
.features_img {
	width:301px;
	height:125px;
	margin:17px 0 0 0;
	padding:0;
	clear:both;
	overflow:hidden;
	background:#888888;
	}
.share {
	width:100%;
	height:auto;
	margin:10px 0 0 0;
	padding:12px 0;
	clear:both;
	overflow:hidden;
	border-bottom:6px solid #1a1818;
	border-top:1px solid #1a1818;
	}
.share p {
	float:left;
	font-size:18px;
	color:#818386;
	margin:0;
	padding:0 20px 0 0;
	}
.share img {
	float:left;
	margin:0 0 0 10px;
	padding:0;
	}
.button {
	width:100%;
	height:auto;
	margin:0;
	padding:15px 0 0 0;
	clear:both;
	overflow:hidden;
	}
.prev_s {
	width:23px;
	height:23px;
	margin:0;
	padding:0;
	float:left;
	}
.next_s {
	width:23px;
	height:23px;
	margin:0;
	padding:0;
	float:right;
	
	}
/*......................sub page internal styles ends here..................*/
.menu_nav {
	width:329px;
	height:55px;
	margin:0 0 0 651px;
	padding:0;
	float:right;
	background:url(images/menu_nav.jpg) no-repeat left top;
	position: absolute;
	z-index: 10;
	}
.menu_nav ul {
	margin:0;
	padding:0;
	z-index: 10;
	}
.menu_nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	z-index: 10;
	}
.menu_nav ul li a.one {
	margin:0 37px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:34px;
	height:55px;
	z-index: 10;
	}
.menu_nav ul li a.one:hover, .menu_nav ul li.current1 {
	margin:0 37px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:34px;
	height:55px;
	background:url(images/menu_nav.jpg) no-repeat left -55px;
	z-index: 10;
	}
.menu_nav ul li a.two {
	margin:0 35px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:30px;
	height:55px;
	z-index: 10;
	}
.menu_nav ul li a.two:hover, .menu_nav ul li.current2 {
	margin:0 35px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:30px;
	height:55px;
	background:url(images/menu_nav.jpg) no-repeat -71px -55px;
	z-index: 10;
	}
.menu_nav ul li a.three {
	margin:0 28px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:54px;
	height:55px;
	z-index: 10;
	}
.menu_nav ul li a.three:hover, .menu_nav ul li.current3 {
	margin:0 28px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:54px;
	height:55px;
	background:url(images/menu_nav.jpg) no-repeat -136px -55px;
	z-index: 10;
	}
.menu_nav ul li a.four {
	margin:0 30px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:35px;
	height:55px;
	z-index: 10;
	}
.menu_nav ul li a.four:hover, .menu_nav ul li.current4 {
	margin:0 30px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:35px;
	height:55px;
	background:url(images/menu_nav.jpg) no-repeat -218px -55px;
	z-index: 10;
	}
.menu_nav ul li a.five {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:46px;
	height:55px;
	z-index: 10;
	}
.menu_nav ul li a.five:hover, .menu_nav ul li.current5 {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:46px;
	height:55px;
	background:url(images/menu_nav.jpg) no-repeat -283px -55px;
	z-index: 10;
	}



/* anythingSlider */
.anythingSlider                         { width: 982px; height: 422px; position: relative; margin-left:0px; padding-top:0px;}
.anythingSlider .wrapper                { width: 982px; height: 422px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 422px; width: 982px; position:relative;}
.anythingSlider ul li img.slide {
	float:left;
}
	.anythingSlider dl {
		float:left;
		width:141px;
		line-height:17px;
		color:#7e8c9a;
		position:absolute;
		bottom:0;
		right:0;
	}
	.anythingSlider dl dt {
		font-size:1.17em;
		font-weight:bold;
		color:#f00;
		margin-bottom:8px;
	}
.anythingSlider .arrow                  { display: block; z-index: 10000; height: 53px; width: 26px; background:url(images/buttons.png) no-repeat left top; text-indent: -9999px; position: absolute; top: 395px; cursor: pointer; margin:0;}
.anythingSlider .forward                { background-position: 0 0; right:0; z-index: 10000; }
.anythingSlider .back                   { background-position: -26px 0; left: 0px; z-index: 10000;}
.anythingSlider .forward:hover          { background-position: 0 0px; z-index: 10000;}
.anythingSlider .back:hover             { background-position: -26px 0px; z-index: 10000; }

#start-stop                             { display:none;}

.anythingSlider h2 {
	font-size:25px;
	width:100%;
	overflow:hidden;
	width:636px;
	margin-bottom:0;
	border-bottom:none;
	letter-spacing:-1px;
}
	.anythingSlider h2 a {
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		font-size:12px;
		font-weight:normal;
		letter-spacing:normal;
	}
/* anythingSlider */

.tweet {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000000; }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff; }
    .tweet .tweet_list li {
      overflow: auto;
      padding: .5em 0 0 0; 
	  border-bottom:1px solid #1a1818;
  }
      .tweet .tweet_list li a {
        color: #00A2CF; }
    .tweet .tweet_list .tweet_even {
      background-color: #ffffff; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
	  padding-bottom: 50px;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }