/* Home CSS Document */
#home { margin:0 0 0 5px; font-size:11px; }

/* Top Homepage Feature Image and Content */
.homeFeature         { background:#FFF url(../images/HomePageImage.jpg) no-repeat top left; height:245px; width:923px; display:block; margin:-6px 0 0 -15px; padding:20px; letter-spacing:.03em; }
.homeFeature a.price { float:left; }

.homeFeature .tableInfo    { float:right; margin:10px 140px 0 0; width:500px; }
.homeFeature .tableInfo h1 { font-size:16px; font-weight:normal; color:#fff; padding:0; margin:15px 10px 0; }
.homeFeature .tableInfo h2 { font-size:13px; text-transform:uppercase; padding:0; margin:0; }
.homeFeature .tableInfo p  { line-height:1.3em; font-size:11px; margin:0; padding:0; }
.homeFeature .tableIngo td { padding:10px; }


/* Product Screenshot Images */
.productScreens     { background:#bbb; clear:both; width:952px; margin:8px 0 0px -15px; padding:10px 5px 10px 6px; display:block; }
.productScreens div { display:block; height:30px; padding:3px 0; }

.productScreens div h2,
.productScreens div a,
.productScreens div p       { padding:0; margin:0; float:left; }
.productScreens div h2      { font-size:16px; padding:0 5px; line-height:14px; }
.productScreens div h2 span { display:block; font-size:11px; font-weight:normal; }
.productScreens div a       { background:url(../images/css/HomepageScreenshotsArrow.png) no-repeat top left; float:right; width:225px; line-height:1.3em; text-decoration:none; color:#000; padding:0 0 0 22px; }

.productScreens a.screen { color:#fff; text-decoration:none; float:left; display:block; height:218px; width:309px; padding: 0px; overflow:hidden; margin:0 4px; text-transform:uppercase; font-size:12px; font-weight:bold; }
.productScreens a.screen.red   { background-color:#964d56; }
.productScreens a.screen.blue  { background-color:#4cc2ec; }
.productScreens a.screen.green { background-color:#99ca00; }
.productScreens a.screen.orng  { background-color:#fe662e; }

.productScreens a.screen span  { background:url(../images/css/gradientbg.png) repeat-x bottom left; height:21px; width:310px; display:block; padding:20px 0 10px 20px; positoin:absolute; z-index:1; }

.productScreens a.screen span.frame { background:url(../images/css/productFrame.png) no-repeat top left; display:block; width:318px; height:218px; position:absolute; margin:0 0 0 -5px; padding:0; z-index:2; }

.productScreens a:hover { text-decoration:underline; }



/* Product Contact Methods */
.connect { background:url(../images/css/HomepageConnectBg.png) repeat-x top left; display:block; width:923px; margin:0 0 0 -15px; padding:7px 20px; line-height:1.3em; }

.connect div { display:block; float:left; width:270px; margin:0 3px; padding:0 15px; }

.connect .newsletter { background:url(../images/css/homepageNewsletter.jpg) no-repeat top left; }
.connect .clients    { background:url(../images/css/homepageClients.jpg) no-repeat top left; width:220px; }
.connect .support    { background:url(../images/css/homepageSupport.jpg) no-repeat top left; width:325px; }

.connect h2 { font-size:14px; margin:35px 0 20px 60px; //margin-bottom:29px; }
.connect .newsletter h2 { margin:30px 0 20px 85px; }
.connect .clients h2    { margin:35px 0 27px 60px; }

.connect a       { color:#ee9114; text-decoration:none; margin:10px 0 0; display:block; }
.connect a:hover { text-decoration:underline; }
.connect ul a    { background:url(../images/css/linkArrowGray.png) no-repeat center left; padding:0 0 0 15px; }

.connect ul    { margin:0; padding:0; }
.connect ul li { list-style:none; margin:7px 0; }

.connect form    { margin:0 0 10px 0; padding:0 0 5px; }
.connect input   { border:1px solid #9b9b9b; padding:4px; color:#606060; font-size:9px; float:left; margin:5px 0 10px; height:13px; width:150px;}
.connect .submit { border:none; padding:0; height:24px; width:34px; display:block; margin:0 4px; position:relative; //top:-1px; } 
.connect input#password { margin:0 10px 0 0; }
.connect input#email    { margin:0 10px 0 0; }

.connect .liveChatBtn { background:url(../images/css/liveChat.png) no-repeat top left; display:block; width:200px; height:91px; text-indent:-100000000px; font-size:0; overflow:hidden; float:left; margin:0 0 0 -20px; //margin-top:15px; }
.connect .support ul { float:right; margin:5px 0 0; }
.connect .support p  { float:left; width:180px; }

