/* ------------------------------------------------------------------------------ */
	/*
	
		project:				SightSpeed - www.sightspeed.com
		file						ss.css
		creator:				Ben Kutil, modded by Mindgruve
		creation date:	8/22/07 2:20:40 PM
		copyright:			(c) 2007 R2 Integrated. All rights reserved.
	
	*/
/* ------------------------------------------------------------------------------ */
/* =TYPOGRAPHY
   --------------------------------------------------------------------*/

		/* ------------------------------------------------------------------------------ */
			/*
					1.0 General
					2.0 Links
				        2.1 Tier 1 Links
					3.0 Headers
					4.0 Text
					5.0 Lists
			*/
		/* ------------------------------------------------------------------------------ */

		/* =1.0 General
		   --------------------------------------------------------------------*/

				html 
				{
					font-size: 16px; /* Standard Starting Point for All Browsers */
				}

				body 
				{
					text-align: left;
					font-family: "Helvetica Neue Regular", HelveticaNeueRegular, Helvetica, sans-serif;
					/*font-size: 62.5%;*/ /* Sets font-size to be roughly 10px. Easy baseline for em */
					font-size: 70%; /* Sets font-size to be roughly 11px. Easy baseline for em */
					line-height: 1.25;
					color: #002e4f;
				}

				div, table, td 
				{
					font-size: 1em; /* Fixes problem with IE not carrying down font-sizes correctly. */
				}

				img,table.moduletable 
				{
                                        /* no one likes borders around their images */
					border: 0; 
                                        
                                        /*  Fixes PNG alpha channel blend in IE 5.5 - 6 ntrujillo@mindgruve.com */
                                        behavior: url("/images/biz_images/iepngfix.htc");
				}
                                


		/* =1.0 General End
		   --------------------------------------------------------------------*/

		/* =2.0 Links
		   --------------------------------------------------------------------*/

				a,
				a:link,
				a:active
				{
					color: #bc002d;
					text-decoration:none;
				}

				a:hover
				{
					text-decoration:underline;
				}

				#sub-content a,
				#sub-content a:link,
				#sub-content a:active
				{
					text-decoration:none;
					color:#9b1911;
				}

				#sub-content a:hover
				{
					text-decoration:underline;
					color:#291f06;
				}

				#blog-events a
				{
					text-decoration:none;
					color: #43463a;
				}

				#blog-events a:hover
				{
					color:#000;
				}

				#nav-utility a,
				#nav-utility a:link,
				#nav-utility a:active
				{
					color: #3a2c08;
					font-weight:bold;
					text-decoration:none;
				}

				#nav-utility a:hover
				{
					text-decoration:none;
					color:#fff;
				}

				.module .more
				{
					margin:0 0 0 27px;
					font-weight:bold;
					font-size:1.2em;
				}

		/* =2.0 Links End
		   --------------------------------------------------------------------*/

		/* =3.0 Headers
		   --------------------------------------------------------------------*/

				h1,h2,h3,h4,h5,h6
				{
					margin: 0;
					padding:0;
					font-weight:normal;
				}

				h1
				{
					font-family:"TheSans 3-Light", "Helvetica Neue Light", Arial, Helvetica, sans-serif;
                    font-size: 18px;
					line-height:1;
					color:#002e4e;
					margin: 0;
					padding:0;
                    width:600px;
                    height:30px;
				}
				
				h2
				{
					font-family:"TheSans 7C-BoldCaps", "Helvetica Neue Bold", Arial, Helvetica, sans-serif;
					font-size:1.8em;
					font-weight:bold;
					text-transform:uppercase;
					letter-spacing:.2em;
					color:#005d96;
				}
				
				h3, .componentheading
				{
					font-family:"TheSans 7C-Bold", "Helvetica Neue Bold", Arial, Helvetica, sans-serif;
					font-size:1.5em;
					font-weight:bold;
					color: #00011c;
				}
				
				h4
				{
					font-family:"Helvetica Neue Bold", Arial, Helvetica, sans-serif;
					font-size:1.5em;
					font-weight:bold;
					color: #002e4f;
				}

				h5
				{
					font-family:"Helvetica Neue Bold", Arial, Helvetica, sans-serif;
					font-weight:bold;
					font-size:1.2em;
					color: #002e4f;
				}

				h6
				{
					font-family:"Helvetica Neue Bold", Arial, Helvetica, sans-serif;
					font-size:1em;
					text-transform:uppercase;
					letter-spacing:.2em;
					color: #002e4f;
				}


		/* =3.0 Headers End
		   --------------------------------------------------------------------*/

		/* =4.0 Text
		   --------------------------------------------------------------------*/

				p 
				{
					margin:0 0 1.25em 0;
					/*font-size:1.2em;*/
					font-size:1.25em;
				}
				
					p.narrow1
					{
						line-height:1.1;
					}
				
				pre 
				{
					padding:5px;
					background:#ececec;
				}

				strong, b 
				{
					font-weight: bold;
				}

				em, i 
				{
					font-style: italic;
				}

				code 
				{
					font-family: "Courier New", Courier, monospace;
				 	font-size: 1em;
				 	white-space: pre;
				}

				#event-list .date
				{
					font-family:Georgia, serif;
					font-weight:normal;
				}

		/* =4.0 Text End
		   --------------------------------------------------------------------*/

		/* =5.0 Lists
		   --------------------------------------------------------------------*/

				ul,
				ol 
				{
					margin:0 0 1.5em .5em;
				}

				ul li,
				ol li
				{
					margin-bottom:.58em;
                                             margin-left:2em;
					font-size:1.2em;
				}
				
					ul li li,
					ol li li
					{
						margin-top:.58em;
						margin-bottom:.58em;
						font-size:1em;
					}


		/* =5.0 Lists End
		   --------------------------------------------------------------------*/

		/* =6.0 Table
		   --------------------------------------------------------------------*/

				table 
				{
					font-size: 1em;
					/*margin: 0 0 1.5em 0;*/
					margin:0px;
					padding: 0;
				}

				table caption 
				{
					font-weight: bold;
					margin: 0 0 0 0;
					padding: 0 0 1.5em 0;
				}

				tr
				{
					vertical-align:top;
				}

				/*-- Commented out because it interferes with Prev-Next nav links styled in template_css.css - Tom Tenoever --*/
				/*th 
				{
					padding:5px;
					font-size:1.5em;
					font-family:"Minion Pro", MinionPro, Minion, Georgia, serif;
					font-weight: bold;
					text-align: left;
					color:#fff;
					background:#3A2C08;
				}*/

				td 
				{
					font-size: 1em;
				}

				#support-sizing td
				{
					font-size:1.0em;
					font-family:Georgia;
					text-align:center;
				}

				#support-sizing td.size
				{
					padding:5px 10px;
					font-size:1.2em;
					line-height:1.25;
					font-weight:bold;
					text-align:right;
				}

		/* =6.0 Table End
		   --------------------------------------------------------------------*/
		

