@charset "utf-8";
/* CSS Document */

/*----------- [Table of contents] -----------

	1. Body
	2. Wrapper / #wrapper
	3. General Properties
	4. Navigation
	5. Header
	6. content
		6.1. Middle Part / #middle_part
		6.2 Recent Part / #recent_part
		6.3. Newsleeter / #newsletter
	7. Footer / #footer
	8. Sub Pages

-----------*/

/*---------- 1. BODY ----------*/
body {
	margin: 0;
	padding: 0;
	background: #2E2E2E url(../images/bg.jpg) repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
}

/*---------- 2. Wrapper ----------*/
#wrapper {
	width: 912px;
	margin: 33px auto 0 auto;
}

/*----------  3. General Properties ----------*/
ul { list-style: none;}

p {	margin: 0;	padding: 0;}

.clear { clear:both;}

img {border:none;}

.grey {color:#DBDBDB;}

.img_left {
	float: left;
	padding: 0 10px 0 0;
}

/*---------- 4. Navigation ----------*/
#nav{
	position: relative;
	padding: 0;
	margin: 0 0 0 14px;
	background: url(../images/nav_bg.gif) no-repeat; /*tab background image path*/
	height: 32px;
	list-style: none;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li{
	float:left;
}

#nav li a{
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;	
}

#nav li a b{
	float: left;
	display: block;
	padding: 0 17px 0 2px; /*Padding of menu items*/
}

#nav li.current a, #nav li a:hover{
	color: #792222;
	background: url(../images/hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

#nav li.current a b, #nav li a:hover b{
	color: #792222;
	background: url(../images/hover_right.gif) no-repeat right top; /*right tab image path*/
}

#top_corner {
	width: 912px;
	height: 18px;
	background: url(../images/top_corner.gif) bottom no-repeat;
}

/*---------- 5. Header ----------*/
#header {
	width: 912px;
	height: 85px;
	background: #fff;
	overflow: hidden;
	position: relative;
}

#header h1.logo {
margin: 0;
padding: 0;
width: 340px;
height: 60px;
display: block;
position: absolute;
top: 10px;
left: 30px;
overflow: hidden;

}

#header h1.logo a {
display:block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(../images/newLogo.jpg) no-repeat;
}

#header #top_right_link {
position: relative;
float: right;
width: 200px;
height: 82px;
top: 0px;
right: 20px;
text-align: right;
}

#header #top_right_link p {
font-size: 10px;
font-weight:bold;
line-height: 10px;
color: #8D1C1C;
}

#header #top_right_link p a {
color: #8D1C1C;
text-decoration: none;
}

#header #top_right_link p a:hover {
text-decoration: underline;
}




#header #consultation {
position: relative;
float: right;
width: 80px;
height: 79px;
top: 0px;
right: 0px;
text-align: right;
}

#header #consultation p {
color: #8D1C1C;
text-decoration: none;
}

#header #callnow {
position: relative;
float: right;
width: 300px;
height: 50px;
top: 0px;
right: 200px;
text-align: center;
}


#header #top_right_link_new {
position: relative;
float: right;
width: 125px;
height: 82px;
top: 5px;
right: 200px;
text-align: right;
}





/*---------- 6. content ----------*/
#content {
	width: 857px;
	background: #fff;
	/*padding: 30px 30px 0 25px;*/
	padding: 0px 30px 0 25px;
	position: relative;
}

#content h1 {
	font-size: 20px;
	color: #871C1C;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

#content p {
	color: #414141;
	font-size: 12px;
	line-height: 20px;
}


/*---------- 6.1. Middle Part ----------*/

#left_part {
width: 160px;
float: left;
}

#center_flash_swf {
width: 480px;
height: 272px;
float: left;
}

#middle_part {
	/*background: url(../images/middle_part_bg.gif) no-repeat;*/
	padding: 0px 0px 0 0px;
	/*height: 266px;*/

}

#middle_part #details {
	/*width: 356px;*/
}

#middle_part #details p {
	color: #414141;
	line-height: 19px;
	font-size: 12px;
}

#middle_part #details p a {
	color: #09586C;
	font-weight: bold;
}

