/* 

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:10px 0px 6px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Tahoma, Arial, Verdana;	font-weight:normal; color:#004A94;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:28px;}
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;}

/* links */
a {color:#004A94;text-decoration:none;}
a:hover{color:#f5a757;}
a img{border:none}
.imgleft{float:left; padding-left:0px;}
.imgleft2{float:left; padding-left:0px; padding-top:5px;	}
.imgright{float:right; padding-left:50px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	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_bottom2.gif); background-repeat:repeat-x; height:310px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:980px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{ height:230px; width:980px;}
#logo{ width:600px; float:left;}
#pad_logo{ padding:30px 0px 0px 20px;}
#contact{background-image:url(../images/bg_contact.gif); width:248px; height:60px; float:right; margin-top:10px;}
#contact ul{margin:0px; padding:1px 0px 0px 10px;}
#contact ul li{list-style-type:none; padding:5px 31px; color:#0168a2;}
#contact ul li a, #contact ul li a:visited{color:#0168a2; 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;}

#search{width:350px; height:33px; float:right; margin-top:10px;}
#search ul{margin:0px; padding:11px 10px 0px 100px;}
#search ul li{list-style-type:none; padding:5px 31px; color:#0168a2;}
#search ul li a, #contact ul li a:visited{color:#0168a2; text-decoration:none;}
#search ul li.url{background-image:url(../images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
#search ul li.mail{background-image:url(../images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
#search ul li.phone{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
#topmenu{width:980px; float:left; height:100px;}

/* Top Navigation bar menu styling */
#nav {margin:0px; padding:26px 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:32px;
	font:normal 12px Arial;
	
}

#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:#46433F; text-transform:uppercase; font-size:18px; font-weight:bold; text-decoration:none; display:block; padding:25px 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:12px; text-transform:capitalize; color:#000000; padding:0px 0px 0px 0px;}
/*** END OF TOP ***/

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


/* main */
#main{width:640px; float:left; text-align:justify;}
#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;}
.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 18px;}
.contentbox h2, .contentbox p{color:#fff;}
.side_bg{
	background-image:url(../images/bg_sideglow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	/*height:750px;*/
	padding:0px 0px 0px 27px;
}
.side_bg2{
	background-image:url(../images/bg_sideglow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:350px;
	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.l11{margin:0px; padding:0px; list-style-type:none; font-size:12px;}
ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); /*background-position:center left;*/ background-position:0 11px; 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/icon_checks.png); background-repeat:no-repeat; 
	background-position:0px 0px; line-height:18px;}
ul.l2 li a, ul.l2 li a:visited{color:#4c4c4c; text-decoration:none;}
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;}
.inputbox02{width:150px; 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:#000 !important}
#footer a, #footer a:visited{color:#000; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

/*** CONTENT BOTTOM ***/
#content_bottom{height:260px; width:980px; margin:0 auto;}
.box_bottom{width:290px; float:left; padding:10px 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:#f68b1f;
	height:140px;
}

#twitter p{
	color:#f68b1f;
	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:#000;
}
/*** END OF FOOTER ***/
.input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 200px;; border: 1px solid #666666}
.inputnowidth {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #666666} 
.but { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight:bold; background-color: #484B4F; border: 1px solid #484B4F; font-weight: bold}

ul.l1 ul  { margin:0px; padding:0px; background:none; border:none; display:none; }
ul.l1 ul ul { margin:0px 0px 0px 10px; }
ul.l1 ul li { margin:0px; padding:0px; border:none; }
ul.l1 ul li a { margin:0px 0px 0px 10px; }

/*
ul.l1 ul li {
position:relative;
}
ul.l1 ul ul { 
    display: none;
    float: right;
    position: absolute;
    right: 240px;
	width:250px;
    top: 0;
 }
ul.l1 ul li:hover ul { display:block; }
ul.l1 ul li ul li { 
background-color: #ABABE7;
background-repeat: repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0019A8), to(#ABABE7));
background: -webkit-linear-gradient(top, #ABABE7, #0019A8);
background: -moz-linear-gradient(top, #ABABE7, #0019A8);
background: -ms-linear-gradient(top, #ABABE7, #0019A8);
background: -o-linear-gradient(top, #ABABE7, #0019A8);
color:#FFFFFF;
}

ul.l1 ul li ul li a {  color:#FFFFFF; }
*/