/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family:  helvetica, arial, sans-serif;}
strong, th, thead td, h3, h4, h5, h6 {font-weight: bold;}
h1, h2{font-weight:normal;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
blockquote *:first-child:after {content: "\201D";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */

/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */


/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
body {
	font-size: 1.2em;
	line-height: 1.6em;
	color:#000;
	background-color: #420000;
	background-image: url(../images/bgtopline.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
h1 {font-size: 1.6em; text-transform:uppercase;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}

/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}

/* TABLES */
table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc;}
th, td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; vertical-align:top;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}

/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}


/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #0A89BC;}
a:visited {text-decoration: underline; color: #99c;}
a:hover {text-decoration: underline; color: #c33;}
a:active, a:focus {
	color: #000;
}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}

/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}

/*LAYOUT*/
.main{width:916px; margin:0 auto; padding:0;}
.leftcol{float:left; width:245px; padding:71px 0 0 0;}
.logo{
	padding:18px 0 0 23px;
	background:url(../images/logobg.jpg) top left no-repeat;
	padding:18px 0 0 23px;
	height:70px;
	display:block;
	margin:0 0 20px 0;
}
.logo a:link, .logo a:visited, .logo a:hover, .logo a:active{
	background:url(../images/logo.png) left top no-repeat;
	text-decoration:none;
	color:#fff;
}
.compname{color:#FDF799; text-transform:uppercase; font-size:24px; font-weight:bold;}
.slogan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-image: url(../images/logo.png);
}
.rightcol{float:right; width:640px; padding:28px 0 0 0; margin-bottom:30px;}
.menu{margin:0; border-bottom:1px solid #D6EFF9;}
.menu li{list-style:none; margin:0;}
.menu li:before{content:""}
.menu li.active{}
.menu a:link, .menu a:visited, .menu a:active{
	display:block;
	background:url(../images/menubglink.jpg) top repeat-x;
	padding:12px 0 0 35px;
	height:25px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
.menu li.active a{background-image:url(../images/menubghover.jpg); color:#FDF799; cursor:default;}
.menu li.active a span{background:none;}
.menu a:hover{background:url(../images/menubghover.jpg) top repeat-x;}
.menu a span{background:url(../images/gal.png) left top no-repeat; padding:0 0 0 23px;}
.callsearch, .callsearch td, .topicons, .topicons td{border:0; margin:0;}
.callsearch, .topicons{float:left;}
.topicons{width:195px;}
.callsearch .cen{height:43px; width:22px; background:url(../images/callcenter.png) left top no-repeat; font-size:0; line-height:0;}
.callsearch .call{
	vertical-align:top;
	color:#fff;
	padding:13px 10px 0 10px;
	background-color: #4FB5DE;
	background-image: url(../images/callleft.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.callsearch .search{background:url(../images/callright.png) top right no-repeat #FBAF5D; padding-bottom:0;}
.callsearch .call div{font-size:18px; display:inline; font-weight:bold; background:url(../images/mob.gif) top left no-repeat; padding:0 0 0 20px;}
.callsearch .call div span{font-size:13px; text-transform:uppercase;}
.callsearch .search form{margin:0; background:url(../images/searchform.gif) left top no-repeat;}
.callsearch .search form input{margin:0; border:0; background:none;}
.callsearch .search form input:focus, .callsearch .search form input:hover{outline:none; border:none;}
.callsearch .search form input.inp{width:120px; padding-left:25px; color:#A2A6A7; padding-top:6px; padding-bottom:4px;}
.callsearch .search form input.but{width:30px;}
.topicons a{font-size:0; line-height:0;}
.topicons td{vertical-align:bottom; text-align:center; padding-top:12px}
.portfcar{background:url(../images/portfcent.gif) top repeat-x; clear:both; margin-bottom:17px;}
.portfcar .leftbg{background:url(../images/portfleft.gif) top left no-repeat;}
.portfcar .rightbg{background:url(../images/portfright.gif) top right no-repeat; padding:11px 15px 11px 32px;}
.floleft{float:left;}
.floright{float:right;}
.portfcar .floleft{color:#498DAC; text-transform:uppercase; font-size:18px; padding-top:22px;}
.portfcar .floleft div{font-size:13px; color:#A4ADB1;}
.content{background:#EBEBEC url(../images/contbg.jpg) top repeat-x; border-bottom:1px solid #5EA9CB; padding:47px 24px 24px 30px; position:relative; clear:both;}
.ttl{color:#E89740; font-size:38px; text-transform:uppercase; line-height:10px; height:52px; margin-bottom:43px;}
.ttl div{font-size:14px; color:#498DAC; line-height:10px;}
.imgLeft{float:left; margin:0 20px 5px 0; padding:2px; border:1px solid #363636; -moz-border-radius:3px; -webkit-border-radius:3px;}
.imgRight{float:right; margin:0 0 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.footer{background:url(../images/footbg.gif); padding:29px 0px 0;}
.footer .main{padding:0;}
.footer .main .leftcol, .footer .main .rightcol{padding:0;}
.footer .main .leftcol h4{padding-left:23px;}
.footer .main .rightcol h4{padding-left:15px;}
.footer h4{font-weight:normal; text-transform:uppercase; color:#ECEBEC; font-size:18px; margin-top:0;}
input.log{padding:15px 21px 12px; width:200px; border:1px solid #444444; color:#B7B6B7; font-family:Arial, Helvetica, sans-serif;}
.footer form{margin:0;}
.footer a.forgot{color:#fff; text-decoration:underline; background:url(../images/info.png) left top no-repeat; padding:0px 0 0 15px; font-size:11px; margin-left:10px;}
input.btn{border:none; background:url(../images/loginbg.gif) top repeat-x; padding:0px 25px 0; height:35px; font-size:13px; color:#434343; font-weight:bold; margin-right:0;}
.footer .main .leftcol table, .footer .main .leftcol table td{border:0;}
.copybg{background:#434343;}
.footer .main .leftcol table td{padding:0;}
.lastnews{border:0;}
.lastnews td{border:0; padding:0;}
.lastnews a:link, .lastnews a:visited, .lastnews a:active{width:203px; float:left; background:url(../images/newscent.jpg) top repeat-x; text-decoration:none; color:#363636; cursor:pointer;}
.lastnews a:hover{text-decoration:underline;}
.lastnews a div{background:url(../images/newsl.jpg) left top no-repeat; cursor:pointer;}
.lastnews a div div{background:url(../images/newsr.jpg) right top no-repeat; height:111px; padding:23px 29px 0; cursor:pointer;}
.lastnews a div div span{color:#9D0A0E; text-decoration:underline; cursor:pointer;}
.copybg {font-size:11px; color:#B5B4B4; font-family:Arial, Helvetica, sans-serif; padding:20px 0 13px;}
.copybg .copy{float:left; width:275px;}
.copybg .design{float:right;}
.copybg .design a{color:#B5B4B4;}
.copybg ul{margin:0 auto 0; overflow:hidden; padding-top:2px;}
.copybg ul li{float:left; list-style:none; border-left:1px solid #fff; margin:0 0 0 -1px; text-indent:0; padding:0 8px; line-height:12px;}
.copybg ul li:before{content:""}
.copybg ul li a{color:#fff; text-transform:uppercase;}
.epigraph{background:url(../images/paper.png) top left no-repeat; color:#7F7F7F; text-transform:uppercase; font-style:italic; position:absolute; top:0; right:10px; width:288px; height:95px; padding:42px 19px 0 55px; margin-top:-4px; line-height:14px; font-size:11px;}
a.norm{text-decoration:none; color:#363636;}
span.more, span.more2{color:#E89740; text-decoration:underline; float:right;}
span.more2{display:none;}
.isOpenTitle span.more{display:none;}
.isOpenTitle span.more2{display:block;}
.m5AccordionPanelContent{color:#363636}
.mr{margin:10px 0 0px;}
.red{color:#9d0a0e;}
a.service{color:#2F8FCB; font-weight:bold; font-size:14px; text-decoration:none!important; border-bottom:1px dashed #2F8FCB; float:left; background:url(../images/plus.gif) top left no-repeat; padding-left:20px;}
a.service:hover{border-bottom:1px solid #EBEBEC;}
.isOpenTitle a.service{border-bottom:none; color:#096CAA; background-image:url(../images/minus.gif);}
.scrol{background-color:#FFF; width:459px; padding:10px; margin:0 auto;}
.news{border-bottom:1px solid #DDDEE6; padding:20px 0 15px 0;}
a.newstitle{color:#000; font-size:12px; text-transform:uppercase; font-weight:bold;}
.news .date{line-height:10px; font-size:10px; margin-bottom:20px;}
.news .rm{float:right;}
.pager{margin-top:15px; margin-left:0;}
.pager li{float:left; list-style:none; margin-left:0; text-indent:0; background:url(../images/pagerbg.jpg) top left no-repeat; text-align:center; width:34px; height:30px;}
.pager li:before{content:""}
.col1{
	float:left;
	width:570px;
	padding-right:15px;
}
.col2{float:left; width:362px;}
.contactform{margin:0;}
.contactform .title{text-transform:uppercase; font-weight:bold;}
.contactform table{border:0;}
.contactform table td{border:0; padding:0;}
.contactform input.log{width:318px; margin-bottom:10px;}
.contactform textarea{width:318px; padding:15px 21px 12px; border:1px solid #444444; color:#000; font-family:Arial, Helvetica, sans-serif; height:150px;}
.col1 .address{background:url(../images/disicon.gif) top left no-repeat;}
.col1 p.phone{background:url(../images/callico.gif) top left no-repeat;}
.col1 p.address, .col1 p.phone{padding-left:20px;}
.services .m5AccordionPanelTab{padding-bottom:20px;}


/*Scrollable*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 433px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:436px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 3px 0px 0px;
	background-color:#fff;
	padding:2px;
	width:100px;
	height:84px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #363636;
}

/* active item */
.scrollable .active {
	border-color:#2F8FCB;
	position:relative;
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:#900;
	display:block;
	width:10px;
	height:10px;
	float:left;
	margin:40px 3px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right{background:url(../images/arr.gif); margin-right: 0px;}

/* left */
a.left{margin-left: 0px; background:url(../images/arl.gif);}
.dontdel{margin-top:-30px; float:left;}.dontdel a{cursor:default}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* styling for the image wrapper  */
	#image_wrap {
		text-align:center;
		padding:20px 0 15px;
	}
	#image_wrap img{
		
		background-color:#fff;
		padding:2px;
		border:1px solid #3A3A3A;
		-moz-ouline-radius:4px;}
.knuckFont {
	font-size: 34px;
}