body {

font-size:13px;

line-height:1.4;

/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666;
margin:0 3% 0 3% ;
/*background:url(images/b.gif);

background-repeat:repeat-y;*/

}



a:link,a:active,a:visited { text-decoration:none; color:#cc0000; border:none; }



#wrap{

width:100%;

text-align:center;

}



#logo { height:122px; width:495px; position:relative; color:#000; margin-bottom:3px; float:left; padding-bottom:5px; }

#logo h1 { text-indent:-10000px; margin:0; padding:0; }

#logo h1 a { display:block;  

background:url(images/logo/logo-new.gif) no-repeat left top; 

height:122px; }

#logo h1 a:hover { display:block; background:url(images/logo/logo-hover.gif) no-repeat left top; height:122px; }



.hr{ 

background:#333;

height:5px;

width:100%;

float:left;

font-size:15px;

}



/*.hr a{

color:#fff;

padding-left:5px;

padding-right:5px;

}

.hr a:hover{

color:#cc0000;

background:#fff;

padding-left:5px;

padding-right:5px;

}*/



.nav{

width:100%;

float:left;

height:70px;

padding-bottom:0px;

}











#news{

width:100%;

background-color:#fff;



}



.news1{

width:30%;

float:left;



background:url(images/newsbg.gif);

background-repeat:no-repeat;

background-position:left;



margin-right:2%;

}



.news2{

width:30%;

float:left;

background:url(images/newsbg.gif);

background-repeat:no-repeat;

background-position:left;

margin-left:2%;

margin-right:2%;

}



.news3{

width:30%;

float:right;

background:url(images/newsbg.gif);

background-repeat:no-repeat;

background-position:left;

/*border:#333 1px dashed;*/

}



.newsdis{

float:left;

padding-left:10px;

font-size:14px;

color:#666;

}



#newslist

{

margin-left: 0;

padding-left: 0;

list-style: none;

}



#newslist li

{

padding-left: 15px;

background-image: url(images/arrows.gif);

background-repeat: no-repeat;

background-position: 0 .2em;

}



.newshead{

font-family:Verdana, Arial, "Helvetica", sans-serif;

background:#cc0000 url(images/news-left.gif);

background-position:left;

background-repeat:no-repeat;

width:100%;

height:29px;

font-size:21px;

line-height:1;

color:#333;



text-align:center;

}

/*.news-left{

background:#cc0000 url(images/news-left.gif);

background-repeat:no-repeat;

height:30px;

width:31px;

float:left;

}*/

.news-right{

background:#fff url(images/news-right.gif);

background-repeat:no-repeat;

height:30px;

width:22px;

float:right;

}



.newshead a{

color:#fff;

}

.newshead a:hover{

color:#cc000;

}



.box{

width:16px;

height:16px;

background:url(images/box.png);

background-repeat:no-repeat;

margin-left:10px;

float:right;

}



.foot{

background: url(images/foot.gif);

background-repeat:no-repeat;

margin-left:30px;



width:50%;

height:30px;

float:left;

}



#footer{

width:100%;



background:#333;

float:left;

margin-bottom:20px;

color:#CCCCCC;

}



#footer a:link{

color:#cc0000;

text-decoration:none;

}

#footer a:hover{

color:#fff;

text-decoration:none;

}









/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/pro-dropline-9.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* for this demo only */



#dropline9 {position:relative; font-weight:bold; font-size:12px; height:55px; width:100%; background:#fff; padding-left:12px;}

#dropline9 ul { padding:0; margin:0; list-style: none; width:100%; height:35px;}

#dropline9 ul ul {padding:0; margin:0; list-style:none; width:99%; height:35px;}



#dropline9 table { border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em;}



#dropline9 li {float:left; height:35px; background:#fff;}

#dropline9 li a {float:left; display:block; padding:0 0 0 10px; height:35px; line-height:35px; background: url("images/tabs.png") no-repeat left top; color:#000; text-decoration:none; font-family:tahoma, arial, verdana, sans-serif;}