#middle_part #latest_media {
	width: 416px;
	height: 259px;
	position: absolute;
	top: 35px;
	right: 60px;
}

#middle_part p.see_more {
	float: right;
	margin: 28px 2px 0 0;
	color: #2E2E2E;
	font-size: 13px;
}

#middle_part p.see_more a {
	color: #25869E;
	text-decoration: none;
}

#middle_part p.see_more a:hover {
	text-decoration: underline;
}

.middle_strip {
	background: url(../images/middle_strip.jpg) repeat-x;
	height: 5px;
	overflow: hidden;
}

/*------- 6.2 Recent Part ------*/
#recent_part {
	width: 673px;
}

#recent_part h1 {
	color: #4A4A4A;
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 22px;
}

#recent_part h1 a {
	color: #6FA7B3;
	text-decoration: none;
}

#recent_part #recent_news {
	width: 330px;
	float: left;
}

#recent_part #recent_news p {
	color: #4C4C4C;
	font-size: 12px;
	line-height: 20px;
}

#recent_part #recent_news p a {
	color: #4A8392;
	font-size: 14px;
}

#recent_part #recent_blog_entry {
	width: 330px;
	float: left;
}

#recent_part #recent_blog_entry p {
	font-size: 12px;
	color: #4C4C4C;
	line-height: 19px;
}

#recent_part #recent_blog_entry a.reading {
	color: #2E7486;
}

/*----- 6.3. Newsletter --------*/
#newsletter {
	width: 853px;
	height: 111px;
	background: url(../images/newsletter_img.gif) no-repeat;
}

#newsletter #sign {
	float: right;
	width: 400px;
	margin: 34px 0 0 0;
}

#newsletter input.txt {
	width: 216px;
	height: 20px;
	border: 1px solid #C3CBCE;
	background: #fff;
	float: left;
	color: #939393;
	padding: 3px 0 0 8px;
}

#newsletter #sign_up {
	width: 59px;
	height: 25px;
	background: transparent url(../images/sign_up_button.gif)  no-repeat;
	border: none;
	text-indent: -99999px;
	overflow: hidden;
	padding: 0;
	color: #6F756A;
	cursor: pointer;
	text-indent: -9999px;
	margin: 0 0 0 6px;
}

#bottom_corner {
	width: 912px;
	height: 15px;
	background: url(../images/bottom_corner.gif) no-repeat;
}

/*----7. Footer ------*/
#footer {
	width: 100%;
	color: #A1A1A1;
}

#footer p.copyright {
	float: left;
	margin: 15px 0 0 0;
}

#footer p.creator {
	float: right;
	margin: 15px 0 0 0;
}

/*------ 8. Sub Pages-------*/
#content #contactform {
	width: 420px;
	float: left;
}

#content #contactform h1 {
	font-size: 20px;
	color: #871C1C;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
}

h2.welText {
	font-size: 20px;
	line-height: 25px;
	color: #871C1C;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}


#content #contactform p {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
}

#content #contactform form {
	margin: 0;
	padding: 0;
}

#content #contactform label {
	width: 150px;
	float: left;
	color: #414141;
	font-weight: bold;
	margin-right: 25px;
}

#content #contactform input {
	border: 1px solid #C3CBCE;
	width: 194px;
	margin: 0 0 20px 0;
	color: #939393;
	padding: 2px 0 2px 6px;
}

#content #contactform select {
	margin: 0 0 20px 0;
}


#content #contactform textarea {
	border: 1px solid #C3CBCE;
	width: 195px;
	color: #939393;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 6px;
}

#content #contactform #submit_button {
	width: 59px;
	height: 25px;
	background: transparent url(../images/button_submit.gif) no-repeat;
	border: none;
	text-indent: -99999px;
	overflow: hidden;
	padding: 0;
	color: #6F756A;
	cursor: pointer;
	text-indent: -9999px;
	margin: 20px 0 0 250px;
}

#content #contactform #reset_button {
	width: 59px;
	height: 25px;
	background: transparent url(../images/button_reset.gif) no-repeat;
	border: none;
	text-indent: -99999px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	margin: 0 0 0 14px;
}

#content #add {
	width: 210px;
	float: right;
	margin: 100px 0 0 0;
	padding: 0 10px 0 10px;
}

