body {
margin: 0px;
padding: 0;
color: #84878E;
background-color:#01265D;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: top;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;
}

#wrappertop {
width: 950px;
margin: 0px auto 0 auto;
padding: 0px 0px 0px 0px;
height:63px;
color:#baebed;
}


#wrappertop #pagestop ul {list-style:none; margin:0px; padding:0px; float:right;}
#wrappertop #pagestop ul li {list-style:none; padding:0px; margin:0px 0px 0px 10px; float:left; font-size:12px;color:#387ec7;}
#wrappertop #pagestop ul li b {color:#BAEBED;}

#wrapper2 {
width: 950px;
margin: 0px auto 0 auto;
padding: 0px 0px 0px 0px;

}


a:link { 
text-decoration: none; 
color: #1D75CF; 
}

a:visited { 
text-decoration: none; 
color: #1D75CF; 
}

a:hover, a:active { 
color: #3B3B3B; 
}

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
margin: 0px 0 10px; 
}



h2 { 
font-size: 28px; 
}

h3 { 
font-size: 24px;
}


.readmore {
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: left;
float: right;
padding-left: 20px;
margin-top: 5px;
}

.readmore a:link, .readmore a:hover {
color: #1D75CF;
}

h4, h5, h6 { 
font-size: 20px; 
}

.titles { 
font-weight: normal; 
font-size: 24px; 
text-decoration: none;
}

.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 20px;
font-family: Trebuchet MS;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

pre, blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}

pre:hover, blockquote:hover {
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}


ul { 
list-style-image: url(../images/bullet.gif); 
}

#pages {
width: 736px;
float: left;
height: 25px;
line-height:25px;
}

#pages ul { 
list-style-type: none; 
list-style-image: none; 
float: right; 
padding: 0px 0px 0px 0px; 
margin-right: 10px; 
margin-bottom: 0px;
margin-top: 25px;
}

#pages ul li { 
float: right; 
display: block; 
height: 25px;
padding: 0px 0 0 0;
margin:0;
}

#pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {
float: left; 
color: #FFFFFF;
display: block;
height: 25px;
font-size: 12px;
padding: 0px 10px 0px 10px;
margin: 0px;
}


#pages ul li a:hover {
margin: 0px;
height: 25px;
padding: 0px 10px 0px 10px;
}

#header {
width: 950px;
margin-top: 0px;
height: 219px;
background-color: #373434;
background-image: url(../images/header-bg.gif);
background-repeat: repeat-x;
float: left;
}

#container {
float: left;
width: 950px;
color: #84878E;
height:auto;
padding:10px 0px 10px 0px;
background:url(../images/content-bg.gif);
}
#container3 {
float: left;
width: 950px;
color: #84878E;
height:auto;
padding:30px 0px 10px 0px;
background:url(../images/content-bg.gif);
}
#videogallery {
float: left;
width: 665px;
color: #84878E;
height:auto;
margin-left:10px;
display:inline;
border:1px solid #ebebeb;
background:#fff;
padding-left:10px;
}
#videogallery .flashplayer {width:360px; height:288px; float:left; padding:6px 0px 10px 0px;}
#videogallery .categoryname {width:665px; float:left; padding:2px 0px 2px 0px; color:#999; font-size:15px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal;}
#videogallery .flashthumb {width:295px; float:left; padding:5px 5px 0px 5px; text-align:right;}

