/* CSS Document */

PARAGRAPH CODE

p:first-letter{
   text-transform: lowercase;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin-top: 5px; margin-bottom: 0px;
	text-align: left;
	font-weight: normal;
	color: #222;
}

TWITTER HEADLINE

p:first-letter{
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: italic;
    color: #424242;}
    
p
    {   
	font-family:georgia, serif;
	color:#381704;
	font-size:12px;
	letter-spacing:0.1em;
	line-height:200%;
	text-align: left;
	padding-top:16px;
	margin-left:10px;
    }

a 
    {
	font-style:normal;
	font-variant:small-caps;
	text-decoration: none;
	color: #0f0f0f;
    font-size: 11px;
    }
    
a.view{
	background:url(../images/mid_morebg.gif) no-repeat #FFFFFF; width:192px; height:12px; display:block; font-weight:bold;
	font:12px/12px Verdana, Arial, Helvetica, sans-serif; color:#467700; text-decoration:none; padding:0 0 0 135px;
	margin:0 0 20px 0;
	text-align:left;
	}
	
a.view:hover{
	color:#000000; background-color:#FDFEFF;
	}
	
a.footer{
	color:#000000; background-color:#FDFEFF;
	font-family:Verdana;
	font-style:italic;
	}
		
body{
	padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#6B6854; background-color:#fff;
	}
div, p, ul, h1, h2, h3, h4, img, form, input{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	clear:both;
	font-size:0;
	line-height:0;
	}

/*----------------------------------upper table----------------------*/
#upperpan{
	width:100%;
	color:#6B6854;
	margin: 0 0 0 0;
	}
/*------------------header----------------*/
#header{
	position:relative; margin: 0 0 0 0; height:151px; color:#515151; 
	}
#header img{
	position:absolute;
	top:1px; left:1px;
	}
#header img.right{
	position:absolute;
	/*top:45px; left:795px;*/
	top:1em;
	left:83%;
	}

#header ul{
	width:468px; position:absolute; top:28px; left:265px;
	}
#header ul li{
	float:left;	display:block;
	}
#header ul li a{
	text-indent:-2000px; font-size:0px;  height:31px; text-decoration:none; display:block;
	}
#header ul li a.sol{
	background:url(../images/solution.gif) no-repeat; width:156px;
	}
#header ul li a.sol:hover{
	background:url(../images/solution_h.gif) no-repeat; width:156px;
	}
#header ul li a.ser{
		background:url(../images/services.gif) no-repeat; width:156px;
	}
#header ul li a.ser:hover{
	background:url(../images/services_h.gif) no-repeat; width:156px;
	}
#header ul li a.sup{
	background:url(../images/support.gif) no-repeat; width:156px;
	}
#header ul li a.sup:hover{
	background:url(../images/support_h.gif) no-repeat; width:156px;
	}
#header h1{
	position:absolute; text-indent:-2000px;
	top:66px; left:265px; width:434px; height:43px;
	}
#header ul.navi{
	width:1100px; position:absolute; top:118px; left:135px; display:block;
	}
#header ul.navi li{
	float:left; padding:0 8px 0 8px; 
	}
#header ul.navi li a.na{
	text-indent:0px; color:#515151; text-decoration:none; display:block; height:22px; float:left;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:22px;
	padding:0px 3px 0px 3px; margin:2px 0 2px 0; background-color:#DCDCDC;
	}
#header ul.navi li a.na:hover{
	background-color:#FDFEFF; color:#515151;
	}
/*-------------------------who we are--------------*/
#who{
	width:100%; margin:0 auto 0 0;	
	}
#who h1{
	font-family:Georgia,serif;
	color: #6565AA;
	}
#who h2{
	width:100px; height:100px;
	margin-left:65px; display:block;
	}	
#who p
{
	width:527px; 
	margin:9px 0 0 25px;
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', serif;
	color: #000;
	text-align:justify
}
#who p.contact{
	width:317px; 
	margin:9px 0 0 25px;
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', serif;
	color: #000;
	text-align:justify
}
#who p strong{
	color:#CC6500; background-color:#FDFEFF;
	}
#who p.line {
	height:16px; display:block; width:469px;
	margin-bottom:52px;	

	}
#who p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;
	}
#who p.line a:hover{
	text-decoration:underline;
	}

/*-------------------------News--------------*/

#News{
	width:86%; margin:0 7% 0 7%;
	/*width:400px; margin:0 auto 0 300;*/
	}
	