#content #add p {
	text-align: right;
}

#login {
	width: 100%;
}

#login label {
	width: 120px;
	float: left;
	color: #414141;
	font-weight: bold;
}

/*#login input {
	margin: 0;
	border: 1px solid #C3CBCE;
	width: 150px;
	color: #939393;
	padding: 2px 0 2px 6px;
}*/

.input_box {
	width: 180px;
	margin: 0;
	border: 1px solid #C3CBCE;
	color: #939393;
	padding: 2px 0 2px 6px;
}

#login .update {
	margin: 0;
	padding: 0;
	border: none;
	width: 99px;
	height: 25px;
}

#login .upload {
	border: 1px solid #C3CBCE;
}

#login #login_button {
	width: 59px;
	height: 25px;
	background: transparent url(../images/button_login.gif) no-repeat;
	border: none;
	text-indent: -99999px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	margin: 20px 0 0 120px;
}

.login, .login a {
	color: #8D1C1C;
	text-decoration: none;
}

.login a:hover {
	text-decoration: underline;
}

.downlaodfiles {
	margin: 14px 0 0 0;
	width: 100%;
}

.downloadlink {
	margin: 0 0 0 26px;
	list-style: square;
}

.downloadlink ul {
	margin: 0;
	padding: 0;
}

.downloadlink li {
	margin: 0;
	padding: 0;
	list-style: square;
}

/*------blog-----*/
#blog {
	width: 100%;
}

#blog p.read {
	margin: 2px 0 24px 0;
}

#blog p.read a {
	color: #6FA7B3;
	text-decoration: none;
}

#blog p.read a:hover {
	text-decoration: underline;
}

h2 {
	margin: 0 0 10px 0;	
	padding: 0;
	overflow: hidden;
}

h2 a {
	font-size: 16px;
	color: #4A4A4A;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

#comments {
	margin: 40px 0 0 0;
	width: 100%;
}

#comments h2 {
	color: #871C1C;
	padding: 0 0 10px 0;
	font-size: 16px;
}

.blog_comment {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: bold;
}

#comments label {
	font-size: 10px;
	color: #414141;
	font-weight: bold;
}

#comments input {
	border: 1px solid #C3CBCE;
	width: 200px;
	color: #939393;
	margin: 2px 0 6px 0;
}

#comments textarea {
	border: 1px solid #C3CBCE;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #939393;
	margin: 0 0 6px 0;
}

#comments #submit_comment {
	width: 109px;
	height: 25px;
	background: url(../images/button_submit_comment.gif) no-repeat;
	border: none;
	text-indent: -99999px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	margin: 18px 0 0 0px;
}

/*----- news -----*/
#news {
	width: 100%;
}

#news h2 {
	margin: 0 0 0 0;	
	padding: 0;
	overflow: hidden;
}

#news h2 a {
	color: #4A8392;
}

/*----- services -----*/
#services {
	width: 100%;
}

#services h2 {
	margin: 0 0 0 0;
	padding: 0;
	color: #4A4A4A;
	font-size: 16px;
}

/*---------------------*/
.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu a {
color: #fff;
display: block;
text-decoration: none;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background-color: #8D1C1C;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #CCCCCC;
}


.textRedbold {
margin: 0;
font-size: 20px;
font-weight:bold;
line-height: 20px;
color: #8D1C1C;
}

#services_ind_menu {
text-align: right;
}

#services_ind_menu p {
font-size: 13px;
font-weight:normal;
line-height: 22px;
color: #8D1C1C;
}

#services_ind_menu p a {
color: #8D1C1C;
text-decoration: none;
}

#services_ind_menu p a:hover {
text-decoration: underline;
}

/*----*/
label.indexlabel {
	width: 40px;
	float: left;
	color: #414141;
	font-weight: bold;
	margin-right: 25px;
}

input.indexinput {
	border: 1px solid #C3CBCE;
	width: 140px;
	margin: 0 0 10px 0;
	color: #939393;
	padding: 2px 0 2px 3px;
}

textarea.indextextarea {
	border: 1px solid #C3CBCE;
	width: 215px;
	height: 84px;
	color: #939393;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 3px;
}

.index_submitbtn {
	margin: 5px 0 0 0;
}