#videogallery .flashthumb img {border:1px solid #ccc; border-right:1px solid #999; border-bottom:1px solid #333; margin-right:3px; margin-bottom:1px; display:inline;}
#contactbox {
float: left;
width: 243px;
color: #84878E;
height:auto;
margin-left:10px;
display:inline;
}
#PortIntroBox {
float: left;
width: 665px;
color: #84878E;
height:auto;
margin-left:10px;
display:inline;
border:1px solid #ebebeb;
background:#fff;
padding-left:10px; 
height:280px;
}
form {padding:0px; margin:0px;}
#PortIntroBox h1 {line-height:normal;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:bolder; font-size:14px; color:#4287cc; margin:14px 0 14px 0; padding:0px;}
#ThumbTextBox h3 {line-height:normal;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:bold; font-size:13px; color:#888; margin:5px 5px 10px 0px; padding:0px;}
#ThumbTextBox h3 a {color:#888; text-decoration:none;}
#ThumbTextBox h3 a:hover {color:#888; text-decoration:underline;}
#PortIntroBox img {float:left; padding-right:15px;}
#PortIntroBox p {padding:0 20px 0 0px; margin:0px; line-height:1.8;}
#ThumbTextBox {width:950px; float:left;margin:10px 0 0 0;padding:0px;}
#ThumbTextBox .Thumbbox1 {width:302px; background:#fff; border:1px solid #ebebeb;}
#ThumbTextBox .Thumbbox1 h2 {line-height:normal;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:bold; font-size:11px; color:#387EC7; margin:5px 5px 0px 10px; padding:0px;}
#ThumbTextBox .Thumbbox1 .content {width:auto; padding:10px 10px 0 10px; margin-bottom:10px;}
#ThumbTextBox .Thumbbox1 .content img {float:left; padding:0 10px 2px 0; border:0px;}
#ThumbTextBox table {border:0px; width:932px; padding:0px; margin:0px 0 0 10px; display:inline; float:left;}
#ThumbTextBox table tr td {vertical-align:top;}
#ThumbTextBox .ThumbboxPar {width:10px;}
.both{clear:both;line-height:0px; height:0px; padding:0px; margin:0px;float:left;}
#ThumbTextBox .height10{line-height:10px; height:10px;}
#contactbox h5{color:#1D75CF; text-decoration:none; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; border:1px solid #ebebeb; padding:0px 5px 0px 5px; background:url(../images/gradientbluebg.gif) repeat-x bottom; line-height:25px;}
#contactbox h5 a {color:#fff;}
#contactbox .contactform{width:233px; border:1px solid #ebebeb; padding:5px; float:left; background:#fff;}
#contactbox .contactform .formleft{width:70px;float:left;clear:both; margin-bottom:8px; margin-top:3px;}
#contactbox .contactform .formright{width:160px;float:left;margin-bottom:8px; margin-top:3px;}
#contactbox .contactform .formright input {border:1px solid #ccc; background:#f1f2f2; width:150px;}
#contactbox .contactform .formright textarea{border:1px solid #ccc; background:#f1f2f2; width:150px; height:60px;}
#contactbox h4{color:#ffffff; text-decoration:none; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; background:url(../images/gradientbluebg.gif) repeat-x; line-height:26px; padding-left:5px;}
#contactbox .testimonials{width:233px; border:1px solid #ebebeb; padding:5px 5px 25px 5px; float:left; margin-bottom:15px; background:#fff;}
#contactbox .testimonials h4{color:#ffffff; text-decoration:none; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; background:url(../images/gradientbluebg.gif) repeat-x; line-height:26px; padding-left:5px;}
#contactbox .contactbutton {width:233px; border:1px solid #ebebeb; padding:5px 5px 5px 5px; float:left; background:#fff;}
#contactbox .contactbutton h5{color:#1D75CF; text-decoration:none; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; border:1px solid #ebebeb; padding:0px 5px 0px 5px; background:url(../images/gradientbluebg.gif) repeat-x bottom; line-height:25px; margin:0px;}

#contactbox .dollarcharge {width:233px; border:1px solid #ebebeb; padding:5px 5px 5px 5px; float:left; background:#fff; margin-bottom:10px;}
#contactbox .dollarcharge h5{color:#1D75CF; text-decoration:none; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; border:1px solid #ebebeb; padding:0px 5px 0px 5px; background:url(../images/gradientbluebg.gif) repeat-x bottom; line-height:25px; margin:0px;}

