body {

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

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	background-color: #525252;

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

	background-repeat: no-repeat;

	margin:0;

}

p.Subheader{
	text-transform:none;
	font-size:14px;
	color:#414141;
}

h4{

	font-family:verdana;

	font-size:12px;

	color:#555555;

	font-weight:bold;

	border-bottom:1px solid #e1e1e1;

	margin:0;

	}
h4.bHead {

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

	font-size:15px;

	color:#ff9900;

	font-weight:bold;

	border-bottom:1px solid #e1e1e1;

	margin:0;
		padding-left: 15px;

	padding-right: 15px;

	}

/*- Menu Tabs--------------------------- */





    #tabs {

      float:left;

      width:100%;

      background:#303030;

      font-size:70%;

      line-height:normal;

	  border-top:1px solid #414141;

 	  border-bottom:1px solid #414141;

      }

    #tabs ul {

        margin:0;

        padding:10px 10px 0 30px;

        list-style:none;

      }

    #tabs li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabs a {

      float:left;

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

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

      }

    #tabs a span {

      float:left;

      display:block;

      background:url(../../images/tabright1.gif) no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#fff;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabs a span {float:none;}

    /* End IE5-Mac hack */

    #tabs a:hover span {

      color:#000;

      }

    #tabs a:hover {

      background-position:0% -42px;

      }

    #tabs a:hover span {

      background-position:100% -42px;

      }



        #tabs .current a {

                background-position:0% -42px;
				text-transform:uppercase;

        }

        #tabs .current a span {

                background-position:100% -42px;

        }

-->



#banner{

	background:#f5f5f5;

	border-bottom:1px solid #000;

}

.border {

	border: 1px none #838383;

	background-color: #fff;
	
	z-index:1;

}

.imgframe{

	float:left;

	margin-right:10px;

	margin-bottom:2px;

}

.bodytext {

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

	font-size: 11px;

	color: #666;

	text-decoration: none;

	line-height: 20px;

	padding-left: 15px;
	padding-right:10px!important;
	padding-right: 15px;
	border:1px none #ff9900;

}
/* request a Quote */
#quote{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:15px;
}
#quote table{
	width:430px;
}
#quote table tr td{
	padding:2px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	vertical-align:top;
}
#quote table hr{height:2px; color:#e2e2e2;}
#quote table input{font-size:10px; border:1px solid #a2a2a2;}
#quote table input.chk{border:none;}
#quote table textarea, select{font-size:10px; border:1px solid #a2a2a2;}
/* css for footer */



#footer {

	font-family: Verdana;

	font-size: 10px;

	font-weight: normal;

	color: #4d4d4d;

	text-decoration: none;

	text-align:center;

	padding:5px;

	background:#f5f5f5;

	border-top:1px solid #e1e1e1;

}



#footer a{

	color: #4d4d4d;

	text-decoration: underline;

}

#footer a:hover {

	color: #2d2d2d;

	text-decoration: none;



}

.header {

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

	font-size: 18px;

	color:#444;

	padding:5px;

	border-bottom:1px solid #e2e2e2;

}

.subheader {

	font-family: Arial;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #003399;

	padding-left: 5px;

}

input.red {

	background-color: #f1f1f8;

	font-size: 10px;

	font-family: verdana;

	font-weight: normal;

	color: #000066;

	border: 1px solid #0066CC;



}.login {

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

	font-size: 12px;

	text-transform: none;

	color: #333333;

	text-decoration: none;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	text-align: center;

	background-color: #f6f6f6;

	padding-left: 10px;





}

.hometext {

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

	font-size: 10px;

	font-style: normal;

	color: #003399;

	text-decoration: none;

	padding: 0px 2px 0px 3px;

	list-style-position: inside;

	list-style-type: none;

	list-style-image: url(../../images/arrow.png);

	font-weight: bold;

	line-height: 40px;

}

.hometext:link {

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

	font-size: 12px;

	font-style: normal;

	color: #003399;

	text-decoration: none;

	padding: 0px 2px 0px 3px;

	list-style-position: inside;

	list-style-type: none;

	list-style-image: url(../../images/arrow.png);

}

.hometext:hover {

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

	font-size: 12px;

	font-style: normal;

	color: #003399;

	text-decoration: none;

	padding: 0px 2px 0px 3px;

	list-style-position: inside;

	list-style-type: underline;

	list-style-image: url(../../images/arrow.png);

}

.p {

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

	font-size: 10px;

	line-height: normal;

	font-weight: normal;

	color: #CC6600;

	text-decoration: none;

	list-style-type: none;





}

