/*================================ 
 STYLMARK
 home.css  

 Last Updated By: Ryan Perry 
 Last Updated: 03/19/2010
================================*/


/*================================
 GLOBAL LAYOUT
================================*/
.main-container {background:url('/images/Stylmark/home-main-bg.jpg') no-repeat 1px 350px;}
.feature-container {clear:both; position:relative; margin-top:-12px; z-index:5; height:360px; background:url('/images/Stylmark/home-feature-bg.png') no-repeat; overflow:hidden;}
.content-container .home-main {clear:both; padding:34px 18px 130px 20px; display:inline-block; width:932px; font-size:11pt;}



/*================================
 SHOWCASE FEATURE
================================*/
.feature-container .feature-image {display:none; width:970px; height:360px;}
.feature-container .feature-image img {display:block; width:970px; height:360px;}

.feature-container .feature-nav {width:480px; height:74px; position:absolute; bottom:0; right:0; z-index:10;}
.feature-container .feature-nav h2 {float:left; text-align:right; width:194px; color:#4c4b4b; font-size:16px; font-weight:normal;  background:url('/images/Stylmark/home-feature-arrow.png') no-repeat right 30px; padding:20px 17px 0 0; margin-right:10px;}
.feature-container .feature-nav .nav {float:left; width:220px; display:inline-block;}
.feature-container .feature-nav .nav li {float:left; display:inline; position:relative; background:url('/images/Stylmark/home-feature-thumb-nav-bg.png') no-repeat; width:72px; height:72px; /*padding:9px 8px 8px 8px;*/ margin-right:2px;}
.feature-container .feature-nav .nav li img {display:block; cursor:pointer; /*margin:9px 8px 8px 8px;*/ width:56px; height:55px; position:relative; top:9px; left:8px;}
.feature-container .feature-nav .nav li a {display:block; cursor:pointer;}
.feature-container .feature-nav .nav li.last {margin-right:0;}



/*================================
 SOLUTION FEATURE
================================*/
.home-main .solution-feature {float:left; display:inline; width:212px; margin-right:28px; border-top:3px solid #797979; padding:10px 0;}
.home-main .solution-feature h2 {margin:0 12px 11px 13px;}
.home-main .solution-feature .image {display:block; position:relative; height:109px; width:199px; background:url('/images/Stylmark/home-solution-bg.png') no-repeat; margin:0 0 9px 6px; /*padding:9px 7px;*/}
.home-main .solution-feature img {display:block; height:91px; width:185px; position:relative; top:9px; left:7px;}

.home-main .solution-feature p {margin:0 14px 5px 14px;}
.home-main .solution-feature a {font-weight:bold; margin:0 14px;}



/*================================
 NEWS LISTING
================================*/
.home-main .news-listing {float:left; display:inline; width:212px; border-top:3px solid #7b4490; padding:10px 0;}
.home-main .news-listing h2 {margin:0 14px 20px 14px;}
.home-main .news-listing ul {display:inline-block; width:212px;}
.home-main .news-listing ul li {margin-bottom:15px; padding:0 14px; line-height:1.5;}
.home-main .news-listing ul li.all-news {margin-bottom:0; font-weight:bold;}

/*================================
 SocialMedia LISTING
================================*/


.home-main .SocialMedia-listing {float:left; display:inline; width:212px; border-top:3px solid #797979; padding:10px 0 20px 0;}
.home-main .SocialMedia-listing .nav {float:left; width:220px; display:inline-block;}
.home-main .SocialMedia-listing .nav li {float:left; display:inline; position:relative; margin-right:2px;}
.home-main .SocialMedia-listing .nav li img {display:block; cursor:pointer; /*margin:9px 8px 8px 8px;*/ width:32px; height:32px; position:relative; top:9px; left:8px;}
.home-main .SocialMedia-listing .nav li a {display:block; cursor:pointer;}
.home-main .SocialMedia-listing .nav li.last {margin-right:0;}


/*================================
 SocialMedia LISTING
================================*/


.home-main .SocialMedia-listing-private {float:right; display:inline; width:212px; border-top:3px solid #797979; padding:10px 0;}
.home-main .SocialMedia-listing-private .nav {float:left; width:220px; display:inline;}
.home-main .SocialMedia-listing-private .nav li {display:block; position:relative; margin-right:2px; margin-bottom:15px;}
.home-main .SocialMedia-listing-private .nav li img {display:block; cursor:pointer; /*margin:9px 8px 8px 8px;*/ width:130px;  position:relative; top:9px; left:8px;}
.home-main .SocialMedia-listing-private .nav li a {display:block; cursor:pointer;}
.home-main .SocialMedia-listing-private .nav li.last {margin-right:0;}