/*

Site: C-Lutions
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: 

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, {
                margin: 0;
                padding: 0;
                }

a img { border: none; }
a { outline: none; }

p { margin-bottom: 8px; color: #696969;}

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #494848;
	background: #969696 url(/images/home/body-bg.jpg) repeat-x top left;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 16px; font-weight: bold; color: #47749F; }
h2 { font-size: 14px; font-weight: bold; color: #47749F; }
h3 { font-size: 12px; font-weight: bold; color: #47749F; }

a { color: #007bb6; }
a:hover { text-decoration: none; }

/******STRUCTURE****/

div#wrapper {width: 956px; margin: 0 auto;}


	#logo-area {width: 526px; height: 120px; float:left; background:url(/images/home/logo2.jpg) top left no-repeat;}
	#logo-area h1 a{text-indent:-9999px; display:block; width: 526px; height: 120px; background:url(/images/home/logo2.jpg) top left no-repeat; margin:0; padding:0}
		#logo-area h1 {margin:0; padding:0}
	.contact-info {width: 405px; height: 120px; float:right; text-align:right; padding-right: 15px}
	
	#info-top {text-align:right;  height: 55px; padding-top:35px; }
	#info-top p, #info-top a {margin:0px; padding:0; color:#5c5c5c; font-size:14px; font-weight:bold; }
	#info-top a:hover {text-decoration: none;}
	
	/** Left Column **/
	
	.left-column {width: 607px; float:left;}
	
	#demo-area {width: 956px; height: 250px; float:left; background:url(../images/banner.jpg) top right no-repeat;}
	
	
	.demo-btn {width: 121px; height: 51px; margin-bottom: 11px; border:0px; display:block; color:#000; text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; padding-left:72px; line-height:52px}
	.demo-btn:hover {color: #C41E25;}
	
		a#view-demo {background:url(/images/home/btn-view.jpg) top left no-repeat; margin-top:35px;}
		a#live-demo {background:url(/images/home/btn-live.jpg) top left no-repeat;}
		a#contact-demo {background:url(/images/home/btn-contact.jpg) top left no-repeat;}
		
	.quote-area {width: 340px; float:right; height: 170px; clear:left; margin-right: 15px; margin-top:80px }
	
	.rotator-bg {width: 100%; background:url(../images/home/imgbg2.jpg) top center repeat-x}
	
	#flashcontent2 {width: 257px; height:292px;  color: #F79B0C; float:left; padding-right:10px}
	#flashcontent2 p {color: #c41e25; font-family: Arial, Helvetica, sans-serif; font-size:18px;  line-height: 24px; padding:60px 0 0 25px}
	
	#flashcontent {height: 292px; width: 298px; float:left }
	
	
	#tabbed-box {width: 603px; margin-left: 4px; clear:both}
		#tabs-top{width: 603px; height: 42px;}
		#tab-content {width: 603px; background:url(../images/home/blue-bg.jpg) top left repeat-x #2E5B85;}
	
	.blue-maintxt {height: 288px; font-weight:bold;background:#2E5B85; color: #fff; font-size: 12px;}
	.blue-maintxt ul li, .blue-maintxt a{color: #fff; font-size:12px;}
	.blue-maintxt p, .blue-maintxt div { color: #fff; font-weight: normal;}
	.blue-top {width: 603px; clear:both; background:url(/images/home/blue2-bg.jpg) top left repeat-x #19436A; color:#FFF;
	margin-top:10px;} /* two column text area within each tab*/
	
	#blue-titles-1 {width: 280px;  border-top: 1px solid #829CB4; background: #224668;
	border-bottom: 1px solid #829CB4; height: 40px; line-height: 40px;
	font-family: Arial, Helvetica, sans-serif; color:#FFF; padding-left: 22px; font-size:16px; font-weight:bold;
	}
	
	#blue-titles-right {border-left: 1px solid #829CB4; width: 280px;  border-top: 1px solid #829CB4; background: #224668;
	border-bottom: 1px solid #829CB4; height: 40px; line-height: 40px;
	font-family: Arial, Helvetica, sans-serif; color:#FFF; padding-left: 20px; font-size:16px; font-weight:bold;}
	
	.blue-content {font-family:Arial, Helvetica, sans-serif; color:#FFF;  padding: 0 20px; font-size: 12px; 

			  height:328px;}/* each blue column with editable title*/
	
	.blue-content2 {border-left: 1px solid #829CB4;font-family:Arial, Helvetica, sans-serif; color:#FFF;  padding: 0 20px; font-size: 12px; 

			  height:328px;/* each blue column with editable title*/}
	
	
	.blue-content a, .blue-content2 a {color: #FFF; text-decoration:underline;}
	.blue-content a:hover, .blue-content2 a:hover {color: #CCC; text-decoration:none;}
	
	.featured-article h3, .featured-article a { color: #fff; text-decoration:underline;}
	
	.blue-btm {width: 603px; clear:both; float: right; background:url(/images/home/blue3-bg.jpg) top left repeat-x #295075; 
	color:#FFF;}
	
	
	.blue-btm p, .blue-top p {color:#FFF;}
	
	#blue-titles-2 {width: 280px;  border-top: 1px solid #829CB4; background: #385C7F;
	border-bottom: 1px solid #829CB4; height: 40px; line-height: 40px;
	font-family: Arial, Helvetica, sans-serif; color:#FFF; padding-left: 22px; font-size:16px; font-weight:bold;
	}	
	
	
	
	/**Right Column **/
	.right-column {width: 349px;float:right;}
	
	#demo-img {width: 349px; height: 292px; float:right; background:url(../images/home/imgbg.jpg) top right no-repeat;}
	
	#gray-box {float:left; width:348px; clear:both; background: url(/images/home/right-border.jpg) top right repeat-y; 
	border-left: solid 1px #FFF; }
	
	#gray-content {width: 303px; background:url(/images/home/gray-bg.jpg) top left repeat-x #7A7A7A; float:left;
	padding: 0 15px 0 15px; color:#393939;height: 990px;}
	
	#gray-content p { color:#393939;}
	
	.ms-reps a {color: #000; text-decoration:underline;}
	.ms-reps a:hover {color:#234976;}

	
	.gray-btn {width: 290px; height: 29px; background:url(/images/home/gray-btn.jpg) top left no-repeat; display:block; 
	border-bottom: 1px solid #CCC; line-height: 29px; padding-left: 14px; color:#FFF; text-decoration: none; font-weight:bold;
	font-size: 14px;}
	
	.gray-btn:hover {background:url(../images/home/gray-btn-over.jpg) top left no-repeat;}
	
	#contactbox { height: 403px; width: 312px;}
		#contact-title {width: 312px; height: 43px; background:url(../images/home/contact-top.jpg) top left no-repeat;}
		#contact-txt {width: 312px; background:url(../images/home/contact-bg.jpg) top left repeat-x; height: 343px;}
		#contact-btm {width: 312px; height: 16px; background:url(../images/home/contact-btm.jpg) top left no-repeat;}
	
	
	#min-contact input, #min-contact textarea {background-color: #C8C8C8; border: 3px solid #A6A6A6; margin: 3px 0 8px 15px; 
	float:left; clear:left; width: 275px; font-weight:bold}
	#min-contact input {height: 20px; padding-top:5px;}
	#min-contact textarea {height: 165px;}
	#min-contact input:focus, #min-contact textarea:focus { border-color: #CCC; background-color:#FFF;}
	
	
	#footer-area {width: 956px; height: 42px; text-align:center; color:#000; clear:both; padding-top: 15px}
	#footer-area a {color:#000; text-decoration:none; font-size: 11px;}
	#footer-area a:hover {text-decoration:underline}
	

.no-border {border: none !important;}
.clear {clear:both; margin:0; padding:0;}


/*Blog Feed*/
#blog-feed ul {margin:0; padding:0; list-style:none;}
#blog-feed ul li {margin-bottom:25px}
.rss-title, .read-more {font-weight:bold}
#blog-feed p {font-size:11px; font-weight:bold}

/*****TEMPLATE PAGE****/

#template-wrap {width: 947px; float:left; clear:both; margin:0; padding: 0; background:url(../images/template/temp-bg.jpg) top left repeat-y; margin-left: 4px; display:inline
}

#template-top {width: 947px; height: 59px; background:url(../images/template/temp-top.jpg) top left no-repeat; vertical-align:top }
#template-left {width: 565px; float:right; padding: 10px 72px 20px 48px; margin:0; min-height:443px;
			  height:auto !important;
			  height:443px;}
	#template-left ul, #template-left ol { color: #696969; }
#template-right {width: 226px; float:right; padding: 0px  0px 0px 28px;   min-height:652px;
			  height:auto !important;
			  height:652px;	} 
			  
			  #template-right a {display:block; border-bottom: 1px solid #636F7D; font-size: 14px; color:#000; 
			  text-decoration:none; height: 33px; line-height: 33px; font-weight:bold}
			  #template-right a:hover {color:#DE171E;}
			  
			  
#template-btm { width: 947px; clear:both; height: 57px; background:url(../images/template/temp-btm.jpg) top center no-repeat; vertical-align:top; margin: 0 auto}


.template-btns {width: 157px; height: 65px; display:block; line-height: 70px; font-size:14px; font-weight:bold; #000; padding-left:68px}
	a#btn-watch:hover, a#btn-live:hover, a#btn-contact:hover, a#btn-nl:hover, #bodycontent a:hover {color: #DE171E;}
a#btn-watch  {background:url(../images/template/btn-watch.jpg) top left no-repeat;color:#000; text-decoration:none; padding-top:3px; height: 62px;}
a#btn-live  {background:url(../images/template/btn-live.jpg) top left no-repeat;color:#000; text-decoration:none;}
a#btn-contact  {background:url(../images/template/btn-contact.jpg) top left no-repeat;color:#000; text-decoration:none;}
a#btn-nl  {background:url(../images/template/btn-nl.jpg) top left no-repeat;color:#000; text-decoration:none;}

	.gray-btn2 {width: 211px; height: 29px; background:url(/images/home/gray-btn.jpg) top right no-repeat; display:block; 
	border-bottom: 1px solid #CCC; line-height: 29px; padding-left: 14px; color:#FFF; text-decoration: none; font-weight:bold;
	font-size: 14px;}
	
	.gray-btn2:hover {background:url(../images/home/gray-btn-over.jpg) top right no-repeat;}

#bodycontent p {margin-bottom: 8px; color: #696969;}
#bodycontent a {color:#557DA1; text-decoration:underline;}
#bodycontent {color: #696969;}

#products-left ul {margin:0 0 0 10px; padding:0}
#products-left ul li {margin-bottom: 11px}

/****

Tendenci

****/

div#skiptocontent {position: absolute; left: -9999px;}
.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #DE171E}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #8C1A21}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC33}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
p.notofficialcontent {color: #FF0000;}

	 

.color1 {
	background-color: #3399CC;
}
.color2 {
	background-color: #FFCC33;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #8C1A21
	}
	
p { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}




input{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}
#logo
{
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;

	}
#bodycontent
{

	}
#contact2
{
	margin-top: 10px;
	width: 130px;
	margin-left: 18px;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	}
#login
{
	margin-right: 30px;
}
#login a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 3px;
}
#headline
{
	width: 200px;
	margin-left: 20px;
	margin-top: 130px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	color: #555;
	}

.TabbedPanelsContentGroup {
background:#2E5B85 url(../images/home/blue-bg.jpg) repeat-x scroll left top;
clear:both;
height:578px;
width:603px;
}

#info-top a.forum-link { font-size: 12px; }

#column-wrap {width: 956px; margin: 0 auto; background:url(../images/columns-bg.jpg) top left repeat-y;}