#left-div {
width: 646px;
float: left;
}
#portfoliobox h1{color:#ffffff; text-decoration:none; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; border:1px solid #ebebeb; padding:3px 5px 3px 5px; background:url(../images/gradientbluebg.gif) repeat-x; }
#portfoliobox h1 a {color:#ffffff; text-decoration:none;}
#portfoliobox {width:930px; float:left; clear:both; margin-top:20px;padding-left:10px;}
#portfoliobox .portfoliobox1 {width:304px; float:left;padding:0px; border:1px solid #efefef;background:#fff;margin-right:5px;display:inline; }
#portfoliobox .portfoliobox2 {width:304px; float:left;padding:0px;border:1px solid #efefef;background:#fff;margin-right:5px;display:inline;}
#portfoliobox .portfoliobox3 {width:304px; float:left;padding:0px;border:1px solid #efefef; background:#fff;}
#portfoliobox .portfoliobox2col1 {width:460px; float:left;padding:0px; border:1px solid #efefef;background:#fff;margin-right:5px;display:inline; }
#portfoliobox .portfoliobox2col2 {width:460px; float:left;padding:0px; border:1px solid #efefef;background:#fff;}
#portfoliobox img {border:0px;}
#prodservicebox {float: left;width:665px;color: #84878E;height:auto;margin-left:10px;display:inline;border:1px solid #ebebeb;background:#fff;padding-left:10px; padding-bottom:10px;}
#prodservicebox2 {float: left;width:920px;color: #84878E;height:auto;margin-left:10px;display:inline;border:1px solid #ebebeb;background:#fff; padding:10px 0px 20px 10px}
#prodservicebox h1 {width:660px; float:left; padding:8px 5px 2px 0px; color:#999; font-size:15px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:bold;}
#prodservicebox2 .serviceboxrow {float:left;width:920px; margin:0px;padding:0px;}
#prodservicebox2 .serviceboxrow .servbox1{float:left;width:460px; margin:0px;padding:0px;}
#prodservicebox2 .serviceboxrow .servbox1{float:left;width:460px; margin:0px;padding:0px;}

#prodservicebox2 .serviceboxrow .contentbox img {float:left;padding:0px;margin:0px 5px 5px 0;}
#prodservicebox2 .serviceboxrow .contentbox{width:423px;float:left; padding-left:5px;height:auto; line-height:2em; }
#prodservicebox2 h2 {padding:0px 0px 0px 8px; color:#1D75CF; font-size:14px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal;margin-top:0px; line-height:normal}
#prodservicebox2 .serviceboxrow ul{padding:0px;margin:0px; list-style:none}
#prodservicebox2 .serviceboxrow ul li{padding:0px;margin:0px; list-style:none}

.dquotet {width:35px; height:29px;}
.dquoteb {width:35px; height:29px;position:absolute;}
.linepartition{background:url(../images/line-partition.gif) repeat-x; height:2px; width:900px;margin-left:5px; margin-top:5px; margin-bottom:5px; float:left;}
.borderright {border-right:20px solid #fff; width:435px;float:left; height:2px;}
.fl {float:left;}
.fr{float:right}
.titles {
font-size:24px;
font-weight:normal;
text-decoration:none;
}
.greytext{color:#84878E; padding-right:5px;}
.titles a:link, .titles a:visited, .titles a:active {
display:block;
font-family:Trebuchet MS;
font-size:12px;
margin-bottom:2px;
margin-top:2px;
text-decoration:none;
}
.thumbnail-div2 {
border:0 none;
float:left;
height:28px;
margin-right:4px;
width:33px;
}
a:link {
color:#1D75CF;
text-decoration:none;
}
.graybutton{background:url(../images/gradientgraybutton.gif) repeat-x !important; border:1px solid #a6a6a6; width:60px !Important; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-size:11px; padding:1px 0 1px 0;}


#footer {
clear: both;
width: 930px;
height: 76px;
padding-left: 20px;
text-align: left;
color: #FFFFFF;
padding-top: 14px;
background-image: url(../images/footer.gif);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
font-size: 11px;
}

#footer a {
color: #FFFFFF;
font-size: 11px;
}

#footer a:visited {
color: #FFFFFF;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}




.logo {
float: left; 
border: 0px;
}

a:focus {
outline: none;
}

ul, ol { line-height: 2.0em; }


#container .topbox, #container3 .topbox {width:950px;float:left; clear:both; margin-bottom:10px;}
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

#categories {
width: 950px;
background-image: url(../images/nav-bg.gif);
background-repeat: repeat-x;
float: left;
background-color: #144F8C;
border-left: 0px solid #d6d6d6;

}

/*dropline menu start here*/
#dropline9 li.portfolio{width:99px;height:21px; float:left;padding:0px 0px 0 10px;margin:1px 10px 0 0; background:url(../images/portfolio.gif) no-repeat; background-position:10px -1px;}
#dropline9 li.bracket{width:17px; height:21px; float:left;padding:0px; margin:1px 0 0 0; background:url(../images/bracket1.gif) no-repeat;}




#dropline9 {position:relative; font-size:12px;height: 26px; width:949px; background:#f4f4f4 url(../images/nav-bg.gif) repeat-x; padding-left:0px; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; float:left;}
#dropline9 ul {padding:0; margin:0; list-style:none; width:950px; height:26px; float:left;}

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


