/* CSS Document */


*
{
padding:0;
margin:0 auto;
}
*

a{text-decoration:none; outline:none;}

.clear{clear:both;}

.blue{color:#005696;}

body
{
background: url(../images/bg.jpg) repeat-x 50% 0 #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000;
text-align:justify;
border-top:4px #20346b solid;
}

/* ------- Main Panel Start ------------ */

#main_wraper
{
width:990px;
height:auto;
margin:0 auto;
padding:0;
}

/* ------- Header Panel Start ------------ */
#header
{
background:none;
width:990px;
height:auto;
float:left;
margin:6px 0 8px 0;
}

#logo
{
background: url(../images/logo.jpg) no-repeat ;
width:350px;
height:104px;
float:left;
}

#logo_right
{
	width:auto;
	height:auto;
	float:right;
	margin:0 4px 0 0;
}

/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  box-shadow:2px 2px 2px #000 ;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
/*End effect*/

/* ------- slider Panel Start ------------ */

#slider
{
width:990px;
height:auto;
float:left;
margin:49px 0 0 0;
}

#feature{
	width:990px;
	height:auto;
	float:left;
	margin:25px 0 0 0;
}

#feature1
{
	width:242px;
	height:114px;
	float:left;
}

#feature1 img
{
	float:left;
}

#feature1 p
{
	text-align:right;
	font-size:11px;
	color:#000;
}



/* ------- Menu Start ------------ */

#menuStrip
{
background:url(../images/nav_strip.jpg) repeat-x;
position: absolute;
top:120px;
width:100%;
height:35px;
margin:0 auto;
padding:0;
}

.menu{
 width:990px; margin:0 auto;
padding:0;}

.menu ul
{
text-decoration:none;
display:block;
list-style-type:none;
}

.menu ul li
{
text-decoration:none;
display: inline;
list-style-type:none;
font-size:14px;
font-weight:normal;
color:#414040;
padding:0 0;
}
.menu ul li a
{
text-decoration:none;
display: inline ;
list-style-type:none;
font-size:13px;
text-align:center;
line-height:35px;
font-weight: normal;
color:#000;
padding:10px 17px 10px 20px;
}

.menu ul li a:hover
{
background:#20346b;
color:#fff;
border-radius:4px;
}

.menu ul li a.active
{
background:#20346b;
color:#fff;
border-radius:4px;
}

/* ------- Center Panel Start ------------ */
#center_wraper
{
background:none;
width:980px;
height:auto;
float:left;
margin:0 0 0 0;
padding:10px 8px;
}

/* ------- Left Panel Start ------------ */
#left_panel
{
width:657px;
height:auto;
float:left;

}

#left_panel h2
{
font-family:' Arno Pro';
font-weight:bold;
font-size:22px;
text-transform: capitalize;
color:#5e5b48;
margin:8px 0;
}

#left_panel p
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align: left;
line-height:28px;
color:#000000;
}

#left_panel ul
{
background:none;
text-decoration:none;
display:block;
}
#left_panel ul li
{
background:url(../images/arrow.jpg) no-repeat 0 5px ;
text-decoration:none;
display:list-item;
list-style:none;
font-size:13px;
line-height:22px;
padding:0 0 0 16px;
}


/* ------- Right Panel Start ------------ */
#right_panel
{
width:248px;
height:auto;
float:right;
}

#right_panel h2
{
font-family:' Arno Pro';
font-weight:bold;
font-size:22px;
text-transform: capitalize;
color:#5e5b48;
margin:8px 0;
}

#right_panel p
{
	line-height:22px;
}

.r_read
{background:url(../images/read_more.jpg) no-repeat;
width:98px;
height:30px;
float:left;
cursor: pointer;
font-size:12px;
color:#fff;
line-height:30px;
padding:0 0 0 4px;
margin:6px 0;
}

.r_read:hover
{
	background:url(../images/read_moreH.jpg) no-repeat;
}


#footer
{
background: url(../images/nav_strip.jpg) repeat-x ;
width:100%;
height:35px;
margin: 0 auto;
padding:0;
}

.footer
{
width:990px;
height:auto;
margin:0 auto;
padding:0;
}

.footer p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:35px;
	font-size:12px;
}

.footer a
{
	color:#000;
}

.footer a:hover
{
	color:#069;
}