/* =/TYPOGRAPHY
   --------------------------------------------------------------------*/


/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin-bottom: 1px;
}

.clr {
	clear: both;
}

/* STRUCTURE */

#container { 
	background-color:#FFFFFF;
	margin:auto;
	width:100%;
}

html>#container {
	width:100%;
}

#content {
	width:970px;
	margin:auto;
	/*background:url(../images/bg_fadetogrey.jpg) repeat-x;*/
	/*background-color:#e5e3e4;*/
         background-color:#fbfbfb; 
}  

#pageTop {
	width:100%;
	height:24px;
	background:url(../images/bg_menuTop.jpg) repeat-x;
	background-color:#1c517d;
}

#menuSearch {
	float:right;
	width:600px;
	height:24px;
	text-align:right;
}

#menuTop {
	float:right;
	height:24px;
}

#header {
	height:84px;
	width:100%;
	background:url(../images/bg_menuMain.jpg) repeat-x;
	margin:0px;
	padding:0px;
}

#logo {
	margin:10px;
	float:left;
}

#menuMain {
	margin-top:15px;
	float:right;
}

#pageContent {
	width:700px;
	float:left;
	margin-left:30px;
}

#sectionNav {

        background:url(../images/bg_sectionNav.png) no-repeat;
	width:160px;
         height:500px;
	float:right;
	margin: 5px 30px 10px 0px;
	padding-left:10px;
         behavior: url("/images/biz_images/iepngfix.htc");
	
}

