/* 

Centivio - CSS File

*/

#header{height:283px; width:980px; background-image:url(../images/bg_header.gif); background-repeat:no-repeat;background-position:top left; float:left;}
#header_content{padding:14px 0px 0px 0px;}

/*** FRONTPAGE SLIDESHOW ***/
#slides_container{height:303px; width: 399px; background-image:url(../images/bg_slides_container.png); background-repeat:no-repeat; background-position: center; float:left;}
.pics { height: 272px; width: 364px; padding:3px; margin:13px 0px 0px 18px; overflow: hidden }
.pics img { height: 272px; width: 364px;}
/*** END OF FRONTPAGE SLIDESHOW ***/

#introtext{width:570px;float:left;}
.text_intro{padding:0px 40px 0px 30px;}
.text_intro h1{color:#626262;}


/* 

Centivio - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {
	margin-bottom:15px;
	margin-top:5px;
	font-family:Tahoma, Arial, Verdana;
	font-weight:normal;
	color:#493c27;
}
h1 {font-size:28px; line-height:30px;}
h2 {
	font-size:26px;
	line-height:20px;
}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}
h6 {font-size:16px; line-height:18px;}

/* links */
a {color:#5a4e39;text-decoration:underline;}
a:hover{color:#857963;}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:0px;
	color:#4c4c4c;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#4c4c4c;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote_top.png);
	background-repeat:no-repeat;
}


/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{ background-image:url(../images/bg_container_top.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#bottom_container{
	background-image:url(../images/bg_container_bottom.gif);
	background-repeat:repeat-x;
	height:150px;
}
/*** END OF CONTAINER ***/


#introtext{width:570px;float:left;}
.text_intro{padding:0px 40px 0px 30px;}
.text_intro h1{color:#626262;}
/*** CENTERCOLUMN ***/
#centercolumn{width:980px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{
	height:195px;
	width:980px;
}
#logo{
	width:980px;
	float:left;
}
#pad_logo{ padding:2px 0px 0px 2px;}
#contact{
	background-image:url(../images/bg_contact.gif);
	width:248px;
	height:98px;
	float:left;
	margin-top:18px;
}
#contact ul{margin:0px; padding:5px 0px 0px 20px;}
#contact ul li{list-style-type:none; padding:5px 31px; color:#5a4e39;}
#contact ul li a, #contact ul li a:visited{color:#5a4e39; text-decoration:none;}
#contact ul li.url{background-image:url(../images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.mail{background-image:url(../images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.phone{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
#topmenu{
	width:980px;
	float:left;
	height:60px;
}


/* Top Navigation bar menu styling */
#nav {
	margin:0px;
	padding:10px 0px 0px 0px;
}
#nav ul{ 
	padding:0 0 0 0px;
	margin:0;
	list-style: none;
}
#nav li{
	list-style:none;
	float:left;
	display:inline;
	padding:0px 0px 0px 0px;
	margin-right:16px;
	font:normal 12px Arial;
	margin-left: 10px;
	
}

#nav li.current{background-image:url(../images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
#nav li.current a:hover{background-image:none !important;}

#nav li a, #nav li a:visited{
	color:#ffffff;
	text-transform:uppercase;
	font-size:16px;
	text-decoration:none;
	display:block;
	padding:20px 0px 5px 0px;
}
#nav li a:hover{background-image:url(../images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
span.descmenu{
	font-size:11px;
	text-transform:capitalize;
	color:#ffffff;
	padding:0px 0px 0px 0px;
}
/*** END OF TOP ***/

/*** CONTENT ***/
#content{width:980px;}
#padding_content{ padding:30px 0px 30px 0px; float:left}
#maincontent{ padding:0px 0px 0px 0px;}


/* main */
#main{width:640px; float:left;}
#maintext{padding:0px 30px 20px 20px}
#maintext_portfolio{padding:0px 0px 0px 0px}
.boxtop{ width:270px; float:left; padding:0px 0px 0px 0px;}
.spacer{width:50px; float:left; display:block; height:100px;}
.read{
	background-image:url(../images/icon_checks.gif); background-repeat:no-repeat; background-position:0 0; padding:0px 0px 10px 25px;
}

