/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body{
	margin: 0px;
	padding:0px;
	background:url(images/bg_main.gif) repeat-x #FFFFFF;
}
div, table, tr, td, p, span, ul, li, h1, h2, h3, h4, h5, h6, a, form {
	margin:0px;
	padding:0px;
	}
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#2A6CB3;
	font-size:30px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 10px;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	padding:0px 0px 0px 10px;
	}

/*
---------------------------------------------
02. CONTAINER AND WRAPPER
---------------------------------------------
*/

#container{
	width:950px;
	margin:0 auto;
}
#wrapper{
	width:950px;
  }
/*
---------------------------------------------
03. HEADER
---------------------------------------------
*/

#header{
	width:950px;
	float:left;
	display:block;
  }
.head_top{
	width:950px;
	height:36px;
	float:left;
  }
.head_top_txt{
	width:891px;
	height:36px;
	float:left;
	text-align:right;
  }
.head_top_txt h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding:10px 12px 0px 0px;
  }
.head_top_smlogo{
	width:59px;
	height:36px;
	float:left;
  } 
.head_logo{
	width:950px;
	height:140px;
	float:left;
  }
.logo{
	width:277px;
	height:140px;
	float:left;
	text-align:right;
  }
.chat{
	width:673px;
	height:140px;
	float:left;
	text-align:right;
  }
.chat h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#4383C3;
	font-size:25px;
	text-decoration:none;
	font-weight:bold;
	padding:100px 35px 0px 0px;
	font-style:normal;
  }
.chat h1 span{
	color:#6F9E54;
  }

.head_menu{
	width:950px;
	height:38px;
	float:left;
	overflow:hidden;
  }
.head_img{
	width:950px;
	height:302px;
	float:left;
}
.head_imgLeft{
	width:507px;
	height:302px;
	float:left;
}
.head_img_txt{
	width:443px;
	height:302px;
	float:left;
	background-image:url(images/head_img_txt.gif);
	background-repeat:no-repeat;
}
.head_img_txt_top{
	width:443px;
	height:135px;
	float:left;
}
.head_img_txt_bottom{
	width:443px;
	height:167px;
	float:left;
}
.head_img_txt p{
	font-family:Arial, Helvetica, sans-serif;
	color:#4383C3;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	padding:35px 0px 0px 0px;
}

ul.mail_txt{
	margin:0px;
	padding:120px 0px 0px 0px;
	list-style:none;
}
ul.mail_txt li{
	width:443px;
	height:15px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
ul.mail_txt li.print{
	width:71px;
	height:15px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
ul.mail_txt li.print h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#7CA854;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	font-style:normal;
	text-transform:uppercase;
}
ul.mail_txt li.magzine{
	width:108px;
	height:15px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
ul.mail_txt li.magzine h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFC55A;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	font-style:normal;
	text-transform:uppercase;
}
ul.mail_txt li.newspaper{
	width:124px;
	height:15px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
ul.mail_txt li.newspaper h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#00A4E3;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	font-style:normal;
	text-transform:uppercase;
}

ul.mail_txt li.webdesign{
	width:140px;
	height:15px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
ul.mail_txt li.webdesign h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#2A6BB3;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	font-style:normal;
	text-transform:uppercase;
	padding:0px;
}
.weblink{
	font-family:Arial, Helvetica, sans-serif;
	color:#5D9732;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	padding:0px 0px 0px 0px;
	font-style:normal;
}
.weblink:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#5D9732;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	padding:0px 0px 0px 0px;
	font-style:normal;
}
/*
---------------------------------------------
04. TOP NAVIGATION
---------------------------------------------
*/
#nav{
	width:950px;
	height:40px;
	display:block;
	float:left;
	overflow:hidden;
}
.navigation_left{
	width:50px;
	height:38px;
	display:block;
	float:left;
}
.navigation_right{
	width:50px;
	height:38px;
	display:block;
	float:left;
}
.navigation_main{
	width:850px;
	height:38px;
	display:block;
	float:left;
	background-image:url(images/nav_bg.gif);
	background-repeat:repeat-x;
}

ul#navigation {
	margin:0px;
	padding:0px 0px 0px 60px;
	list-style:none;
	}
	
ul#navigation li {
	margin:0px;
	padding:3px 0px 0px 0px;
	display:block;
	float:left;
	text-align:center;
	}
