@import "css_navigation_h.css";
@import "forms.css";

body					{ background-image:url(img/bgr_gradient.jpg); background-position:top; background-repeat:repeat-x; background-color:#c0c0c0; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#343434; margin:0; padding:0; line-height:18px; }

h1						{ color:#b32017; font-size:24px; font-weight:normal; margin:0; padding:0; text-align:left; padding-bottom:2px; border-bottom:1px #e7e7e7 dashed; padding-top:10px; }
h2						{ color:#b32017; font-size:16px; margin:0; padding:0;}
h3						{ color:#000; font-size:13px; margin:0; padding:0;}
h4						{ color:#b32017; font-size:16px; font-weight:normal; margin:0; padding:0; text-align:left; padding-bottom:2px; border-bottom:1px #e7e7e7 dashed;padding-top:10px; }
h5						{ color:#000; font-size:24px; font-weight:normal; margin:0; padding:0; text-align:left; padding-bottom:2px;}


#content a, #content a:visited
						{ color:#b32017; font-weight:bold; text-decoration:none;}
#content a:hover			{ color:#000; text-decoration:underline;}

#content				{ padding:15px; margin:0; width:906px; }
.columns				{ margin:0; padding:0; overflow:hidden; width:176px; }
.columns a, .columns a:visited
						{ color:#b32017; font-weight:bold; text-decoration:underline;}
.columns a:hover			{ text-decoration:none;}
.video_box				{ background-color:#fff; border:1px #c6c6c6 solid; padding:3px; margin-top:10px;}

.middle					{ width:524px; padding-left:15px; padding-right:15px; text-align:justify; margin:0; overflow:hidden;}

.grey_box				{ width:176px; display:block; margin-bottom:13px;}
.grey_box b.top			{ background-image:url(img/box_top.gif); background-position:top left; background-repeat:no-repeat; display:block; height:3px; font-size:1px;}
.grey_box b.bottom		{ background-image: url(img/box_bottom.gif); background-position:top left; background-repeat:no-repeat; display:block; font-size:1px; height:3px;}
.grey_box .content		{ border-left:1px #dfdfdf solid;border-right:1px #dfdfdf solid; background-color:#eee; padding:10px 13px 10px 13px; font-size:11px; }

.case_studies a, .case_studies a:visited
						{ display:block; width:144px; border-bottom:1px #d1d1d1 solid; padding-top:2px; padding-left:4px; padding-bottom:2px; font-size:12px; color:#000; text-decoration:none; line-height:20px;}
.case_studies a:hover	{ color:#b32017; text-decoration:none;}

.nr						{ background:url(img/nr_bcg.gif); background-position:top left; background-repeat:no-repeat; font-weight:bold; width:24px; padding-top:7px; font-size:20px; color:#dbdbdb;}
.process				{ border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; padding:6px 16px 5px 16px;  background: url(img/arrow_s.gif); background-position:top right; background-repeat:no-repeat; background-color:#eee;}


.big_box				{ width:494px; display:block; margin-bottom:13px;}
.big_box b.top			{ background-image:url(img/box_1_top.gif); background-position:top left; background-repeat:no-repeat; display:block; height:8px; font-size:1px;}
.big_box b.bottom		{ background-image: url(img/box_1_bottom.gif); background-position:top left; background-repeat:no-repeat; display:block; font-size:1px; height:4px;}
.big_box .content		{ font-size:14px; border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; background: url(img/box_1_bcg.gif); background-position:top left; background-repeat:repeat-x; background-color:#fff; padding:16px 19px 10px 19px;}
.red					{ color:#b32017; font-weight:bold; text-align:right; padding-top:15px;}

.fesability_box			{ width:494px; display:block; margin-bottom:13px;}
.fesability_box b.top	{ background-image: url(img/fesability_top.gif); background-position:top left; background-repeat:no-repeat; display:block; height:12px; font-size:1px;}
.fesability_box b.bottom	{ background-image: url(img/box_1_bottom.gif); background-position:top left; background-repeat:no-repeat; display:block; font-size:1px; height:4px;}
.fesability_box .content	{ font-size:12px; border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; background: url(img/fesability_bcg.jpg); background-position:top left; background-repeat:no-repeat; background-color:#fff; padding:0px 0px 10px 19px;}


#footer					{ width:906px; height:63px; background-image: url(img/bottom_in_right.gif); background-position:right top; background-repeat:no-repeat; color:#737373; }
#footer a:link, #footer a:active, #footer a:visited
						{ color:#000; text-decoration:none;}
#footer a:hover			{ color:#b32017; text-decoration:none;}

.login_form				{ width:400px; height:57px; margin:0; margin-top:32px; margin-right:16px; float:right; padding:0; text-align:right;}
.login_form input			{ width:128px; height:18px; border:1px #e3e3e3 solid;}
.login_form a			{ color:#9c9b9b; text-decoration:underline; font-size:12px;}
.login_form a:hover		{ color:#b32017; text-decoration:none;}


#outinfo				{ -moz-border-radius:5px; padding:16px; background-color:#ffc;  margin-top:10px; margin-bottom:20px;  padding-left:32px; background-image:url(../img/ico_alert.gif); background-position:8px 17px; background-repeat:no-repeat;}
	.msgalert			{ border:2px #f00 dotted; background:#ffc; color:#f00; font-weight:bold;}
	.msgmessage			{ border:2px #090 solid; color:#444; background:#ffc; font-weight:bold; background-image:url(../img/filter_background.png); background-position:left 1px; background-repeat:repeat-x;}
	.msginfo			{ border:2px #eee solid; color:#444; background:#fff; padding:4px;}

.big_box_2				{ width:494px; display:block; margin-bottom:13px;}
.big_box_2 b.top			{ background-image:url(img/box_top_2.gif); background-position:top left; background-repeat:no-repeat; display:block; height:4px; font-size:1px;}
.big_box_2 b.bottom		{ background-image: url(img/box_1_bottom.gif); background-position:top left; background-repeat:no-repeat; display:block; font-size:1px; height:4px;}
.big_box_2 .content		{ font-size:14px; border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; background: url(img/box_1_bcg.gif); background-position:top left; background-repeat:repeat-x; background-color:#fff; padding:16px 19px 10px 19px;}

.error_f 				{ border : 1px dotted #666; margin-top : 5px; background-color : #EAEAEA; clear:both; width:360px; margin-bottom:5px; }
.error_f p 				{ margin : 5px; color : #A00; }
.error_f p span 			{ font-size : 13px; color : #000; margin : 5px 0px 0px 0px; }

.clear 					{ clear:both; }
.separator				{ height:10px; }
.left					{ float:left; }
.right					{ float:right; }

#contact_form label		{ float:left; width:150px; padding:4px; font-weight:bold; padding-top:0px; margin-top:0px;}
#contact_form input ,#contact_form select
						{ float:left; width:200px; margin:0; margin-bottom:4px;}

#content ul 			{ list-style-image:url('img/bullet_small_red.gif'); }

#event_form label		{ float:left; width:150px; padding:4px; font-weight:bold; }
#event_form input ,#event_form select
						{ float:left; width:200px; margin:0; }

.newsItem				{ border-bottom:1px dotted #eee; padding:4px; margin-bottom:5px; list-style-image:url('img/bullet_small_red.gif'); margin-left:-5px; }
.newsTitle				{ font-weight:bold; color:#555; }
.newsDate				{ font-size:10px; font-weight:bold; }

.greyBox				{ padding: 10px; color: #fff; background-color: rgb(105, 106, 108); }
.greyBox li				{ list-style-image:url('img/bullet_small_white.gif')!important; }

.leftServices 			{ list-style:none!important; }
.leftServices li.on a:link,.leftServices li.on a:visited, .leftServices li.on a:hover
						{ color:#000!important; }

.quicklinks				{ border-bottom:1px #ccc solid; margin:0 2px; font-size:12px; padding:5px 0; padding-left:15px;}
.quicklinks a			{ padding:0 5px; color:#c00; text-decoration:none;}
.quicklinks a:hover		{ color:#fff; background-color:#c00;}

/* HOME SLIDE */

.slider_wrapper			{ height:220px; position:relative; }
.slider_bg				{ position:absolute; z-index:1; }

.slider_mask{
	position:relative;
	width:494px;
	height:220px;
	overflow:hidden;
}
#slider_box{
	position:absolute;
}
#slider_box div{
	width:494px;
	height:220px;
	float:left;
}

#slider_box a{
	position:relative;
	z-index:1;
}

#slider_box img{
	width:495px;
	height:218px;
	float:left;
	margin:1px 0 0 1px;
}

.buttons				{ float:right; position:relative; z-index:100; text-align:right; top:-37px; right:12px; }
.buttons span			{ border:1px solid #c00; background-color:#eee; font-weight:bold; color:#c00; font-size:17px; display:inline-block; text-align:center; width:24px; padding:2px 0; margin-left:5px; cursor:pointer; }
.buttons span:hover, .buttons span.active
						{ color:#fff; background-color:#c00; }

.bar_buttons			{ float:left; position:relative; z-index:100; top:16px; left:13px; }

/* END */

/* ======== BLOG STYLE START=================================================================== */

#header 				{ font-family: Arial, Helvetica, sans-serif; margin:0;	padding:10px 0 20px 0; font-weight:normal; border:0; }

#header a 				{ color:#b32017; text-decoration:none!important;}

#header a:hover 		{ color:#000!important;}

#rap h2					{ color:#5f5f5f; font-size:14px;}
#rap h3					{ font-size:22px;}

#rap .storycontent p		{ padding:5px; background-color:#f3f3f3; border:1px solid #e7e7e7;}

#rap .feedback			{ background:#696A6C; border-top:1px solid #fff;}
#rap .feedback a		{ color:#fff; text-decoration:none; padding:5px; line-height:20px;}

#rap ol li				{ border-bottom:1px solid #ccc; margin-bottom:10px; background:#f4f4f4;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea
						{ background: #fff; border: 1px solid #333; padding: .2em;}

#commentform textarea 	{width:500px;}

#commentform .submit_button	{ width:130px!important; cursor:pointer;}

#commentlist li ul 		{
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-top:15px;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#commentlist li p { padding:0 15px; font-size:12px;}


#menu {
	background: #eee;
	border:1px #dfdfdf solid;
	padding: 10px 0;
	position: relative;
	right: 0;
	float:right;
	top: 0;
	width: 200px;
}

#menu form {
	margin: 0;
}

#menu input#s {
	width:120px;
	background: #fff;
	border: 1px solid #999;
	color: #000;
	margin:0;}

#menu form .submit_button { padding:0; width:30px!important; margin-left:0!important!; cursor:pointer;}

#menu ul {
	color: #000;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	margin-left:20px;
	padding-left: 3px;
	text-transform: uppercase;
}

#menu ul li {
	font-size:14px; font-weight:bold;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: Arial,Helvetica,sans-serif;
	letter-spacing: 0;
	margin-top:4px;
	padding: 0;
	list-style: none;
	list-style-image:none;
	text-transform:none;

}

#menu ul ul li a {
	/*color: #000;*/
	text-decoration: none;
}

#menu ul ul li a:hover {
	/*border-bottom: 1px solid #809080;*/
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

.storytitle { margin: 0; margin:5px 0; font-size:16px;}

.storytitle a {	text-decoration: none;}

/* ======== BLOG STYLE START=================================================================== */