/* side */
#side{width:323px; float:left;}
#side a {color:#fff;text-decoration:underline;}
#side a:hover{color:#fff;}
.sidebox{  padding:0px 10px 10px 0px;}
.c_middlesidebox{background-image:url(../images/c_middle.gif); background-repeat:repeat-y; background-position:left; width:323px; margin-top:10px}
.c_topsidebox{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:left top; width:323px;}
.c_bottomsidebox{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:left bottom; width:323px;}
.contentbox{padding:10px 18px 30px 27px;}


.contentbox_alt{padding:15px 30px 30px 29px;}




.contentbox h2, .contentbox p{color:#fff;}
.side_bg{
	background-image:url(../images/bg_sideglow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:482px;
	padding:0px 0px 0px 27px;
}
.sidebox blockquote{margin:0px !important; padding:0px  !important; background-image:url(../images/quote_top.png); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(../images/quote_bottom.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:30px 8px 30px 8px;}

.sidetext{padding:0px 20px 0px 27px;}
ul.l1{margin:0px; padding:0px; list-style-type:none; font-size:14px;}
ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 20px}
ul.l1 li a, ul.l1 li a:visited{
	color:#4c4c4c;
	text-decoration:none;
}
ul.l1 li a:hover{text-decoration:underline;}
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{list-style-type:none; padding:0px 0px 13px 30px; background-image:url(../images/arrow_large.jpg); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 40px}
ul.l2 li a, ul.l2 li a:visited{
	color:#4c4c4c;
	text-decoration:underline;
}
ul.l2 li a:hover{text-decoration:underline;}
.but{vertical-align:middle;}
.inputbox01{width:205px; border:0px; vertical-align:middle; padding:4px 4px 6px 3px; color:#999; background-image:url(../images/bg_input_src.gif); background-repeat:no-repeat; margin-right:5px;}
#newsletter fieldset{border:0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{ width:980px; margin:0px auto; color:#fff !important}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

/*** CONTENT BOTTOM ***/
#content_bottom{height:25px; width:980px; margin:0 auto;}
.box_bottom{width:290px; float:left; padding:20px 0px 0px 0px}
.separator_box{float:left; width:40px; height:100%;}
.box_bottom h3{color:#fff;}
.box_bottom, .box_bottom p{color:#fff}
.box_bottom ul li a, .box_bottom ul li a:visited{color:#fff; text-decoration:none;}
ul.listimg{list-style-type:none; margin:0px; padding:0px;}
ul.listimg li{background-image:none; padding:0px 8px 4px 0px; border-bottom:none; display:inline; float:left;}

#twitter{
	background-image:url(../images/bg_twitter.gif);
	background-repeat:no-repeat;
	width:303px;
	color:#5a4e39;
	height:140px;
}

#twitter p{
	color:#5a4e39;
	padding:5px 23px 10px 10px;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
}

/*** END OF CONTENT BOTTOM ***/
#foot_copyright{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	text-align:center;
	color:#fff;
}
/*** END OF FOOTER ***/


/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */
#contactform {
	width:580px;
	-moz-border-radius:5px;

	margin-top:1px;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:1px 0;
	width:100%;
}
#contactform fieldset {
	padding:1px 0;
	margin:0 0 1px 0;
	background:#fff;
	border:0px solid #ddd;
	-moz-border-radius:5px
}
* html #contactform fieldset {
	position:relative;
	margin:10px 0 30px 0;
	padding:20px 0;
}
* html #contactform legend {
	position:absolute;
	top:-1.2em;
	left:0;
}
#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:350px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}

#contactform form .required {
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') 98% 50% no-repeat;
}
#contactform input.required {
	background:#f5f5f5 url('images/required.gif') 98% 50% no-repeat;
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#c5f184; border:1px solid #534631; }
.success	{ background:#c5f184; border:1px solid #534631; }
.error		{ background:#c5f184; border:1px solid #534631; }
.notice		{ background:#c5f184; border:1px solid #534631; }

.notes,.notice,.success,.error
			{
				font-size:100%;
				color:#000;
				padding:10px;
				width:90%;
				margin: 0 auto;
				margin-bottom:20px;
				text-align:left
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
				padding:2px 40px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;


.notification_ok
	{
	border: 1px #567397 solid;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	-moz-border-radius: 5px;
	}