*{ margin:0px auto; padding:0px none; border:0px none;}
ul { list-style:none; margin:0px; padding:0px;}
body{ margin:0px; text-align:center; background:url(../images/bg.jpg) repeat-x; font-family:Trebuchet MS; font-size:13px; color:#333;}

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

h1{ font-size:30px; letter-spacing:-1px; color:#33acbf; line-height:30px; display:inline;}
.h1{font-size:30px; letter-spacing:-1px; color:#33acbf; line-height:30px; padding-top:20px;}
h2{ font-size:20px; color:#33acbf; letter-spacing:-1px; line-height:20px;}
h2 a{color:#33acbf; text-decoration:none;}
h2 a:hover{ color: #FF9900;}


a{ color:#387aa8; text-decoration:none;}
a:hover{ color: #FF9900;}

.clr{width:1px;height:1px;font-size:1px;margin-top:-1px;margin-left:-1px;clear:both;}

#container{ margin:auto; min-width:1000px; max-width:1200px; padding-bottom:50px;}
*html #container{ width:1000px;}

#header{ height:232px;}

#logo{ float:left; padding-right:40px; padding-top:50px; width:250px;}
*html #logo{ width:200px;}

#slogan{ float:left; width:25%; text-align:center; padding-top:21px; }
*html #slogan{ width:28%;}


#formHld{ float:right; padding-top:53px; width:431px; text-align:left; background:url(../images/form.png) no-repeat;}

.form{ width:430px; padding-top:10px; height:190px;}
.form li.c1{ float:left; width:160px;  padding-left:0px; text-align:left;}
.form li.c2{ float:left; width:225px; text-align:right;  margin-left:24px;}

.fields{ width:160px; margin-top:5px; margin-right:0px;}
.fields li.title{ font-size:18px; color:#35373a; line-height:18px;}
.fields li{ font-size:14px; color:#7abec8; line-height:11px; padding-top:0px; }
.fields li.field{ padding-top:2px;}

.txtFld{ width:149px; height:19px; background:none; font-size:11px; color:#49240b; padding-top:5px; padding-left:5px; margin-left:22px; margin-top:10px;}
.txtarea{ width:202px; height:67px; background:none; font-size:11px; color:#49240b; font-family:Tahoma; padding-top:5px; padding-left:5px; margin:0px;}
.slctservice{width:152px; height:24px; background:none transparent; font-size:11px; color:#231105; padding-top:5px; padding-left:5px; margin-left:22px; margin-top:7px;}

.tarea{ width:198px; margin-top:5px; margin-right:0px; padding-right:10px; padding-top:5px;}
.tarea ul li.title{ font-size:18px; color:#35373a; line-height:18px; text-align:left;}
.tarea ul li{ font-size:14px; color:#7abec8; line-height:11px; padding-top:0px; }
.tarea ul li.field{  margin-top:4px;}
.tarea label{color:#fff; cursor:pointer}
.tarea img.info{display:block; float:right; cursor:pointer}

.tweet{ float:left; width:90px; text-align:left; padding-top:21px;}
.tweet li{ float:left; text-align:left;}
.tweet li.txt{ padding-top:3px; }
.tweet a{font-size:12px; color:#fff;  line-height:11px; text-decoration:none; margin-left:4px;}

.send{ float:right; padding-top:16px; width:100px;}
.bntPost{ background:none; color:#49240b; cursor:pointer; text-align:center; width:110px; font-size:12px; font-weight:bold; font-family:Arial; height:23px;}

/*********************************/
#nav{ margin-top:6px;}
#nav li { float: left; margin-right:10px;}
#nav li a span{ float:left; cursor:pointer; display:block; text-indent:-9999px;}
#nav li a span.b1{ background:url(../images/nav.jpg) -2px 0px; width:72px; height:30px;}
#nav ul li a:hover span.b1{ background:url(../images/nav.jpg) -73px 0px;}
#nav li a span.b2{ background:url(../images/nav.jpg) -144px 0px; width:169px; height:30px;}
#nav ul li a:hover span.b2{ background:url(../images/nav.jpg) -312px 0px;}
#nav li a span.b3{ background:url(../images/nav.jpg) -480px 0px; width:74px; height:30px;}
#nav ul li a:hover span.b3{ background:url(../images/nav.jpg) -554px 0px;}
#nav li a span.b4{ background:url(../images/nav.jpg) -628px 0px; width:88px; height:30px;}
#nav ul li a:hover span.b4{ background:url(../images/nav.jpg) -716px 0px;}
/********************************/

.content{ margin-top:10px; text-align:left; clear:both}

#bookmarks{ padding-top:40px; max-width:1200px; min-width:1050px; text-align:left; clear:both}

.fluidCol{ float:left; width:24%; text-align:center;}
.fluidBox{ width:96%; height:250px;}
.fluidBox li{ float:left;}
.fluidBox li.left{ background:url(../images/casebg.jpg) top left; width:90%; height:250px; text-align:center;}
.fluidBox li.right{ background:url(../images/casebg.jpg) top right; width:11px; height:250px;}

.servLogo{ width:160px; height:60px; margin:auto; padding-top:15px; padding-left:11px;}

.servicelink{ text-align:right; font-size:11px; color:#79878c; line-height:12px;padding-top:10px;}
.servicelink a{ color:#79878c;}
.servicelink a:hover{ color: #FF9900;}

.features{ width:95%; margin:auto; text-align:left; padding-top:12px; min-height:106px; height:106px; }

.features ul{height:auto}
.features li { float:none; font-size:11px; color:#28514e; padding-left:25px; margin-top:3px; text-align:left;height:auto}
.features li.plus{ background:url(../images/plus.png) no-repeat 6px 1px; height:auto}
.features li.minus{ background:url(../images/minus.png) no-repeat 6px 1px; height:auto}
.url{ padding-left:11px; width:95%; text-align:left; line-height:11px; font-size:11px;}
.url a{ font-size:11px;}

.details{ width:95%px; text-align:right; padding-right:4px; height:auto; padding-left:11px;}
.details a.url{ float:left; text-align:left; width:72px; height:16px; background: url(../images/url.jpg) 0px 0px; color:#fff; text-align:center; display:block; font-size:11px; padding-top:5px;}
.details a.url:hover{ background: url(../images/url.jpg) -84px 0px no-repeat; color:#fff;}
.details a.fulldet{float:right; width:83px; height:18px;  background: url(../images/details.jpg) 0px 0px; color:#fff; text-align:center; display:block; font-size:11px; padding-top:3px;}
.details a.fulldet:hover{ background: url(../images/details.jpg) -84px 0px no-repeat; color:#fff;}

.usersAbout{ padding-top:30px; height:40px; font-family:Arial; font-size:20px; color:#657371; letter-spacing:-1px; line-height:20px; width:98%; text-align:left; padding-left:8px;}

.cmntshld{ height:500px;}
.comments{ margin-top:20px; width:95%; text-align:left; height:80px;}
.comments li.name{width:100%; padding-top:3px; line-height:12px; padding-left:0px; padding-right:10px; font-size:12px; height:12px;}
.comments li.date{width:100%; font-size:11px; line-height:11px; color:#c5c5c5; height:12px;}
.comments li.message{width:100%; font-size:12px; padding-top:2px; color:#444; line-height:14px; height:70px; overflow:hidden}
.userFoto{ float:left; width:39px; padding-right:3px; height:39px;}

.allcmnts{ margin-top:5px; border-top:1px solid #d4d9dc; padding-top:3px; text-align:right; font-size:14px; width:90%; height:15px; clear:both}
.allcmnts a{padding-left:20px; background:url(../images/user_comment.png) no-repeat;}

.sections{ padding-top:20px;}

.downloads{ float:left; margin-top:15px; color:#657371; margin-right:20px;}
.downloads li.titles{ font-family:Arial; font-size:18px; color:#33acbf;}
.thumbs{ float:left; width:100px; height:100px; margin:10px 20px 10px 0px; border:3px solid #bcc7c9;}

.social{ float:left; width:49px; margin:10px 20px 10px 0px;}

#footer{ background:url(../images/footer.jpg) repeat-x bottom; height:119px; text-align:left;}
.copy{ float:left; font-size:11px; color:#f1f1e7; padding-top:94px; padding-left:10px;}
.btmMouse{ float:right; width:119px;}

.detailTxt{ margin-top:18px; margin-bottom:20px; width:100%;}
.detailTxt li { color:#444; line-height:16px; letter-spacing:0px; padding-right:30%;}
.detailTxt li.bold{ font-size:18px; color:#657371; line-height:20px; padding-bottom:10px; padding-right:20%;}

.mediaDetail{ float:left; width:440px; margin-right:60px; margin-top:40px; font-size:11px;}
.mediaDetail li{ padding-top:8px;}
.mediaDetail a{ font-size:11px; font-weight:bold;}
.bannerCode{ width:420px; height:60px; background:#fff; background:#edf3f4; color:#4a6e7a; font-size:11px; font-family:Tahoma; line-height:18px; margin-top:2px; 
padding:2px 10px 2px 10px;}

.bannerCode textarea{ width:420px; height:60px; background:none; border:0px none; font-family:Verdana; font-size:11px; color:#4a6e7a;}

.preview a{ color:#FF9900;}
.preview a:hover{ color:#999;}

.logos{ padding-top:20px; text-align:left;}
.screenshots{ margin-top:20px;}
.scr{ float:left; width:452px; height:202px; border:1px solid #ccc; margin-right:30px;}

.mousetitle{ background:url(../images/leftmouse.jpg) no-repeat top left; height:28px; font-size:26px; color:#444; padding-left:65px; margin-top:35px; padding-top:30px; letter-spacing:-1px;}

.detailsbookmarks{ margin-top:20px;}
.detailsbookmarks li { float:none; font-size:14px; color:#28514e; padding-left:25px; margin-top:6px; text-align:left;}
.detailsbookmarks li.plus{ background:url(../images/plus.png) no-repeat 6px 3px;}
.detailsbookmarks li.minus{ background:url(../images/minus.png) no-repeat 6px 3px;}

.detailcomments{ margin-top:20px; width:60%; text-align:left; font-size:12px; min-height:70px; float:left;}
.detailcomments li.date{ font-size:11px; line-height:11px; color:#c5c5c5; height:12px;}

.contactForm{ width:804px; height:235px; float:left; background:url(../images/fields.jpg) no-repeat;}
.contactForm li.c1{ float:left; width:336px;}
.contactForm li.c2{ float:left; width:458px; padding-left:10px; padding-top:45px;}
.fcont{ width:260px; border:0px none; background:none; margin-top:40px; height:25px; margin-left:10px; font-family:Verdana; font-size:11px; color:#444; padding-top:9px;}
.contactForm textarea{ width:450px; height:170px; border:0px none; background:none;  font-family:Verdana; font-size:11px; color:#444;}
.btnForm{ text-align:right; float:left;; width:804px;}
.btnForm input{ width:74px; height:34px; background:url(../images/bcont.jpg) no-repeat; cursor:pointer;}

div.addthis_toolbox a img{opacity:0.75}
div.addthis_toolbox a:hover img{opacity:1}

.question{ margin-top:20px; padding-top:145px; background:url(../images/question.jpg) no-repeat; float:left; padding-bottom:40px; clear:both; text-align:left; width:560px;}
.question  a.yes{ margin-left:235px; float:left; background:url(../images/questbtns.jpg) no-repeat -1px 0px; width:66px; height:30px; display:block; text-indent:-9999px;}
.question  a.yes:hover{ background:url(../images/questbtns.jpg) no-repeat -135px 0px;}
.question a.no {margin-left:50px; float:left; width:66px; background:url(../images/questbtns.jpg) no-repeat -68px 0px; height:30px; display:block; text-indent:-9999px;}
.question a.no:hover{ background:url(../images/questbtns.jpg) no-repeat -202px 0px;}