#headline {
	background:url(../images/headline_keepingfriends.gif) no-repeat;
	background-color:#ffffff;
	width:700px;
	height:56px;
}

#mainFlash {
	width:970px;
	height:274px;
	background:url(../images/mainFlash.gif) no-repeat;
}

/* FEATURES PORTAL */

.featuresList a,
.featuresList a:link,
.featuresList a:active {
	font-size:12px;
         font-weight:bold;
	color: #005d96;
	text-decoration:none;
}

.featuresList a:hover {
	font-size:12px;
         color:#5c5c5c;
	text-decoration:underline;
}

#featuresBackground {
	/*background:#ffffff url(../images/bg_page.png) bottom no-repeat;*/
	width:970px;
	height:auto;
	clear:both;
}

#features {
	width:855px;
	margin:auto;
}

#featuresTop {
	background-color:#ffffff;
	/*background:url(../images/bg_featuresTop.png) no-repeat;*/
	height:10px;
}

#features td.headers {
	background-color:#005d96;
	border-top:1px;
	border-right:1px;
	border-bottom:0px;
	border-left:1px;
	border-style:solid;
	border-color: #a5a5a5;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	padding:2px 15px;
}

#features td.separator {
	/*background:url(../images/bg_featuresSeparator.png) repeat-y;*/
	width:44px;
}

#features td.HeaderSeparator {
	background:url(../images/bg_headerSeparator.png) no-repeat;
	width:44px;
}

#featuresBottom {
	background:url(../images/bg_featuresBottom.png) no-repeat;
	width:970px;
	height:42px;
}

#features td.content {
	background:#f4f4f4 url(../images/bg_featuresContent.png) repeat-x;
	width:605px;
	padding:5px 15px;
	vertical-align:top;
	margin:0px;
	border-top:0px;
	border-right:1px;
	border-bottom:1px;
	border-left:1px;
	border-style:solid;
	border-color: #a5a5a5;
}
#features td.sectionnav {
	background:#f4f4f4 url(../images/bg_featuresContent.png) repeat-x;
	width:200px;
	padding:5px 15px;
	vertical-align:top;
	margin:0px;
	border-top:0px;
	border-right:1px;
	border-bottom:1px;
	border-left:1px;
	border-style:solid;
	border-color: #a5a5a5;
}

#features td.content table td {
	padding:2px 5px;
	vertical-align:top;
	width:50%;
}

/* END FEATURES PORTAL */

#personal {
	float:left;
	width:450px;
	height:188px;
}

#business {
	float:right;
	width:450px;
	height:188px;
}

#awards {
	width:970px;
	height:101px;
	background:#d7d7d7 url(../images/bg_awards.png) repeat-x;
	/*background-color:#2e4a6b;*/
	margin:0px;
	padding:0px;
	clear:both;
}

#awards td {
	vertical-align:middle;
	text-align:center;
}

#awards td.first {padding-left:10px;}
#awards td.last {padding-right:10px;}

#sub {
	background-color:#d7d7d7;
}


#sub-content {
	margin:14px 10px 10px 60px;
}

#sub-content2 {
	margin:14px 60px 10px 10px;
}

#footer {
	text-align: left;
	padding: 5px 15px;
	background-color:#f5f5f5;
         line-height:1em; 
}


/* LEGACY CSS STUFF FROM JOOMLA TEMPLATE */

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

/*--- FOOTER NAV - not defined in css/ss.css ---*/
#footer {
	color:#2e4a6b;
}

#footer a, #footer a:link, #footer a:active {
	text-decoration:none;
	color:#509be6;
}

#footer a:hover {
	text-decoration:underline;
	color:#a7c2e2;
}
 
/*--- NAVIGATION MENU TWEAKS ---*/

#wrap36 .menu36 td {border-left:1px solid #ffffff;}
#wrap35 .menu35 td {
	border-left:1px solid #d1d4d3;
	/*background:url(../images/bg_menuMain_on.jpg) repeat-x;*/
}

/*--- BUTTONS ---*/

