/* CSS Document */
* {
	margin:0;
	padding:0;
}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:normal; text-align:center; background:url(images/bg.jpg) repeat-x top}
html, input, textarea
	{	font-family:Arial; 
		color:#798589;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#798589; text-decoration:underline} 
a:hover{text-decoration:none}

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/icon1.gif) top left no-repeat; background-position:0 5px; margin:0px; padding:10px 10px 5px 54px; }
ul li a{ color:#777777; text-decoration:none; font-weight:bold;} 
ul li a:hover { text-decoration:none;  color:#000000 }
ul span a{background:url(images/a.gif) no-repeat  bottom left;  display:block} 
#page3 ul span a{background:url(images/a1.gif) no-repeat  bottom left;  display:block} 



ul .li2{background:url(images/icon2.gi) top left no-repeat; }
ul .li3{background:url(images/icon3.if) top left no-repeat; }
ul .li4{background:url(images/icon4.if) top left no-repeat; }
ul .li5{background:url(images/icon5.if) top left no-repeat; }
ul .li6{background:url(images/icon6.if) top left no-repeat; }
ul .li7{background:url(images/icon2.gif) top left no-repeat; }

/*header*/
#header {font-size:0.75em; color:f0f0f0}
#header .logo{ margin:0px 0 0px 0px}
#header .but1{ position:absolute; margin:154px 0 0px 314px }
#header .but2{ position:absolute; margin:275px 0 0px 576px }
#header .but3{ position:absolute; margin:200px 0 0px 751px }
#header .but4{ position:absolute; margin:268px 0 0px 205px }
#header .but5{ position:absolute; margin:140px 0 0px 119px }
#header .menu{ position:absolute; margin:54px 0 0px 316px }
#header .indent{padding:67px 455px 71px 101px}
#header .title{  margin-bottom:11px}
#header h2{ font-size:1em; color:#798589; margin-bottom:9px; text-transform:uppercase}
#header a{color:#ffffff; text-decoration:none} 
#header a:hover{text-decoration:none}
#header p{ margin:0px 0px 5px 0px}
#header .p1{ margin:5px 0px 0px 0px}
#header .fr{ float:right; margin:25px 0px 0 0px}

.top_row_holder {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 95px;
	width: 885px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.logo {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 120px;
	width: 255px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu_holder {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 95px;
	width: 630px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu_area {
	float: right;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 630px;
	height: 55px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu_text {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.ideas {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 98px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.ideas:hover {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 98px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.links {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 82px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 41px;
}
.links:hover {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: underline;
	background-image: url(images/menu_02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 82px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 41px;
}
.info{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 96px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}
.info:hover{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: underline;
	background-image: url(images/menu_02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 96px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
}
.works {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/menu_01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 92px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 31px;
}
.works:hover {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: underline;
	background-image: url(images/menu_02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 92px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 31px;
}
.contact {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/first_menu_01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 92px;
	padding-top: 18px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 31px;
}
.contact:hover {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/first_menu_02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 33px;
	width: 92px;
	padding-top: 18px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 31px;
}
.header_middle {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 200px;
	width: 500px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.middle_text {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 200px;
	width: 430px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.read_more {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 14px;
	width: 350px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
.solutions_content {
	background-image: url(images/logo.pn);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 350px;
	width: 250px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent_main{padding:1px 0px 0px 0px}
#content .indent_col3{padding:0px 6px 0px 0px}
#content .indent_col2{padding:0px 6px 0px 25px}
#content .indent{padding:26px 15px 61px 28px}
#content .indent1{padding:0px 20px 0px 10px}
#content .pad{ padding:5px 0px 0px 0px}
#content .pad1{ padding:0px 10px 0px 0px}
#content .pad2{
	padding:5px 0px 0px 0px;
	margin-right: 160px;
}

#content .title{  margin-bottom:11px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic_left1{ float:left; margin:0px 7px 0px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content .more{ margin:14px 32px 0px 0px; float:right}

#content p{ margin:0px 0px 7px 0px}
#content .p1{ margin:20px 0px 7px 0px}
#content h4{ font-size:1em; color:#798589; margin-bottom:7px}

#content .row1{margin:0px 0px 4px 0px; width:100%}
#content .indent_col_1{padding:0px 0px 0px 0px}


/*block*/
.block{ background:#fff; width:100%}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block .indent_block{ padding:24px 0px 15px 0px; text-align:center; color:#fca026; font-weight:bold}
.block strong{ color:#21272a}
.block .title_1{  margin-bottom:6px}
#content .block p{ margin:0px 0px 14px 0px}
/*block1*/
.block1{ background:#f3f5f6; width:100%; }
.block1 .bg_top{ background: url(images/bg_top1.gif) repeat-x top}
.block1 .bg_bottom{ background: url(images/bg_bottom1.gif) repeat-x bottom }
.block1 .bg_left{ background: url(images/bg_left1.gif) repeat-y left }
.block1 .bg_right{ background: url(images/bg_right1.gif) repeat-y right}
.block1 .bg_top_left{ background: url(images/bg_top_left1.gif) no-repeat top left }
.block1 .bg_top_right{ background: url(images/bg_top_right1.gif) no-repeat top right }
.block1 .bg_bottom_left{ background: url(images/bg_bottom_left1.gif) no-repeat bottom left }
.block1 .bg_bottom_right{ background: url(images/bg_bottom_right1.gif) no-repeat bottom right }
.block1 .indent_block{ padding:8px 8px 24px 21px; }
/*block2*/
.block2{ background:#f3f5f6; width:100%; }
.block2 .bg_top{ background: url(images/bg_top2.gif) repeat-x top}
.block2 .bg_top_left{ background: url(images/bg_top_left2.gif) no-repeat top left }
.block2 .bg_top_right{ background: url(images/bg_top_right2.gif) no-repeat top right }
.block2 .indent_block{ padding:21px 30px 0px 29px; }
/*block3*/
.block3{ background:#fff; width:100%; }
.block3 .bg_top{ background: url(images/bg_top3.gif) repeat-x top}
.block3 .bg_bottom{ background: url(images/bg_bottom3.gif) repeat-x bottom }
.block3 .bg_left{ background: url(images/bg_left3.gif) repeat-y left }
.block3 .bg_right{ background: url(images/bg_right3.gif) repeat-y right}
.block3 .bg_top_left{ background: url(images/bg_top_left3.gif) no-repeat top left }
.block3 .bg_top_right{ background: url(images/bg_top_right3.gif) no-repeat top right }
.block3 .bg_bottom_left{ background: url(images/bg_bottom_left3.gif) no-repeat bottom left }
.block3 .bg_bottom_right{ background: url(images/bg_bottom_right3.gif) no-repeat bottom right }
.block3 .indent_block{ padding:12px 15px 6px 6px; }
.block3 .indent_block a{ color:#1d2326; font-weight:normal; text-decoration:none }
.block3 .indent_block a:hover{text-decoration: underline }


#page3 .pad{ padding:20px 0px 0px 0px}
#page4 .block1 .indent_block, #page6 .block1 .indent_block{ padding:8px 8px 24px 8px; }
#page4 .block2 .indent_block, #page6 .block2 .indent_block{ padding:21px 30px 0px 29px; }
#page4 .block3 .indent_block, #page6 .block3 .indent_block{ padding:12px 15px 6px 6px; }
#page6 #content .indent_col2{padding:0px 0px 0px 25px}
#page7 .block1 .indent_block{ padding:21px 32px 24px 31px; }
/*footer*/
#footer { color:#798589; font-size:0.75em; padding:16px 25px 25px 80px; font-weight:bold}
#footer a {color:#798589; text-decoration:none}  
#footer a:hover {  text-decoration:underline}


input{
	width:230px; height:20px;
	font-size:1em;
	padding-left:3px;
	margin-bottom:3px
}
textarea{
	width:230px; height:152px;
	font-size:1em;
	padding-left:3px;
	margin-bottom:11px;
	overflow:auto}