/* ================================================================
* Don't even think about it!
* Copyright (c) 2009 Logicblock Inc., all rights reserved
* ================================================================ */

body { margin:0; padding:0; font-family: Tahoma, Arial; font-size:14px; color:#444;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; }
.clear2 { clear:both; height:30px;}
a img { border: none; }
table {border-collapse:collapse;}

a { text-decoration:underline; padding:1px; outline-color:invert; outline-style:none; outline-width:medium; } 
a, a:visited, a.c-blue, .c-blue { color:#0499cc;}
a.c-orng, .c-orng { color:#ff6600; }
a.c-green, .c-green {color:#99ca3c; }
a.c-red, .c-red {color:#cc3333; }
a:hover, a.c-blue:hover { background-color: #0499cc; color:#fff; }
a.c-orng:hover { background-color: #ff6600; color:#fff; }
a.c-green:hover { background-color: #99ca3c; color:#fff; }
a.c-red:hover { background-color: #cc3333; color:#fff; }

 a.transparent:hover { background-color: transparent; }

#container1 {background:#fff url(http://www.logicblock.com/images/header-bg.png) repeat-x;margin:0 auto;text-align:center;}
.containermain {margin:0 auto; width:950px;text-align:left;}


#header li {float:left; font-weight:bold; color:#fff; list-style:none; margin:0 12px;}
#header a, #header a:visited {text-decoration:none;  color:#fff;}
#header a:hover { text-decoration:underline; color:#fff; background-color:Transparent; }


p { padding: 5px 8px; margin:0; color:#666; }
h1, .h1 { font-size:24px; font-weight:normal; color:#444; margin: 8px 0; padding:0; display:block; }
h2, .h2 { font-size:18px; color:#444; margin: 8px 0; padding:0; display:block;}
h3, .h3 { font-size:16px; color:#666; margin: 6px 0; padding:0; display:block;}


.homecol1 { width:455px; float:left; margin:0 15px 0 20px; }
.homecol2 { width:455px; float:left; margin:0  0 15px 0;}
.secondcol1 {width:445px; float:left; margin:0 15px 0 0px; border-right:1px dotted #999; }
.secondcol2 {width:485px; float:left; margin:0  0 15px 0;}

.secondcol1a {width:245px; float:left; margin:0 15px 0 0px; border-right:1px dotted #999; }
.secondcol2a {width:685px; float:left; margin:0  0 15px 0;}

.p1a, .p2a{ width:400px; float:left; margin:0 15px 0 20px; }

.res-link { margin:5px 0; display:block; border:1px dashed #ccc; padding:8px; background-color:#fff; font-weight:bold;  text-decoration:none; }
.res-link:hover { border:1px dashed #0499cc; text-decoration:underline; }

.home-bigbuttons {  }
.bigbuttonhome { float:left; margin:10px 0 0 0; width:49%; }        
.bigbutton a, .bigbutton a:visited { margin: 0px auto; padding:0; width:389px; height:104px; background-repeat: no-repeat; text-decoration: none; display: block; }
.bigbutton a:hover { background-position: 0px -104px;}
.bigbutton p { margin: 0px; padding: 60px 120px 0 30px; font-size:11px; color:#666; }
.button-7 {background-image: url(http://www.logicblock.com/images/bigbutton-7cart.png);}
.button-O {background-image: url(http://www.logicblock.com/images/bigbutton-obb.png);}
.bigbutton-link, .bigbutton-link a { text-align:right; font-size:11px;}

/*Homepage*/
.bigbuttonhome1 { float:left; margin:10px 0 0 10px; text-align:left; }
.button-O1, .button-O1:visited { margin: 0px auto; padding:0; width:460px; height:230px; background-repeat: no-repeat; text-decoration: none; display: block; }
.button-71, .button-71:visited { margin: 0px auto; padding:0; width:460px; height:230px; background-repeat: no-repeat; text-decoration: none; display: block; }
.bigbuttonhome1 p { margin: 0px; padding: 60px 0 0 25px; font-size:12px; color:#666; width:250px; text-align:left; }

.button-71 {background: url(http://www.logicblock.com/images/ecom.png) no-repeat;}
.button-71:hover {background: url(http://www.logicblock.com/images/ecom_dark.png) no-repeat;}
.button-O1 {background: url(http://www.logicblock.com/images/obb.png) no-repeat;}
.button-O1:hover {background: url(http://www.logicblock.com/images/obb_dark.png) no-repeat;}

.bigbuttonhome1 li  
{
    list-style:none; 
    background: url(http://www.logicblock.com/images/home-bullet.png) no-repeat; 
    padding: 0 0 2px 25px; 
    font-size:11px; 
    margin:0; 
    text-align:left; 
}
.homeservices {margin:10px; border-right:1px dotted #ccc; width: 520px; float: left; }
.homeservices span.pservices { display:block; padding:5px 10px 15px 0; font-size:12px; color:#666;}
.homecallout {background: transparent url(http://www.logicblock.com/images/home-callout-bg.png) no-repeat; float: right; width: 380px; margin: 0 10px 10px 0;}

ol.blogsitesummary { padding:0 5px 10px 20px; margin:0 5px 10px 20px;}
.blogsitesummary .author {display:none;}
.blogsitesummary .date {font-size:11px;}


#services { font-size:11px; margin:10px 0 10px 0; clear:both; }
#services ul {margin:0; padding:0;}
#services ul.home li {width:220px; height:180px;}
#services li {float:left; color:#666; list-style:none; margin:0 10px; width:200px; height:180px;}
#services h3 {font-size:18px; font-weight:bold; margin:0; padding:0;}
#services h3 a {text-decoration:none;}
#services p {margin:5px 0; padding:0;}


    #images img { position:absolute; width:0px; top:0px; }
    .feature-call {background:#fff url(/images/callout.png) no-repeat; height:350px;}
    .feature-call td { vertical-align:top;}
    #captioncontent div { display:none; width:400px; padding:0px; margin:20px 0 0 90px; }
    #captioncontent div h3 { color:#000; margin-top:0; padding:5px 0;}
    #captioncontent div p { padding:8px; font-size:14px;}


#footermap { border-top:1px #666 dotted; padding:20px; height:155px; }
#footer { height:100px; background-color:#eee; font-size:11px;  margin:0 auto; text-align:center;}
#footer2 div {float:left; width:220px; padding-top:25px; }
#footer2 div.copy { float:right; width:450px; text-align:right; } 

#footermap ul { list-style:none; margin:0 0 0 25px; padding:0;  }
#footermap a {  text-decoration:none; color:#444; } 
#footermap a:hover {  text-decoration:underline; color:#444; background-color:Transparent;} 
#footermap ul li ul { margin:0; }
#footermap ul li {font-weight:bold; float:left; margin: 0 10px 10px 10px; width:200px; font-size:12px; }
#footermap ul li ul li { font-weight:normal; float:none; margin:2px 0 0 3px; font-size:11px;}
#footermap ul li ul li ul { margin:0 0 3px 0;}
#footermap ul li ul li ul li { margin: 0 0 0 20px; list-style-type:square; }

.includes {
	background: #d4f1ff;
	border: 1px solid #b4e7ff;
	color: #333;
	float: left;
	font-size: 11px;
	line-height: 18px;
	padding: 10px;
	width: 210px;
}



div.feature-list img.f-image {
	float:left;
	margin:-38px 0 0;
}

div.feature-list ul {
	margin:0pt 0pt 36px 100px;
	padding:0pt;
}

div.feature-list li {
	padding:3px 0pt;
}

div.feature-list h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0pt 0pt 18px 84px;
}

p.intro {
	font-size: 14px;
	margin: 0 0 36px;
}


/*==============================================================
	Description : Slider 
==============================================================*/



a.button.next {
	float: right;
	text-indent: -9999px;
padding:0px;
}

a.button.next {
	background: url(http://www.logicblock.com/images/slider/button-frontslidenext.png) no-repeat 0 0;
	height: 34px;
	width: 94px;
}

a.button.next:hover, .scroller a.button.next:active {
	background: url(http://www.logicblock.com/images/slider/button-frontslidenext.png) no-repeat 0 -34px;
}


.portf-div1 { background: transparent url(/images/portfolio1/port-bg.png) no-repeat scroll 0% 0%; position: relative; width: 979px; height: 500px; }

.portf-div2 {padding: 25px; text-align: center;}

.portf-bot { padding: 10px 0;}

.portf-h3 { font-size: 20px; color: #0299cc; }

.portf-div1 a.next { background:none;  float: right; position: absolute; left: 720px; display: block; height: 500px; width: 260px; text-decoration:none;}

.portf-div1 a.next:hover { background: transparent url(/images/portfolio1/port-next-bg.png) no-repeat scroll 0% 0%;text-decoration:none;}

.portf .scroller {
    overflow:hidden;
	width: 980px;
}
#jump a {}
#jump a img { opacity:0.4;filter:alpha(opacity=40); border:1px solid #999; }
#jump a:hover { background-color:Transparent; }
#jump a:hover img { opacity:1;filter:alpha(opacity=100); border:1px solid #ddd; }
.portf-div { display:block; position:relative; float:left; height:52px; width:52px; margin:5px; }

.portf-bot-left { float:right; width:300px; height:250px; margin:0 20px 0 0; padding:0 0 0 15px; }
.portf-bot-right {}

.portf .scroller .section {
	float: left;
    overflow:hidden;
	width: 980px;
}

.portf .scroller .content {
	width: 100000px; }

.home .scroller #section1 a.next {
	background: url(http://www.logicblock.com/images/slider/button-next-new.png) no-repeat 0 0;
	height: 51px;
	width: 149px;
}

.home .scroller #section1 a.button.next:hover, .home .scroller #section1 a.button.next:hover{
	background: url(http://www.logicblock.com/images/slider/button-next-new.png) no-repeat 0 0;
}

ul#tour-path {
	background: #115EB0;
}

.home .scroller {
	background: #fff;
}

#tour-path a:link, #tour-path a:visited {
	text-decoration:none;
}

#tour-path a:hover, #tour-path a:active {
	color: #fff;
	text-decoration:none;
}
#tour-path a.on {
	background:transparent url() no-repeat scroll 50% 0pt;	
	cursor:default;
}


.col {
  float: left;
  margin-left: 10px;
}


ul#tour-path {
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

ul#tour-path li {
	display: ;
	list-style:none;
}

ul#tour-path li a {
	color: #000;
	float: none;
	font-size: 11px;
	line-height: 25px;
	margin: 0 10px;
}



.home .scroller {
	height: 500px;
    overflow:hidden;
	width: 980px;
}

.home .scroller .section {
	height: 500px;
	float: left;
    overflow:hidden;
	width: 980px;
}


.home .scroller .content {
	width: 50000px;
}

.scroller .content img.screenshot {
	border: 0px solid #eee;
	float: right;
	margin: 15px 0 0 0;
}

.scroller .content .video {
	margin: 15px 20px 20px 20px;
}

.caption {
	float: left;
	font-size: 14px;
	height: 500px;
	padding: 20px 5px 20px 10px;
	width: 350px;
}

.caption h1 {
	color: #222;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 40px 0 0;
}

.caption p {
	color: #333;
	line-height: 18px;
	margin: 0 0 20px 0;
}

.caption li{    font-size: 12px;}


#flashcontent {
	margin: 30px 0 0 0;
}


* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/slider/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}