.button {
	background:#bc002d;
	/*background:#9a3c3c url(../images/bg_btn_red.png) repeat-x;*/
	/*background:#9a3c3c url(../images/bg_buttonRed.png) no-repeat;*/
	padding:6px 10px;
	/*width:111px;*/


	width:auto;
	height: 30px;
	margin: 1px;
	text-align:center;
         color:#ffffff;
	font-size: 14px;
	font-weight: bold;
}

.button a, 
.button a:link, 
.button a:visited, 
.button a:hover, 
.button a:active {
	text-decoration:none;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
}


/*--- STYLE SHEET FOR JOOMLA CONTENT ---*/

.moduletableTestimonial {
	font-style:italic;
	font-size:9px;
	width:145px;
	margin-top:10px;
}

.contentheading, .contentheading_realCust {
	font-size:16px;
	font-weight:bold;
}

span.article_seperator {
  display: block;
  height: 20px;
}

th.pagenav_prev, th.pagenav_next {
	padding:5px;
	font-size:1.0em;
	text-align: left;
}

/*--- SECTION NAV ---*/

#wrap49 .menu49 td,
#wrap50 .menu50 td, 
#wrap56 .menu56 td, 
#wrap57 .menu57 td {
	border-bottom:1px solid #abb0af;
	padding:2px 0px;
	width:140px;
}

#wrap49 td.last49,
#wrap50 td.last50,
#wrap56 td.last56,
#wrap57 td.last57 {
	border-bottom:0px;
}

/*--- Business Section ---*/

.bizFeaturesInAction, .bizFeaturesInAction h4 {
         background-color:#e5e3e4;
}

.bizFeaturesInAction td {
	padding:5px;
         /*background:url(../images/bg_featuresinaction.png) repeat-x;*/
}

.bizFeaturesInAction ul {
	list-style-type: none;
}

.fiaHeading {
	font-size:13px;
	color:#005d96;
	font-weight:bold;
}
.bizFeaturesInAction td.fiaHeading {
	border-bottom: 1px solid #d4d4d4;
         background-color:#fbfbfb;
         padding-top:20px;
}

.fiaHeading td {
	border:none;
}

#footnotes {
	font-size:9px;
	margin:10px;
}

/*--- Troubleshooting Section ---*/

.supportTrouble {
}

table.supportTrouble {
	width:100%;
	border-collapse:collapse;
}

.supportTrouble td {
	border-top: 1px solid #666666;
	margin:0px;
	padding:5px;
}

.supportTrouble td ol,
.supportTrouble td ul {
	margin:10px 5px;
}

.supportTable {width:100%}
.supportTable th {color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; background-color:#005d96;}
.supportTable td {padding:5px;}

/*--- Real Customers Section ---*/

.readon_realCust {float:right;}

/*--- Vanity: Business ---*/

#textRegion{
        background:url("/images/biz_images2/TextRegion.gif") no-repeat;
        width:286px;
        height: 197px;
	font-size:13px;	
}

#linksTable{
        width:266px;
	margin:0px;
        margin-left:24px;
}

td.cellfinal div{
    border:0px;
	height:12px;
}

#bizMenuHeader{
        height: 27px;
	background:url("/images/biz_images2/menuHeader.gif") no-repeat;
}

#h1container	{
	width:670px;
	margin:0px 0px 7px 0px;
}

#bbtitle	{
	padding:20px 0px 0px 0px;
	margin:0px;
}
/*--- Vanity: Personal ---*/

#media_one{
        width:378px;
	height:218px;	
        
}

.article_seperator {
display:block;
z-index: -10;

}

#freeOne{	
position:absolute;
	width:154px;
	height:219px;
	background:url("/images/personal_images/freeone_v2.gif") no-repeat;	
}

#freeTwo{
position:absolute;
	width:153px;
	height:219px;
	background:url("/images/personal_images/freetwo.v5.gif") no-repeat;
}
.intMenuA{
	margin-top:45px;
        margin-left:6px;
}

.intMenuB{
	margin-top:45px;
        margin-left:6px;
}


.linksTable{
        margin-left:0px;
	/*margin-top:45px;
        */width: 148px;
}

#learnMoreOne{
    /*border:solid 1px;*/
    height: 82px;
}

#learnMoreTwo{
    /*border:solid 1px;*/
    height: 42px;
}