#dropline9 li a b {float:left; height:35px; display:block; padding:0 22px 0 10px; background:url("images/tabs.png") no-repeat right top; cursor:pointer; display:inline; font-weight:normal;}

#dropline9 li.current a {background-position:0 -35px; border-color:#fff;}

#dropline9 li.current a b {background-position:100% -35px; color:#fff;}

#dropline9 li ul {position:absolute; top:35px; left:-9999px; z-index:10; background:#000;}

#dropline9 li.current ul {left:0; z-index:1; background:#000; border-left:1px solid #7f7f7f;}



#dropline9 li a:hover {background-position:0 -70px; border-color:#000; cursor:pointer;}

#dropline9 li a:hover b {background-position:100% -70px; border-color:#000; color:#fff;}



#dropline9 li:hover > a  {background-position:0 -70px; border-color:#000; cursor:pointer;}

#dropline9 li:hover > a b {background-position:100% -70px; border-color:#000; color:#fff;}



#dropline9 li.current a:hover {background-position:0 -35px; border-color:#000;}

#dropline9 li.current a:hover b {background-position:100% -35px; color:#fff;}

#dropline9 li.current:hover a {background-position:0 -35px; border-color:#000;}

#dropline9 li.current:hover a b {background-position:100% -35px; color:#cc3333;}



#dropline9 ul :hover ul {left:0; border-left:1px solid #d0d0d0;}



#dropline9 ul :hover ul.right li,

#dropline9 ul li.current ul.right li {float:right;}



#dropline9 ul :hover ul.blank {background:#000; border-left:1px solid #e6e6e8;}



#dropline9 ul :hover ul li a {display:inline; background:#000 url(images/bar.gif) right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#ddd; height:35px; line-height:34px;}

#dropline9 ul :hover ul.right li a {background:#000 url(images/bar.gif) left center no-repeat;}





#dropline9 ul li.current ul li a,

#dropline9 li.current a:hover ul li a,

#dropline9 li.current:hover ul li a	{display:inline; background:#000 url(images/bar.gif) right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#aaa; height:35px; line-height:34px;}



#dropline9 ul li.current ul.right li a,

#dropline9 li.current a:hover ul.right li a,

#dropline9 li.current:hover ul.right li a {background:#000 url(dropline/bar.gif) left center no-repeat;}



#dropline9 ul :hover ul li a.last,

#dropline9 ul li.current ul li a.last,

#dropline9 li.current a:hover ul li a.last,

#dropline9 li.current:hover ul li a.last {background-image:none;}



#dropline9 li ul li.current_sub a,

#dropline9 li a:hover ul li.current_sub a,

#dropline9 li:hover ul li.current_sub a,

#dropline9 li a:hover ul li a:hover,

#dropline9 li:hover ul li a:hover {color:#fff;}



#dropline9 li.current ul li.current_sub a,

#dropline9 li.current a:hover ul li.current_sub a,

#dropline9 li.current:hover ul li.current_sub a,

#dropline9 li.current a:hover ul li a:hover,

#dropline9 li.current:hover ul li a:hover {color:#cc3333;}





.footer_list1{

width:20%;

float:right;

margin-left:20px;

margin-right:10px;

}

.footer_list2{

width:20%;

float:right;



margin-right:10px;

}

.footer_list3{

width:20%;

float:right;



margin-right:20px;

}



.footer_list4{

width:30%;

float:left;

margin-left:20px;



}





#myGallery

{

width: 100% !important;

height: 300px !important;

float:left;

margin-right:5px;

} 

	



#gallery-right{

width:400px;

float:right;

border:#333 1px dotted;

height:345px;



}



#slide{

padding-bottom:10px;



}



#section{

/*border:#333 1px solid;*/

}



#page{

width:100%;

margin-top:10px;

}



.page-photo{

/*border:#cc0000 1px dashed;*/

float:left;

margin-top:0px;

}



.page-text{

width:55%;

/*border:#cc0000 1px dashed;*/

float:left;

padding-left:10px;

text-align:justify;



}



#list

{

margin-left: 0;

padding-left: 0;

list-style: none;

}