#dropline9 li {float:left; height: 24px;line-height:24px; }
#dropline9 li a {float:left; display:block; padding:0 0 0 0px; height: 26px;line-height:26px;  color:#fff; text-decoration:none; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;}
#dropline9 li a b {float:left; height:26px; line-height:26px; display:block; padding:0 10px 0 10px;  cursor:pointer; display:inline; font-size:11px; font-weight:bold;}
#dropline9 li.current a {border-color:#fff; }
#dropline9 li.current a b {color:#5f5f5f; background-image: url(../images/nav-bg-hover.gif); }

#dropline9 li ul {position:absolute; top:25px; left:-9999px; z-index:10; background:#cfcfcf url(../images/subcatbg.gif); border-bottom:1px solid #777777; border-top:0px solid #115ead; height:20px; line-height:20px; padding:0px;margin:0px; }

#dropline9 ul.current {margin:0; padding:0; list-style:none; display:block; }

#dropline9 li.current ul {z-index:1;left:0; background:#cfcfcf url(../images/subcatbg.gif) ;  border-left:0px solid #7f7f7f; height:20px; line-height:20px; padding:0px;margin:0px; }


#dropline9 ul :hover ul li {padding:0px;margin:0px;height:20px; line-height:20px; }

#dropline9 li a:hover {background-image: url(../images/nav-bg-hoverblue.gif); height: 26px; line-height:26px; border-color:#000; cursor:pointer;}
#dropline9 li a:hover b {border-color:#000; color:#fff;}

#dropline9 li:hover > a  {background-image: url(../images/nav-bg-hoverblue.gif); height: 26px;line-height:26px;  cursor:pointer;font-weight:bold}
#dropline9 li:hover > a b { color:#fff; font-weight:bold}

#dropline9 li.current a:hover {border-color:#000;}
#dropline9 li.current a:hover b {color:#5f5f5f;}
#dropline9 li.current:hover a {border-color:#000;}
#dropline9 li.current:hover a b {color:#5f5f5f;}

#dropline9 ul :hover ul {left:0; padding:0px;margin:0px;}

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

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

#dropline9 ul :hover ul li a {display:inline; background:#cfcfcf url(../images/subcatbg.gif);  padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#5f5f5f; height:20px; line-height:20px; }

#dropline9 ul :hover ul.right li a {background:#cfcfcf url(../images/subcatbg.gif) ; }

#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: url(../images/subcatbg.gif); padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#5f5f5f; line-height:20px; line-height:20px;}

#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:#cfcfcf url(../images/subcatbg.gif);  padding:0 10px;margin:0px;}
#dropline9 li.current ul li a, #dropline9 li.current ul li {height:18px; line-height:18px; padding-top:0px; padding-bottom:0px;}


#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:#000;}




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









.paging { text-align:right; line-height:30px;}
.paging a.current {border:1px solid #ccc;padding: 0 5px; color:#ccc;}
.paging a {border:1px solid #1D75CF;padding: 0 5px; color:#1D75CF;}
.fieldborder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	height: 30px;
	width: 250px;
	border: 1px solid #CCCCCC;
}

.hidden{display:none;}.fieldborder2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 250px;
	border: 1px solid #CCCCCC;
}
#PortIntroBox_home {
	float: left;
	width: 665px;
	color: #84878E;
	height:auto;
	margin-left:10px;
	display:inline;
	border:1px solid #ebebeb;
	background:#fff;
	padding-left:10px;
	height:auto;
}
/*================================= New added =================================*/

#pages1 {
width: 550px;
float: left;
height: 25px;
line-height:25px;
}

#pages1 ul { 
list-style-type: none; 
list-style-image: none; 
float: right; 
padding: 0px 0px 0px 0px; 
margin-right: 5px; 
margin-bottom: 0px;
margin-top: 25px;
}

#pages1 ul li { 
float: right; 
display: block; 
height: 25px;
padding: 0px 0 0 0;
margin:0;
}

#pages1 ul li a:link,#pages1 ul li a:visited, #pages1 ul li a:active {
float: left; 
color: #FFFFFF;
display: block;
height: 25px;
font-size: 12px;
padding: 0px 10px 0px 10px;
margin: 0px;
}


#pages1 ul li a:hover {
margin: 0px;
height: 25px;
padding: 0px 10px 0px 10px;
}

.big{
font-size:18px}