/*--------------------------------------------------------------------------------------------------

Client: 3c|WebShoppe (Beta 1)
URL: http://www.3cWebShoppe.com
Company: 3cStudios
Author: Weszt

1. Document
2. Setup
3. Headers
4. Left Column
5. Clearfix

--------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------
	1. Document
--------------------------------------------------------------------------------------------------*/
html,body{
margin:0;
padding:0
}
body{
font: 76% arial,sans-serif;

text-align:center;
}
p{
margin:0 10px 10px;
}
img 
{
	border:0;
}




/*--------------------------------------------------------------------------------------------------
	2. Setup
--------------------------------------------------------------------------------------------------*/
div.topbar {
width:100%;
padding-top:8px;
padding-bottom:-8px;
background:url(../Images/BG_Top.png) no-repeat center top;
height:85px;
}
div.middlebar {
background:url(../Images/BG_Middle.png) center top;
min-height:100px;
clear:both;
}
div.barcontainers {
width:900px;
text-align:left;
clear:both;
margin:0 auto;
position:relative;
}
div.barcontainerbottom {
width:900px;
text-align:left;
clear:both;
margin:0 auto;
text-align:center;
}
div.bottombar {
width:100%;
padding-top:20px;
background:url(../Images/BG_Bottom.png) no-repeat top center;
height:83px;
clear:both;

}



/*--------------------------------------------------------------------------------------------------
	3. Headers
--------------------------------------------------------------------------------------------------*/

div.header {
width:300px;
float:left;
margin-top:10px;

}
div.header h1{
width:375px;
margin:0;
height:50px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:normal;
background: transparent url(../Images/Logo_3cDots.png) no-repeat top left;
}
div.header h1 span {
	display:none
	}
div.actionbuttons h2{
color:#ffff8b;
font-size:24px;
margin-bottom:10px;
margin-top:0px;
padding:0px;
}
div.featureboxright h2{
color:#ffffff;
font-size:24px;
margin-bottom:10px;
margin-top:4px;
padding:0px;
font-weight:normal;
}		
div.middlerightcolumn h3{
color:#96a6d3;
font-weight:bold;
font-size:16px;
margin-top:0px;
margin-bottom:10px;
}
div.middleleftcolumnwhite h3 {
color:#3366CC;
margin-bottom:4px;
font-size:20px;
font-weight:normal;
}

div.middleleftcolumnwhite h4 {
color:#000000;
margin:0px;
font-size:16px;
font-weight:bold;
padding:0px;
}
div.middleleftcolumnwhite h5 {
color:#000000;
margin:0px;
font-size:14px;
font-weight:normal;

font-style:italic;
padding:0px;
}
/*--------------------------------------------------------------------------------------------------
	4. Left Column
--------------------------------------------------------------------------------------------------*/	
div.middleleftcolumn {
float:left;
width:537px;
}
div.pageintrobox {
width:537px;
}
div.pageintroboxcontent {
background:url(../Images/BG_PageIntroMain.png) top center repeat;
padding:6px;
}
div.pageintroboxcap {
width:537px;
background:url(../Images/BG_PageIntroCap.png) top left;
height:24px;
}
div.pageintrotitle {
width:auto;
text-align:center;
margin-top:60px;
font-size:14px;
color:#FFFFFF;

}

div.actionbuttons {
background:url(../Images/ActionButtons.png) top center no-repeat;
height:115px;
width:500px;
margin:0 auto;
margin-top:20px;
text-align:left;
}
div.actionbuttons a{
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}
div.actionbuttons a:hover{
font-size:14px;
color:#FFFFFF;
text-decoration:underline;
}
div.actionbuttonleft {
float:left;
width:250px;
/*text-align:center;
margin-top:20px;*/
}
div.actionbuttonright {
float:right;
width:250px;
/*text-align:center;
margin-top:20px;*/
}