#list li

{

padding-left: 25px;

background-image: url(images/box.png);

line-height:2.0;

background-repeat: no-repeat;

background-position: 0 .2em;

}



.chat{

background:url(images/logo/chat.gif);

margin-top:20px;

background-repeat:no-repeat;

width:355px;

height:81px;

float:right;

}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



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

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

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

.tabberlive .tabbertabhide {

 display:none;

}



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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

.tabber {



}

.tabberlive {

 /*margin-top:1em;*/

}



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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav

{

 margin:0px;

 background-color: #cc0000;

 padding: 10px 5px;

 border-bottom: 0px solid #dbf1fe;

}

 

ul.tabbernav li

{

 list-style:none;

 margin: 0;

 display: inline;

}



ul.tabbernav li a

{

 padding: 10px 0;



 margin-left: 10px;

 /*border: 0px solid #000;*/

 

 border-bottom: none;

 /*background-image: url(images/101.png);*/

 /*background-image: url(images/100.png);*/

 background-color: #cc000;

 text-decoration: none;

}



ul.tabbernav li a:link { color: #fff; font-size:13px; }

ul.tabbernav li a:visited { color: #667; }



/*on hover tabs*/

ul.tabbernav li a:hover

{

 color: #fff;

 border-bottom: 1px solid white;

 border-top:0px solid #000;

 background-color: #cc0000;

 background-repeat:repeat-x;

 background-image:url(images/search_nav_b.png);

 background-repeat:no-repeat;

 background-position:center;

}



ul.tabbernav li.tabberactive a

{

 background-color: #000;

 border-top:1px solid #000;

 border-bottom: 0px solid #dbf1fe;

 background-image:url(images/search_nav_b.png);

 background-repeat:no-repeat;

 background-position:center;

 border-bottom: 1px solid white;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #fff;

 

 border-bottom: 1px solid white;

}



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

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

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

.tabberlive .tabbertab {



 padding:5px;

 padding-top:10px;

 

 border:0px solid #dbf1fe;

 

 background-image:url(images/bg2.png);

 background-repeat:no-repeat;

 /*background-color:#dbf1fe;*/

 background-position:top;

 background-repeat: repeat-x;

 background-bottom:url(images/bg_bottom.png) no-repeat;

 border-top:0;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



/* height:150px;*/



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

 

}



.tabberwidth{ 

width:100px;

}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display: none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



.tabberlive .tabbertab h4 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 .tabbertab {

background-image: url(images/100.png);

background-color:#cc0000;

width:100px;



}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 /*height:200px;*/

 overflow:auto;



}





/** Contact form start **/

#contactFormArea{

	width:36%;

	float:left;

	padding-left:50px;

	}

	

.add{

width:30%;

float:left;

border:#cc300 1px solid;

text-align:justify;

}



.container {

	width:55%;

	float:right;

	padding-left:50px;

	}

fieldset { border:0;margin:0;padding:0; }

label { display:block; width:200px; }

input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }

input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }





/**Contact form end*/



#portfolio{

width:164px;

height:70px;

}



/***Social Buzz***/

.buzz-text{

width:98%;

/*border:#cc0000 1px dashed;*/

float:left;

padding-left:10px;

text-align:justify;

font-weight:normal;



}

/***Portfolio**/

.porfolio-panel{

	background-image:url(images/clients/clients-bg.png);

	background-repeat:no-repeat;

	height:480px;

	float:left;

	margin-bottom:20px;

}



.portfolio {

	height:100px;

	width:100px;

	padding-right:15px;

	padding-left:15px;

	padding-bottom:15px;

	float:left;

	filter:alpha(opacity=95);



	-moz-opacity:0.95;



	-khtml-opacity: 0.95;

	opacity: 0.95;

}

.portfolio a:link,a:hover{ text-decoration:none; color:#FFF; }



.portfolio a img {

	text-decoration:none;

	border:5px solid #ccc;	

}

.portfolio a:hover  img {

	text-decoration:none;

	border:5px solid #333;	

}