body {
 margin: 0;
 padding: 0;
 background-color: #fff;
 font-size: 76%;
 font-family: verdana, arial, tahoma, sans-serif;
 color: #333;
 min-width: 834px;
 text-align: center;
}
a {
 color: #900;
 text-decoration: none;
 background-color: inherit;
}
a:hover,
a:active{
 color: #000;
 background-color: inherit;
}
a:visited{
 color: #933;
 background-color: inherit;
}

/* Clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-table;
}
/* \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
	
}
/* */
/* Turn off borders on linked images. */
a img{
	border: 0;
}

.navigation,
.navigation ul,
.navigation ol
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.navigation-horizontal li
{
	display: inline;
	float: left;
}
.navigation-inline li
{
	display: inline;
}
.navigation-ir a
{
	display: block;
	background-repeat: no-repeat;
	text-indent: -235157px;
}
/* \*/
.navigation-ir a
{
	overflow: hidden;
}



/* Primary Nav
----------------------------------------------- */


#primaryNav-container {
	height: 74px;
	background-image: url(images/shared/primaryNav/bg.gif);
	background-repeat: repeat-x;
	min-width: 810px;
	text-align: center;
}
#primaryNav-container #chatforum-container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:810px;
	height:0px;
}
#primaryNav-container #chatforum-container .chatforum {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	left:700px;
	width:116px;
	height:42px;
}
#primaryNav-container ul {
	margin-left:auto;
	margin-right: auto;
	padding: 42px 0 0 30px;
	width: 810px;
	text-align: left;
}
#primaryNav-container li {
	margin-right: 6px;
}
#primaryNav-container a {
	display: block;
	background-repeat: no-repeat;
	height: 32px;
}
#primaryNav-container a:hover {
	background-position: 0 -32px;
}
#primaryNav-container a:active,
#primaryNav-container li.active a {
	background-position: 0 -64px;
}
#primaryNav-container .navigation-item-home,
#primaryNav-container .navigation-link-home {
	width: 85px;
	background-image: url(images/shared/primaryNav/home.gif);
}
#primaryNav-container .navigation-item-archives,
#primaryNav-container .navigation-link-archives {
	width: 103px;
	background-image: url(images/shared/primaryNav/archives.gif);
}
#primaryNav-container .navigation-item-abouthalo3,
#primaryNav-container .navigation-link-abouthalo3 {
	width: 123px;
	background-image: url(images/shared/primaryNav/abouthalo3.gif);
}
#primaryNav-container .navigation-item-links,
#primaryNav-container .navigation-link-links {
	width: 85px;
	background-image: url(images/shared/primaryNav/links.gif);
}
#primaryNav-container .navigation-item-contactus,
#primaryNav-container .navigation-link-contactus {
	width: 123px;
	background-image: url(images/shared/primaryNav/contactus.gif);
}
#primaryNav-container .navigation-item-clientLogin,
#primaryNav-container .navigation-link-clientLogin {
	width: 88px;
	background-image: url(images/shared/primaryNav/clientLogin.gif);
}

#banner-container {
	margin-left: auto;
	margin-right: auto;
	width: 834px;
	margin-top: 0px;
	margin-bottom: 0px;
}




#body-container {
	margin-left: auto;
	margin-right: auto;
	width: 834px;
	background-image: url(images/shared/body/bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#side-container {
	position: relative;
	float: left;
	margin-right: 2px;
	padding-bottom: 56px;
	width: 263px;
}
#header-container {
	height: 28px;
	background-image: url(images/shared/side/header_bg.gif);
	line-height: 28px;
	/*text-indent: -235157px;*/
	overflow: hidden;
}
#header-container a
{
	display:block;
}
#header-container a span
{
	display:none;
}


/* Side Block
----------------------------------------------- */

#contentSideBody-container
{

}
/* \*/
* html #contentSideBody-container
{
height: 1%;
}
/* */
.sideBlock
{
	border-top: 5px solid #fff;
	padding: 12px 24px;
}
body.home .sideBlockFirst
{
	border-top: 0 none;
}
.sideBlock h2
{
	margin: 0;
	font-family: georgia, times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	background-color: inherit;
}
.sideBlock h2 a, .sideBlock h2 a:visited, .sideBlock h2 a:active
{
	color: #000;
	background-color: inherit;
}
.sideBlock h2 a:hover
{
	color: #CC0000;
	background-color: inherit;
}
	
.sideBlock .ecomSol
{
	margin: 0;
	font-family: georgia, serif;
	text-transform: uppercase;
	font-size: .85em;
	color: #330000;
	background-color: inherit;
	letter-spacing: .08em;
	font-weight: bold;
}
.sideBlock .ecomSol a, .sideBlock .ecomSol a:hover, .sideBlock .ecomSol a:active, .sideBlock .ecomSol a:visited
{
	color: #330000;
	background-color: inherit;
	text-decoration: none;
}
.sideBlock p
{
	font-size: 0.86em;
	margin-top: .2em;
	margin-bottom: .3em;
	line-height: 1.4em;
}