#News h1
{
	font-family:Georgia,serif;
	width:729px; height:100px;
	margin-left:1px; 
	margin-top:50px;
	color: #6565AA;
	}
#News td
{
	vertical-align:top;
}
#News h2{
	width:729px; height:100px;
	margin-left:225px; 
	margin-top:20px;
	}	
#News p{
	width:777px; 
	margin:px 0 0 65px; display:block; padding-bottom:1px; font-size:14px;
	}
#News p strong{
	color:#CC6500; background-color:#FDFEFF;
	}
#News p.line {
	background:url(../images/line.gif) no-repeat left;  height:16px; display:block; width:469px;
	margin-bottom:2px;	

	}
#News p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;
	}
#News p.line a:hover{
	text-decoration:underline;
	}

/*------------------------middle table-------------------*/
#middle100{
	width:100%;
	/*background:url(../images/middle_table_bg.gif) repeat-x #FDFEFF; float:left; color:#6B6854;*/
	}
/*--------------------------------------middle---------------------*/
#middle{
	width:100%; margin:0 auto;
	}
	
/*-----------------------------left pan----------*/
#left{
	margin-left:3%;width:32%; border:0; float:left; background-color:#FDFEFF; position:relative; color:#6B6854;
	text-align:left;
	}
#left h2{
	height:48px; 
	}
#left h3{
	width:234px; height:84px;
	color:#999999;
	}
#left p{
	padding:0px 0 15px 18px; display:block ;
	}
#left h4
{
	font-family:Georgia,serif;
	color:#4E443C;
	text-transform: none; font-weight: 100; margin-bottom: 0;

	 }
#left h4.line
{
	font-family:Georgia,serif;
	color:#4E443C;
	text-transform: none; font-weight: 100; margin-bottom: 0;

	 }
#left p span{
	color:#61A500; background-color:#FDFEFF;
	}

#left p.line {
	background:url(../images/Look.jpg) no-repeat;left:inherit;height:50px; display:block; width:50px;
	margin:0 0 19px 4px;

	}
#left p.line a
{
	margin: 0 0 15px 75px;
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', serif;
	font-style:italic;
	color: #000;
	text-align:center;
    font-weight: 100; }
    
#left p.line a:hover{
	text-decoration:underline;
	}	
/*----------------------------mid----------------*/
#mid{
	width:25%; 
	margin-left:3%;
	border:#DCDBDB 2px solid; color:#6B6854;
	float:left; background-color:#FDFEFF; padding:15px; font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}
#mid  h2{
	background:url(../images/login_icon.gif) no-repeat #EDEDED; color:#FFFFFF; width:234px; height:61px; padding-bottom:14px;  text-indent:-2000px;
	}
#mid form{
	width:217px; background-color:#FFFFFF; display:block; padding-left:17px; height:120px; color:#3B3B3B;
	}
#mid form input{
	width:199px; height:27px; margin-bottom:16px;
	}
#mid form label{
	width:125px; height:18px; background:url(../images/regi_arrow.gif) no-repeat 8px 5px #EDEDED; color:#373737; font-size:16px;
	padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left; 
	}
#mid form label a {
	color:#373737; text-decoration:none; background-color:#EDEDED;
	}
	#mid form label a:hover {
		text-decoration:underline;
		}
#mid form input.button{
	width:49px; height:18px; float:left; display:block;
	background:url(../images/login_buttom.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px;
	font-weight:bold; line-height:18px; border:none;  cursor:pointer;
	 }
#mid h3{
	width:100%; height:84px;
	color:#999999;
	}
#mid h4
{
	font-family:Georgia,serif;
	color:#4E443C;
	text-transform: none; font-weight: 100; margin-bottom: 0;

	 }
#mid h4.line
{
	font-family:Georgia,serif;
	color:#4E443C;
	text-transform: none; font-weight: 100; margin-bottom: 0; margin-left: 0;

	 }
#mid ul{
	width:231px; display:block; margin:27px 0 0 0 ;
	}
#mid ul li{
	font-family:Georgia,serif;
	color:#4E443C;
	text-transform: none; font-weight: 100; margin-bottom: 0;
}
#mid p.line{
	margin:0 0 19px 4px;
	}
	
#mid p.line a
{
	margin: 0 0 15px 75px;
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', serif;
	font-style:italic;
	color: #000;
	text-align:center;
    font-weight: 100; }

#mid p.line a:hover{
	text-decoration:underline;
	}
/*---------------------right side----------------------*/
#right{
	width:19%; 
	margin-left:10%; 
	float:left; background-color:#FDFEFF; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif;
	border:#DCDBDB 0px solid; color:#6B6854;
	}