.nover:hover{
        cursor: pointer;        
        hover:none;
        text-decoration:none;
}
#personalVanityMain{
	position: relative;
	top:30px;
	left:12px;
}
#wrapBg	{
	background:url("/images/stories/personal/personalbg.jpg") no-repeat;
	background-repeat:no-repeat;
	height:552px;
	width:715px;
}
#btmTbl	{
	position:relative;
        margin-top:50px;
		padding-left:12px;
}
.invite	{
	position:relative;
	top: 122px;
        width:306px;
        height:96px;
}

/*--- Optimize Your SightSpeed ---*/

div.hr {
        border: none;
        border-top: 1px solid #dfdfdf; 
        width:680px;
}

div.hr hr {
        display: none;
}

/* Button styles / mouseovers */

#internetConnections{
      background:url('/images/optimizeYourSightSpeed/internetConnectionLo.png');
      width:115px;
      height:101px;

}
#internetConnections:hover{
      background:url('/images/optimizeYourSightSpeed/internetConnection.png');
      border-right-color: #dfdfdf;
      border-bottom-color: #fbfbfb;
}      


#headsetAndSoundQuality{
      background:url('/images/optimizeYourSightSpeed/headsetSoundAndQualityLo.png');
      width:150px; height:101px;
}
#headsetAndSoundQuality:hover{
      background:url('/images/optimizeYourSightSpeed/headsetSoundAndQuality.png');
      border-left-color: #dfdfdf;	
      border-right-color: #dfdfdf;
      border-bottom-color: #fbfbfb;	      
}

#webcamChoiceAndSetup{
      background:url('/images/optimizeYourSightSpeed/webcamChoiceAndSetupLo.png');
      width:145px; height:101px;
}
#webcamChoiceAndSetup:hover{
      background:url('/images/optimizeYourSightSpeed/webcamChoiceAndSetup.png');
      border-left-color: #dfdfdf;	
      border-right-color: #dfdfdf;
      border-bottom-color: #fbfbfb;	      
}


#sightSpeedSetup{
      background:url('/images/optimizeYourSightSpeed/sightSpeedSetupLo.png');
      width:130px; height:101px;
}
#sightSpeedSetup:hover{
      background:url('/images/optimizeYourSightSpeed/sightSpeedSetup.png');
      border-left-color: #dfdfdf;	
      border-right-color: #dfdfdf;
      border-bottom-color: #fbfbfb;	      
}

#areYouVideoReady{
      background:url('/images/optimizeYourSightSpeed/areYouVideoReadyLo.png');
      width:130px; height:101px;
}
#areYouVideoReady:hover{
      background:url('/images/optimizeYourSightSpeed/areYouVideoReady.png');
      border-left-color: #dfdfdf;
      border-bottom-color: #fbfbfb;      
}

.optimizeMenuNav ul{
      list-style:none;
      padding:0px;
      margin:0px;
      border: solid 1px;
      zIndex: -10;
}

.optimizeMenuNav li{
      float:left;
      display:block;
      cursor:pointer;
      margin:0;
      padding:0;

}
.optimizeMenuNav li a div {
      behavior: url('/images/biz_images/iepngfix.htc');
      border: solid 1px #fbfbfb;	
      border-bottom-color: #dfdfdf;
      list-style:none;
      padding:0px;
      margin:0px;
}

/*--- Business Pricing ---*/

.sep	{
	background-color: #CCCCCC;
	height: 1px;
}
.smText	{
	font-size:12px;
	padding-top: 5px;
	font-style:italic;
}
.conRow	{
	padding: 6px;
	vertical-align:top;
	font-size:14px;
}
.savCell	{
	font-weight:bold;
	padding: 6px;
	font-size:14px;
}

/*--- Consumer/Features Accordian ---*/


.technology{ /*header of 2nd demo*/
width: 650px;
cursor: hand;
cursor: pointer;
font-weight: bold;
font-size: 13px;
margin: 10px 0;
border-top: 2px solid #cccccc;
padding: 8px;
vertical-align:top;
}

.thelanguage{
width:650px;
padding-left: 26px;
padding-bottom:20px;
}

.openlanguage{ /*class added to contents when they are open*/
color: #2e4a6b;
}

.closedlanguage{ /*class added to contents  when they are closed*/
color: #c40735;
}