.sideBlock h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.sideBlock ul { list-style-type: none; margin: 0 ; padding: 0; }
.sideBlock ul li { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }
.sideBlock ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
.sideBlock ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }



#main-container
{
	float: left;
	width: 569px;
	min-height: 550px;
}
#mainHeader-container
{
	height: 28px;
	background-image: url(images/shared/content/header_bg.gif);
	line-height: 28px;
	/*text-indent: -235157px;*/
	overflow: hidden;
}
#mainHeader-container a
{
	display:block;
}



/* Content
----------------------------------------------- */

#content-container
{
	padding: 24px 24px 80px 24px;
	background-image: url(images/shared/content/shadow.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: .84em;
	height:100%;
	width:521px;
}
	
#content-container h1
{
	margin: 0;
	font-family: "Century Gothic", "Avant Garde", Futura, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: normal;
}
#content-container p
{
	color: #333;
	background-color: inherit;
	line-height: 1.7em;
}
#content-container h2
{
	font-size: 1.6em;
	font-family: georgia, times, serif;
	color: #333;
	background-color: inherit;
	padding: 15px 0 7px 0;
	margin: 0 0 -3px 0;
	font-weight: bold;
}		

#content-container h3
{
	font-size: 1.03em;
	font-family: georgia, times, serif;
	color: #333366;
	letter-spacing: 1px;
	background-color: inherit;
	padding: 20px 0 0 0;
	text-transform: uppercase;
	margin: 0;
}

#content-container ul
{
	margin: 1px 1px 1px 1px;
	padding: 5px 0 0 20px;
	background: none;
}

#content-container li
{
	line-height: 1.7em;
	margin:0;
	list-style-type: square;
}

p#contentDescription-container
{
	font-size: 1.3em;
	font-style: normal;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

#content-container .sidebar
{
	float: right;
	margin: 0 0 12px 32px;
	width: 196px;
}
	
#content-container .sidebar a
{
	border-bottom: 0 none;
}

#content-container .sidebar li a
{
	margin:0;
	padding:0;
}

#content-container .sidebar h3
{
	padding:7px 0 0 0;
	text-transform: uppercase;
	border:none;
}

#content-container .screenshots a
{
	display: block;
	margin: 2em 0;
	font-size: 1.1em;
}

#content-container .screenshots img,
#content-container .screenshots a
{
	display: block;
	margin: 2em 0;
	font-size: 1.1em;
}
#content-container .screenshots a img
{
	margin-bottom: 2em;
}

#content-container .casestudy
{
	margin: 0;
	padding:0 0 15px 0;
	text-align: center;
	width: 521px;
}
#content-container .casestudy a
{
	border-bottom: 0 none;
	
}

#content-container .casestudy a:hover
{
	border-bottom: 0 none;
	
}
#content-container .logo-casestudy img,
#content-container .logo-casestudy a
{
	margin-bottom: 0;
}
#content-container .logo-casestudy a img
{
	margin-bottom: 0;
}




#wrap { background:#fff url(images/wrap.gif) repeat; margin:0px auto; padding:0px; width:800px; border-left:#000 1px solid; border-right:#000 1px solid; }
#top { background:#fff url(images/top.gif) repeat-x; margin: 0px auto; padding: 0px; height: 50px; clear:both; }
#logo { float: left; width: 413px; margin-top:30px; overflow:hidden; }
#logo h1 { text-indent: -10000px; padding: 0px; margin: 0px; } 
#logo h1 a { display: block; background: url(images/logo.gif) no-repeat left top; height: 36px;}
#search { float: right; height: 30px; width: 300px; margin-top:35px; text-align:right; padding-right:10px; }
input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc url(images/s.gif) no-repeat right; margin-top: 2px;}

#left { margin: 10px 0; padding: 10px; float: left; width: 200px; margin-bottom:10px; }
#left h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
#left ul { list-style-type: none; margin: 0 ; padding: 0; }
#left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#left ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
#left ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }

#right { margin-top:10px; line-height: 16px;  padding: 10px ; float: right; width: 550px; border-left:3px solid #f3f3f3; overflow:hidden; }
#right h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 0px; border-bottom: dashed 1px #ccc;}
#right img { border:4px #eeeeee solid; }
.alignright { float: right; }
.alignleft { float: left; }
.postmetadata { background:#f8fbfc; font-size:10px; padding:5px; border-bottom:#666 1px solid; border-top:#666 1px solid; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.bobcomment { margin-bottom:3px;  padding:3px; background:#f8fbfc; border-left:#ccc 2px dotted;  }
.bobcomment img { border:0px; } 
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: left; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; }
#wp-calendar #next a { padding-right: 10px; text-align: left; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: left; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #ccc; }


#footer { font-size: 11px; color: #fff; background: #fff url(images/foot.gif) repeat-x;	height: 28px; padding: 0px; margin-top: 0px; text-align:center; clear:both; }
#footer p { padding-top:10px; }
#footer a:link { text-decoration: none; color : #fff; border: none;}
#footer a:active { text-decoration: none; color : #fff; border: none;}
#footer a:visited { text-decoration: none; color : #fff; border: none;}
#footer a:hover	{ text-decoration: none; color : #fff; border: none;}