#right h2{
	 height:60px; background:url(../images/current_link.gif) ; display:block; text-indent:-2000px;
	}

#mid h3{
	width:234px; height:84px;
	color:#999999;
	}
#right ul{
	width:188px; display:block; margin-top:7px; margin-bottom:46px;
	}
#right ul li a{
	margin: 0 0 15px 15px;
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', serif;
	font-style:italic;
	color: #000;
	text-align:center;
	text-decoration:none;
    font-weight: 100; }

#right ul li img
{
	border:0;
}
#right ul li a:hover{
	border:0;
	}
#right p{
	width:190px; height:276px; background:url(../images/services_pic.gif) no-repeat #FFFFFF; color:#E4E4E4;
	}
/*---------------------------------footer-----------------*/
#footer90{
	width:92%; height:44px; 
	border-top:#EDEDED 6px solid;
	margin-left:3%;
	}
#footer100{
	width:100%; height:44px; 
	border-top:#EDEDED 6px solid; float:left;
	margin-left:1px;
	}
#footer100Footer{
	width:100%; height:44px; 
	border-top:#EDEDED 6px solid; float:left;
	margin-left:1px;
	margin-bottom:0px;
	}
	
#footer{
	/*position:absolute;  height:100px; font-family:Arial, Helvetica, sans-serif; border:1; left:1px;*/
	/*position:absolute; margin: 0 0 0 0; left:1px; height:101px; color:#515151; */
	height:101px; 
	width:100%; 
	left:0px;
	/*margin:0 0 0 0;	*/
	}
#footer ul{
	width:720px; position:absolute; top:20px; left:88px;
	}
#footer ul li{
	float:left; display:block; font:12px/36px Arial, Helvetica, sans-serif; color:#515151; background-color:#FDFEFF;
	}
#footer ul li a{
	font-family:Georgia,serif;
	color:#4E443C;
	text-transform: none; font-weight: 100; margin-bottom: 0;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	color:#000000; font-size:12px; line-height:20px; position:absolute; top:50px; left:100px; background-color:#FDFEFF;
	}
#footer p a {
	color:#000; background-color:#fff; text-decoration:underline; margin:0; padding:0;
	}
#footer p a:hover {	
	color:#000;
	background-color:#C6C6C6;
	}
#footer ul.link{
	width:122px; position:absolute; top:49px; left:322px;
	}
#footer ul.link li{
	float:left; display:block; font-size:0px; height:16px;
	}
#footer ul.link li a{
	display:block; text-indent:-2000px;	height:16px; margin:10px 2px 0 0;	font-size:0px;
	}
#footer ul.link li a.html{
	background:url(../images/html.gif) no-repeat; width:59px; height:16px;
	}
#footer ul.link li a.html:hover{
	background:url(../images/html_h.gif) no-repeat; width:59px; height:16px;
	}
#footer ul.link li a.css{
	background:url(../images/css.gif) no-repeat; width:59px; height:16px;
	}
#footer ul.link li a.css:hover{
	background:url(../images/css_h.gif) no-repeat; width:59px; height:16px;
	}

#dolphincontainer{position:relative;border-bottom: 2px solid navy; color:#143D55;background:#000000;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}

#dolphinnav{position:relative;height:29px;font-size:11px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:29px;}
#dolphinnav ul li a span{padding:6px 6px 0 0;height:12px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{color: white; padding: 0px; font-size: 0%; height: 0em}
#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white}
#dolphin_inner a:hover{color: yellow}

.innercontent{display: none;}

.rhm1{
	width:780px;
	height:64px;
	margin:0 auto;
	background:url(../images/rhm1_bg.gif) repeat-x;		
}
.rhm1-left{
	background:url(../images/rhm1_l.gif) no-repeat;
	width:15px;
	height:64px;
	float:left;
}
.rhm1-right{
	background:url(../images/rhm1_r.gif) no-repeat;
	width:15px;
	height:64px;
	float:right;
}
.rhm1-bg{
	background:url(../images/rhm1_bg.gif) repeat-x;
	height:64px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#ffe8cc;
	text-decoration:none;
	font:12px 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:0 0 0 18px;
	height:64px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg li a span{
	float:left;
	display:block;
	padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
	color:#fff;
	background:url(../images/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
	color:#fff;
	background:url(../images/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
	color:#fff;
	background:url(../images/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
	color:#fff;
	background:url(../images/rhm1_hover_r.gif) no-repeat right 5px;
}