@font-face {
	font-family: 'Quasart';
	src: url('quasart-webfont.eot');
	src: url('fonts/quasart-webfont.woff') format('woff'), url('fonts/quasart-webfont.ttf') format('truetype'), url('fonts/quasart-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, html { padding: 0px; margin: 0px;}
body { background: #eeecdb url('images/default/background.png'); font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px;}

/* HOMEPAGE */
div#header { width: 100%; height: 486px; background: url('images/default/bg-header.png') repeat-x center top; text-align: center;}
div#top { width: 960px; height: 94px; margin: 0 auto; text-align: left;}
img.logo { float: left;}
div#middle { width: 990px; height: 392px; background: url('images/default/header-light.png') no-repeat center top; margin: 0 auto; text-align: left;}
div#middle div#m-left { float: left; width: 460px; position: relative; margin-left: 15px;}
div#slogan { color: #212726; font-size: 16px; line-height: 26px;}
div#slogan p { margin-top: 10px;}
div#featured { width: 492px; height: 357px; background: url('images/default/bg-featured.png') no-repeat; float: right; margin-top: 17px;}
div.slideshow { margin: 41px 0px 0px 35px; position: relative; z-index: 1;}
div#content { width: 100%; color: #574e48; text-align: center; line-height: 26px; background: url('images/default/bg-content.png') repeat-x center top;}
div#content div.inner { width: 960px; margin: 0 auto; text-align: left; padding-top: 40px;}
div#content strong { color: #2c2927;}
div.panel { width: 290px; float: left; margin-right: 40px;}
div.plast { margin-right: 0px;}
div.line { font-size: 0px; width: 289px; height: 19px; background: url('images/default/line-short.png');}
div.line-medium{ font-size: 0px; width: 635px; height: 19px; background: url('images/default/line-medium.png');}
div.line-wide{ font-size: 0px; width: 960px; height: 19px; background: url('images/default/line-wide.png');}
div.line-p { margin-bottom: 20px;}
div.t-author { display: block; text-align: right; margin-top: 10px;}
div#buttons { width: 100%; margin-top: 20px;}
div#buttons span { display: block; float: left; line-height: 36px; font-size: 16px; color: #000; text-align: center; width: 40px;}
div#clients { margin-top: 35px;}
div#footer { background: #222222 url('images/default/bg-footer.png') repeat-x center top; width: 100%; text-align: center; font-size: 14px; color: #e4e2d2; margin-top: 70px;}
div#footer div.inner { margin: 0 auto; width: 960px; padding: 65px 0px 50px 0px; }
div#footer div.left { float: left;}
div#footer div.right { float: right;}
div#footer ul { list-style-type: none;}
div#footer ul li { display: inline; margin-left: 10px;}

/* SUBPAGE */
div#header-sub { width: 100%; height: 210px; background: url('images/default/bg-header-subpage.png') repeat-x center top; text-align: center;}
div#middle-sub { width: 960px; height: 116px; background: url('images/default/header-light.png') no-repeat center top; margin: 0 auto; text-align: left;}
div#sidebar { width: 310px; background: url('images/default/sidebar-bg.png') repeat-y right top; float: left;}
div#sidebar-top { width: 310px; background: url('images/default/sidebar-bg-top.png') no-repeat right top;}
div#sidebar-bottom { width: 310px; background: url('images/default/sidebar-bg-bottom.png') no-repeat right bottom;}
div#sidebar div.sidebar-inner { width: 235px;}
ul.subnav { list-style-type: none; margin: 22px 0px 30px 0px; padding: 1px 0px 0px 0px; width: 235px; background: url('images/default/sidebar-nav.png') repeat-x left top;}
ul.subnav li { height: 41px; display: block;}
ul.subnav li a, a.dnn_ctr1004_ViewCategories_tvCategories_0 { display: block; width: 220px; height: 41px; background: url('images/default/sidebar-nav.png') repeat-x left bottom; font-size: 14px; line-height: 40px; text-decoration: none; color: #394742; padding-left: 15px;}
ul.subnav li.current a { background: url('images/default/sidebar-nav-highlighted.png') repeat-x left bottom; color: #000;}
ul.subnav li a:hover, a.dnn_ctr1004_ViewCategories_tvCategories_0:hover { background: url('images/default/sidebar-nav-highlighted.png') repeat-x left bottom;}
div.sidebar-blogpost { padding-bottom: 20px; font-size: 12px;}
div.blogpost p { margin-bottom: 50px;}
div.sidebar-blogpost p.details { font-size: 11px; position: relative; top: -6px;}
div.sidebar-blogpost h4 { margin-bottom: 0px; font-size: 14px;}
div.content-pane { width: 635px; float: right; position: relative;}
div.content-pane p { margin-bottom: 16px;}
div.wide p { margin-bottom: 16px;}
div#sidebar p { margin-bottom: 0px;}
div#content div.box { width: 290px; float: left; margin: 0px 45px 45px 0px;}
div#content div.bright { margin: 0px 0px 45px 0px;}
div.blogpost { margin-bottom: 10px; background: url('images/default/line-medium.png') no-repeat center bottom; padding-bottom: 45px;}
div.noborder { background: none; padding-bottom: 0px;}
div.blogpost h2, h2.BlogTitle{ margin-bottom: 2px;}
div.blogpost img { padding: 6px; background: #fff; border: 1px solid #e0dece; float: right; margin: 10px 0px 10px 10px;}
div.comment { margin: 25px 0px;}
span.name { font-weight: bold;}
span.details { font-size: 12px; position: relative; top: -3px;}
div.pagination { text-align: right; font-size: 16px;}
div.pagination a { padding: 0px 5px; text-decoration: none;}
div.pagination a.current { color: #000; text-decoration: underline;}
div.pagination a:hover { text-decoration: underline;}

/* CONTACT FORM */
input.contact-text { width: 404px; height: 19px; background: url('images/default/form-text.png') no-repeat left top; border: none; margin-bottom: 10px; padding: 10px; font: 14px "Georgia", "Arial";}
textarea.contact-textarea { width: 404px; height: 156px; border: none; background: url('images/default/form-message.png') no-repeat left top; margin-bottom: 10px; padding: 10px; font: 14px "Georgia", "Arial";}
input.contact-submit { width: 130px; height: 36px; border: none; background: url('images/default/form-submit.png') no-repeat left top; margin: 0px; cursor: pointer; outline: none;}
img.loaderIcon { position: absolute; left: 450px; top: 20px;}

/* NAVIGATION */
div#navigation { float: right; position: relative; top: 33px; z-index: 2;}
.RadMenu .rmHorizontal, .RadMenu .rmHorizontal ul{  margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; position: relative;  line-height: 30px;  margin-left: 0px;  z-index: 2; font-family:Georgia, "Times New Roman", Times, serif;}
.RadMenu .rmHorizontal a:link, .RadMenu .rmHorizontal a:active, .RadMenu .rmHorizontal a:visited{ display: block; color: #c7dad5; text-decoration: none; font-size: 18px; cursor:pointer;}
.RadMenu .rmHorizontal li.current a { color: #fff;}
.RadMenu .rmHorizontal li.current ul a{ color: #c7dad5;}
.RadMenu .rmHorizontal a:hover{  color: #fff;}
.RadMenu .rmHorizontal li.current ul a:hover{ color: #fff;}
.RadMenu .rmHorizontal li{ float:left; position:relative; margin-left: 25px;}
.RadMenu .rmHorizontal ul { position:absolute; width:12em; top:30px; display:none; margin-left: 0px;}
.RadMenu .rmHorizontal ul li{ margin-left: 0px; background: #000; position: relative; z-index: 5;}
.RadMenu .rmHorizontal li ul a{ width:12em; float:left; height: 35px; line-height: 35px;}
.RadMenu .rmHorizontal ul ul{ top:auto; }	
.RadMenu .rmHorizontal li ul ul { left:12em; margin:0px 0 0 10px;}
.RadMenu .rmHorizontal li:hover ul ul, .RadMenu .rmHorizontal li:hover ul ul ul, .RadMenu .rmHorizontal li:hover ul ul ul ul{ display:none;}
.RadMenu .rmHorizontal li:hover ul, .RadMenu .rmHorizontal li li:hover ul, .RadMenu .rmHorizontal li li li:hover ul, .RadMenu .rmHorizontal li li li li:hover ul{ display:block;}
li.drop { background: url('images/default/nav-arrow.png') no-repeat; background-position: 0px 13px;}
li.drop a { padding-left: 15px;}
/* NAVIGATION ENDS */

/* TABS */
div.tabs { width: 100%; height: 45px;}
div.tabs div.left { float: left;}
div.tabs div.right { float: right; padding-right: 40px;}
div.tabs div.right ul { float: right; height: 38px; margin: 0px; padding: 0px; list-style: none; position: relative; top: 3px;}
div.tabs div.right li { display: inline;  margin: 0px; padding: 0px;}
div.tabs div.right a { height: 38px; line-height: 38px; float: left; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 11px; text-decoration: none; cursor: pointer; position: relative; top: 5px;} 
div.tabs div.right a span { font: 14px "georgia", "arial"; color: #3a3633; height: 38px; line-height: 38px; float: left; display: block; padding: 0px 18px 0px 7px;} 
div.tabs div.right li.current a { background: url('images/default/tab-left.png') no-repeat left top;} 
div.tabs div.right li.current a span { background: url("images/default/tab-right.png") no-repeat right top; color: #000;}
div.tabs div.right a:hover span { color: #000;}
/* TABS ENDS */

/* TITLES */
h1 { font-size: 48px; color: #141615; font: normal 32px Quasart; line-height: 48px; padding-top: 28px; font-weight:700;}
div#middle-sub h1 { padding-top: 34px; position: relative; z-index: 1;}
h2 { color: #2c2927; font-size: 24px; line-height:36px; font-weight: bold; margin: 0px 0px 15px 0px; font-family:Quasart;}
div#clients h2 { color: #2c2927; font-size: 24px; font-weight: bold; margin: 0px 0px 15px 0px}
h3 { color: #2c2927; font-size: 20px; font-weight: bold; margin: 0px 0px 8px 0px}
h4 { font-size: 16px; font-weight: bold; color: #2c2927; margin-bottom: 10px;}
h5 { font-size: 16px; font-weight: normal; color: #2c2927;}
h6 { font-size: 16px; font-weight: normal; font-style: italic; color: #2c2927;}

/* TABLES */
table.normal { width: 100%; border-collapse: collapse; border: none; background: url('images/default/table-row.png') repeat-x center bottom; margin-bottom: 25px;}
table.normal td { padding: 10px; background: url('images/default/table-col.png') repeat-y right top;}
table.normal th { padding: 10px; background: url('images/default/table-col.png') repeat-y right top; color: #2c2927; text-align: left;}
table.normal td.center { text-align: center;}
table.normal td.last { background: none;}
table.normal th.center { text-align: center;}
table.normal th.last { background: none;}
table.normal tr { background: url('images/default/table-row.png') repeat-x left top;}
table.normal tr.caption { background: url('images/default/table-caption.png') repeat-x left top;}

/* LIST */
ul { list-style-type: disc; margin: 0px 0px 15px 35px;}
ol { margin: 0px 0px 15px 35px;}
li { margin: 0px;}
ul#response { list-style-type: none;}

.code { font-family:'Courier New', Courier, monospace;}

ul.social-links { margin-left:0px; padding-left:15px; margin-top:30px;}
ul.social-links li{ display:block!important; float:left; list-style:none!important; margin-left:0px; padding-left:18px;}
ul.social-links li a img { border:none;}
p.dnnblogs-link { padding:10px 0;}

strong { font-weight:700;}
em { font-style:italic;}

/* TWITTER CSS */

#twitterWrap { padding:0; float:right; text-align:left; background:none!important;}
ul#twitter_update_list { list-style: none; padding: 0; margin: 0; }
ul#twitter_update_list li { list-style: none; font-size:80%; line-height:150%; padding:10px 5px; margin: 0px 0px 0px 0px; font-family:Tahoma, Geneva, sans-serif; background: url('images/default/sidebar-nav.png') repeat-x left bottom;}
ul#twitter_update_list li a { }

a.packt-book { margin:40px 0 0 10px; display:block;}

.clear { clear:both;} .left { float:left; display:inline;} .right { float:right; display:inline;}
.img-left { float:left; margin-right:8px;} .img-right { float:right; margin-left:8px;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* LINKS */
a { text-decoration: underline; color: #485e57; outline: none;}
a.readmore { display: block; text-align: right; margin-top: 10px;}
a:hover { text-decoration: none;}
a.button { display: block; float: left; width: 130px; height: 36px;}
a.blearnmore { background: url('images/default/button-learn-more.png') left top;}
a.bsignup { background: url('images/default/button-sign-up.png') left top;}
a.button:hover { background-position: 0px -36px;}
div#footer a { color: #e4e2d2; text-decoration: none;}
div#footer a:hover{ text-decoration: underline;}

/* IMGS */
img.header-arrow { position: absolute; left: 375px; top: 300px;}
img.normal { padding: 6px; background: #fff; border: 1px solid #e0dece;}
img.right { float: right; margin: 10px 0px 10px 10px;}
img.left { float: left; margin: 10px 10px 10px 0px;}
img.avatar { padding: 6px; background: #fff; border: 1px solid #e0dece; margin: 0px 10px 10px 0px; float: left;}


/* OTHER */
div.clear { clear: both;}

/* Documents Module */
.DNN_Documents table td{ padding:2px; vertical-align:top;}
.DNN_Documents .SubHead { font-size:120%; color:#645334;}
.TitleCell { width:200px;}
td.DescriptionCell { font-size:90%; width:360px; padding-right:20px;}
.DateCell, .SizeCell { font-size:80%;}

/* contact slider */
#formWrap {
	height:450px;
	background: #222222 url('images/default/bg-header-ridge.png') repeat-x center bottom;	color:#fff;
	display:none;
}
.contact {
	float:right;
	width:150px;
	height:40px;
	margin-right:150px;
	text-indent:-9999px;
	background:url(images/contact-sprite.gif) 0px -40px no-repeat;
}
.contact:hover { background: url(images/contact-sprite.gif) 0px 0px no-repeat;}
.contact-active { background: url(images/contact-sprite.gif) 0px -120px no-repeat;}
.contact-active:hover { background: url(images/contact-sprite.gif) 0px -80px no-repeat;}

#formTarget { width:600px; margin:0 auto;}
#formTarget h2{ color:#FFF!important}
#formTarget .NormalContainer { margin-left:-200px; text-align:left;}
#formTarget .DNN_UserDefinedTableContent td{ padding:5px;}
#formTarget .DNN_UserDefinedTableContent .SubHead{ color:#FFF; font-family:Georgia, "Times New Roman", Times, serif;}
	#formTarget .DNN_UserDefinedTableContent label { line-height:27px;}
	#formTarget .DNN_UserDefinedTableContent input.NormalTextBox, #formTarget select.NormalTextBox { height:26px; font-size:14px;}
	#formTarget .DNN_UserDefinedTableContent textarea.NormalTextBox { font-size:14px;}
	#formTarget .UDT_Buttons a.UDT_Default {
		display:block;
		padding:10px 24px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		background-color:#F2EED6;
		border:1px 000 solid;
}
	#formTarget .UDT_Cancel { display:none!important;}


/* jquery.jcarousel.css */
/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px;} /* We set the width/height explicitly. No width/height causes infinite loops. */
/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}
/* /jquery.jcarousel.css */


/* clients_slider.css */
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 960px; margin-top: 10px;}
.jcarousel-skin-tango .jcarousel-container-vertical { width: 800px; height: 245px; padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  850px; height: 101px; position: relative; left: 55px;}
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  130px; height: 245px;}
.jcarousel-skin-tango .jcarousel-item { width: 150px; height: 101px;}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 22px;}
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 30px; right: 0px; width: 43px; height: 43px; cursor: pointer; background: transparent url('../imgs/default/arrow-next.png') no-repeat 0px 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -45px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 25px; left: 0px; width: 43px; height: 43px; cursor: pointer; background: transparent url('../imgs/default/arrow-prev.png') no-repeat 0px 0px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -45px 0;}
/* Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px;}
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px;}
/* /clients_slider.css */

/* announcements slider for blog entry June 3, 2010 */
#s3slider { width: 500px; height: 242px; position: relative; overflow: hidden;}
#s3sliderContent { width: 500px; position: absolute; top: 0; margin-left: 0;}
.s3sliderImage { float: left; position: relative; display: none;}
.s3sliderImage span { position: absolute; font: 14px/21px Arial, Helvetica, sans-serif; padding: 10px 13px;  width: 500px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none;}
.top { top: 0; left: 0;}
.bottom { bottom: 0; left: 0;}

#s3slider span strong { color:#FFF!important;}
/* end announcements slider */