.p1 {

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

	font-size: 12px;

	line-height: normal;

	font-weight: bold;

	color: #FF6600;

	text-decoration: none;

	list-style-type: none;

	width: auto;







}

.p1:hover {

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

	font-size: 12px;

	line-height: normal;

	font-weight: normal;

	color: #FF6600;

	text-decoration: underline;

	list-style-type: none;

	background-color: #F1f1f8;

}

.p:link{

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

	font-size: 10px;

	line-height: normal;

	font-weight: normal;

	color: #CC6600;

	text-decoration: none;

	curson:none;

}

.p:hover{

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

	font-size: 10px;

	line-height: normal;

	font-weight: normal;

	color: #003399;

	text-decoration: none;

}

.form {

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

	font-size: 10px;

	color: #003399;

	text-decoration: none;

	padding-left: 10px;

	font-weight: normal;

}

#td{

	backgound-color:#444444;

}

#td a{

	color:#cc6600;

	text-decoration:underline;

	font-weight:bold;

}

#td a:hover{

	color:#cc6600;

	text-decoration:none;

	font-weight:bold;

}

/* ----------- leftBody box code start -------------- */
.leftBody{ background:url(../../images/left_body_bg.gif) no-repeat bottom right; width:231px; height:220px;}
.bgbox{ background:url(../../images/body_Boxbg.gif) no-repeat bottom right; width:231px; height:145px; }

/* for link buttons */
.buttonwrapper{float:right; width:150px; margin:5px 0 5px 0; }
a.squarebutton{
float: right;
background: transparent url('../../images/square-blue-left.gif') no-repeat top left;
cursor:pointer;
display: block;
font: normal 10px Arial; /* Change 12px as desired */
line-height: 8px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin:0 1px 0 0;
outline:none;

}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #919191;text-decoration:none; /*button text color*/
}

a.squarebutton span{
background: transparent url('../../images/square-blue-right.gif') no-repeat top right;
display: block;

padding: 4px 5px 4px 2px; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #cc6600;
}

/* ----------- products box code start -------------- */
.products ul{}
.products li {color:#666666;}
.products li a{color:#cc6600; text-decoration:none; font-weight:bold;}
.products li a:hover{color:#aaaaaa;}
.products li img{border:none;}
/* ----------- portfolio tab code start -------------- */

#porfolioTab{position:relative;height:25px;font-size:10px;font-weight:bold;background:#fff ;padding:0 0 0 20px;}
#porfolioTab ul{margin:0;padding:0;list-style-type:none;width:auto;float:left; }
#porfolioTab ul li{display:block;float:left;margin:0 1px;}
#porfolioTab ul li a{display:block;float:left;color:#90c5e3; background:#6fa0bc; text-decoration:none;padding:0 0 0 20px;height:25px;}
#porfolioTab ul li a span{padding:2px 20px 0 0;height:25px;float:left;}
#porfolioTab ul li a:hover{color:#fff; }
#porfolioTab ul li a:hover span{display:block;width:auto;cursor:pointer; padding:0px 20px 0 0;}
#porfolioTab ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893; text-transform:uppercase;}
#porfolioTab ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893; height:25px;}



#portfolio{ *margin-left:15px;}


.Ptop{ display:block;background:url(../../images/PortfolioTop.jpg) no-repeat; height:8px; width:477px}
.Pmid{ display:block;background:url(../../images/PortfolioMid.jpg) repeat-y; height:105px;  width:477px; padding:4px; *margin:-5px 0 0 0;}
.Pmid1{ display:block;background:url(../../images/PortfolioMid.jpg) repeat-y; height:85px;  width:477px; padding:4px; *margin:-5px 0 0 0;}

.Pmid img, .Pmid1 img {float:left; margin:0px 12px 0 8px;}

.Pmid span, .Pmid1 span{float:left; color:#255275; margin:0px 0 0 0; *margin:0px 0 0 0;}
.Pbtm{ display:block;background:url(../../images/PortfolioBtm.jpg) no-repeat; height:22px; width:477px; margin:0 0 10px 0px;}

/*----- for application portfolio----*/
#mid .mid_content_right_img{
	border:1px none #90C5E6;
	padding:3px 5px 3px 3px;
	height:110px; width:150px;
	margin:00px 0 15px 0; display:block;}
#mid .mid_content_right_img a{
	border:1px solid #90C5E6;display:block;
	}
#mid .mid_content_right_img a:hover{
	border:1px solid #666666;display:block;
	}