div.featureboxwrapper {
width:537px;
}
div.featurebox {
background:url(../Images/BG_MarketingBubbles.png) top left no-repeat;
width:458px;
height:90px;
margin-top:10px;
margin-left:80px;
padding-top:10px;
padding-left:10px;
clear:both;
}
div.featureboxbottom {
background:url(../Images/BG_MarketingBubbles.png) top left no-repeat;
width:458px;
height:100px;
margin-top:10px;
margin-bottom:10px;
margin-left:80px;
clear:both;
}
div.featureboxleft {
float:left;
width:38px;
}
div.featureboxright {
width:380px;
overflow:hidden;
margin-left:20px;
margin-right:20px;
float:right;
color:#FFFFFF;
}
div.featureboxright p {
padding:0px;
margin-left:2px;
margin-bottom:10px;
}
div.yellowstarbullet {
width:38px;
height:38px;
line-height:38px;
background:url(../Images/YellowStarBullet.png) top left no-repeat;
text-align:center;
font-weight:bold;
font-size:24px;
color:#283652;
}


div.middleleftcolumnwhite {
width:auto;
background:#FFFFFF;
padding:10px;
margin-left:30px;
color:#000000;
}
div.middleleftcolumnwhite a{
color:#000000;
text-decoration:underline;
}
div.middleleftcolumnwhite p{
margin-left:0px;
padding-left:0px;
}

/*--------------------------------------------------------------------------------------------------
	5. Right Column
--------------------------------------------------------------------------------------------------*/
div.middlerightcolumn {
float:right;
width:343px;
min-height:100px;
color:#FFFFFF;
margin-top:50px;
padding-left:10px;
}
div.middlerightcolumn div.bigbuttonsignup 
{
	text-align:center;
	margin-bottom:40px;
}

div.middlerightcolumn ul{
margin-left:30px;
margin-bottom:50px;
padding-left:0px;
width:auto;
list-style:none;
}
div.middlerightcolumn li{
width:auto;
margin-left:30px;
border-bottom:#8d9cc8 solid 1px;
font-size:14px;
font-weight:normal;
margin-bottom:12px;
margin-left:0px;
padding-left:0px;
}
div.middlerightcolumn li a{
font-size:14px;
font-weight:normal;
text-decoration:none;
color:White;
}

/*--------------------------------------------------------------------------------------------------
	5. Clear Fix
--------------------------------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	   	   


/*--------------------------------------------------------------------------------------------------
	5. Tabbed Navigation
--------------------------------------------------------------------------------------------------*/

#tabbednavigation {
      width:auto;
      font-size:110%;
	  color:#FFFFFF;
	  height:40px;
	  position:absolute;
	  top:-4px;
	  left:0px;
	  background:url(../Images/Navigation/BG_TabbedNavigation.png) top left repeat;
      }
    #tabbednavigation ul {
	  margin-bottom:10px;
      padding:0px;
      list-style:none;
	  margin-top:-10px;
	  margin-left:0px;
      }
    #tabbednavigation li {
      float:left;
	  position:relative;	  
      background:url("../Images/Navigation/NavLeft.png") no-repeat left top;
      margin:0;
	  margin-right:2px;
      padding:0 0 0 15px;
      }
    #tabbednavigation a {
      display:block;
      background:url("../Images/Navigation/NavRight.png") no-repeat right top;
      padding:10px 25px 30px 10px;
      text-decoration:none;
      font-weight:bold;
      color:#FFFFFF;
      }
    #tabbednavigation a:hover {
      color:#FFFFFF;
      text-decoration:underline;	  
      }
    #tabbednavigation #current {
      background-image:url("../Images/Navigation/NavLeft_on.png");
      }
    #tabbednavigation #current a {
      background-image:url("../Images/Navigation/NavRight_on.png");
	 color:#000000;
       padding:10px 25px 30px 10px;
	  } 
	  
	  
.contactlabel 
{
	font-size:14px;
	font-weight:bold;
}