ul#navigation li.seprater {
	background-image:url(images/seprater_nav.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:0px 17px 0px 16px;
	padding:0px;
	display:block;
	float:left;
	height:38px;
	width:2px;
	}

ul#navigation li a {
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:none;
	cursor:pointer;
	}
ul#navigation li a span {
	margin:0px;
	padding:0px 10px 0px 0px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:none;
	cursor:pointer;
	}
ul#navigation li a:hover {
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:url(images/button_hover_left.gif) no-repeat;
	background-position:left;
	cursor:pointer;
	}
ul#navigation li a:hover span {
	margin:0px;
	padding:0px 10px 0px 0px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:url(images/button_hover_right.gif) no-repeat;
	background-position:right;
	cursor:pointer;
	}
ul#navigation li span {
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:url(images/button_hover_left.gif) no-repeat;
	background-position:left;
	cursor:pointer;
	}
ul#navigation li span a {
	margin:0px;
	padding:0px 10px 0px 0px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:url(images/button_hover_right.gif) no-repeat;
	background-position:right;
	cursor:pointer;
	}
ul#navigation li span a:hover {
	margin:0px;
	padding:0px 10px 0px 0px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	background:url(images/button_hover_right.gif) no-repeat;
	background-position:right;
	cursor:pointer;
	}
/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/

#content{
	width:950px;
	height:auto;
	float:left;
  }
.body_top{
	width:950px;
	height:auto;
	float:left;
	padding-top:25px;
  }
.welcome{
	width:512px;
	height:auto;
	float:left;
  }
.grow{
	width:438px;
	height:243px;
	float:left;
	background-image:url(images/grow_img.gif);
	background-repeat:no-repeat;
  }
.grow p{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	padding:50px 0px 0px 0px;
	text-align:center;
	line-height:19px;
  }
.body_bottom{
	width:950px;
	height:auto;
	float:left;
	padding-top:40px;
  }
  
.blog_bg{
	width:950px;
	height:338px;
	float:left;
	background-image:url(images/blog_bg.gif);
	background-repeat:no-repeat;
	padding:0px 0px 10px 0px;
	margin:0px;
	clear:both;
  }
 .blog_inner{
	width:866px;
	padding:35px 0px 0px 0px;
	margin:0 auto;
  }
 .website{
	width:156px;
	height:338px;
	float:left;
	padding:0px;
	margin:0px;
  }
 .seprater{
	width:80px;
	height:338px;
	float:left;
	padding:0px;
	margin:0px;
  }
ul.web{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.web li{
	width:156px;
	margin:0px;
	padding:0px;
}  
ul.web li.text{
	width:156px;
	margin:0px;
	padding:0px;
} 
ul.web li.text h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#FF952E;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 2px;
} 
ul.web li.text h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#3786DA;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 2px;
}  
ul.web li.text h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#7AAD59;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 0px 0px 2px;
}  

ul.web li.text p{
	font-family:Arial, Helvetica, sans-serif;
	color:#4B4B4B;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:3px 0px 3px 2px;
	line-height:15px;
}  

ul.web li.img{
	width:156px;
	height:156px;
	margin:0px;
	padding:0px;
}  
ul.web li.link{
	width:156px;
	height:37px;
	padding:0px;
}  
ul.web li.shadow{
	width:156px;
	height:27px;
	margin:0px;
	padding:0px;
}  
 
/*
---------------------------------------------
05. FOOTER STARTS
---------------------------------------------
*/
#footer{
	width:950px;
	height:69px;
	float:left;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	overflow:hidden;
  }
.footer_left{
	width:860px;
	height:69px;
	float:left;
  }
.footer_left_top{
	width:860px;
	height:30px;
	float:left;
  }
.footer_left_bottom{
	width:860px;
	height:39px;
	float:left;
  }
.footer_left_bottom p{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:5px 0px 0px 10px;
  }
  /*---------------FooterNavigationStarts---------*/
ul.footer{
	margin:0px;
	padding:20px 0px 0px 0px;
	list-style:none;
}
ul.footer li{
	display:block;
	float:left;
	background-image:url(images/footer_sep.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 1px 0px 1px;
	line-height:10px;
}

ul.footer li a{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 10px 0px 10px;
	text-transform:uppercase;
}
ul.footer li a:hover{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 10px 0px 10px;
	text-transform:uppercase;
}
ul.footer li a.active{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	text-transform:none;
	padding:0px 10px 0px 10px;
	text-transform:uppercase;
}
  /*---------------FooterNavigationEnds---------*/