@charset "utf-8";
/* CSS Document */

/*-------Typographic Scale-------*/
body {
 font-size: 12px;
}
h1 {
 font-size: 24px;
}
h2 {
	font-size: 24px;
}
h3 {
 	font-size: 16px;
}
h4 {
 font-size: 2.0em;
}
blockquote {
 font-size: 1.5em;
}
p {
 font-size: 12px;
 margin-bottom: 15px;
 line-height: 15px;
}
.input { 
	background: #FFFFFF; 
	color: #161616; 
	font-family: tahoma; 
	font-size:12px;  
	border: 1px #d0d0d0 solid;  
	padding: 3px 3px 3px 3px; 
	font-weight: normal; 
}

.btn { 
	background: #FFFFFF;
	width: 60px;
	height: 25px;
	color: #161616; 
	font-family: tahoma; 
	font-size:11px;  
	border: 1px #d0d0d0 solid;  
	font-weight: normal; 
}


.textarea { 
	background: #FFFFFF; 
	color: #161616; 
	font-family: tahoma; 
	font-size:12px;
	border: 1px #d0d0d0 solid;   
	font-weight: normal; 
}

small {
 font-size: 0.75em;
}
/*-------links-------*/
a {
	text-decoration:none;
	color: #000;
}
a:hover {
	color: #fff;
}
/*-------layout-------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #363333;
	background-color: #a9abb0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 17px;
}
#wrap {
	width: 972px;
	margin: 0 auto;
}
#header {
	height: 557px;
	position: relative;
	background-image: url(images/content-top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	float: left;
}
#logo {
	float: left;
}
#logo a {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 244px;
	margin-top: 50px;
	margin-left: 20px;
}
#logo span {
	display: none;
}
#main-nav {
	display: block;
	width: 100%;
	margin-top: 11px;
	height: 25px;
	text-align: center;
	text-transform: uppercase;
	color: #666666;
	float: left;
}
#main-nav li {
	display: inline;
}
#main-nav a {
	color: #CCCCCC;
	margin-right: 10px;
	margin-left: 5px;
}
#main-nav a:hover {
	color: #fff;
}
.head-banner {
	float: left;
	height: 257px;
	width: 100%;
}
.flash-banner {
	height: 170px;
	width: 100%;
	float: left;
}
.top-icons {
	float: right;
	height: 86px;
	width: 182px;
	margin-right: 20px;
}

#content {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	width: 932px;
	float: left;
}
#footer {
	background-image: url(images/content-bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 8px;
	color: #666666;
	float: left;
	width: 972px;
}
#foot-nav {
	display: block;
	width: 100%;
	margin-top: 11px;
	height: 21px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 4px;
	float: left;
	margin-bottom: 20px;
	font-size: 11px;
}
#foot-nav li {
	display: inline;
}
#foot-nav a {
	color: #333333;
	margin-right: 8px;
	margin-left: 3px;
}
#foot-nav a:hover {
	color: #666666;
}
.content-wrap {
	width: 930px;
	/*border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;*/
	display: block;
	padding-top: 10px;
	background-image: url(images/content-mid.gif);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	margin-bottom: 10px;
}
#left {
	float: left;
	width: 286px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}
#right {
	float: right;
	width: 586px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.rightcont01 {
	background-image: url(images/right-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 568px;
	float: left;
	height: auto;
	background-color: #F5F4F7;
	padding-top: 20px;
}
.rightcont02 {
	background-image: url(images/right-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	/*min-height hack*/
	min-height:450px;
	height:auto !important;
	height:450px;
	float: left;
	width: 528px;
	background-color: #F5F4F7;
	/*min-height hack*/
}
.side-box {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 10px;
}
.side-box h3 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
#right strong {
	color: #FF6600;
}
.social-networks {
	text-align: right;
	float: left;
	margin-top: 10px;
	width: 568px;
}
.social-networks h3 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-right: 15px;
	color: #666666;
	float: left;
	margin-top: 10px;
}.side-box strong {
	color: #48970e;
	display: block;
}
.side-box li a {
	color: #FF6600;
	display: block;
}
.side-box li a:hover {
	text-decoration: underline;
}
.side-box ul {
	padding-left: 3px;
}
.side-box li {
'background:none repeat scroll 0 0 #CECECE;
'background-image:url("images/bg_selectedli.png") repeat scroll 0 0 transparent;
'border:1px solid #909090;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;

}

.side-box li.selectedli {
'background:none repeat scroll 0 0 #CECECE;
'background-image:url("images/bg_selectedli.png") repeat scroll 0 0 transparent;
'border:1px solid #909090;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;

}

.content-nav {
	width: 528px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 0px;
}

.content-nav li {
display:inline;
float:left;
margin-right:5px;
}


.content-nav a {
	display: block;
	background-image: url(images/content_nav_bg.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 152px;
	padding-top: 12px;
	padding-left: 10px;
}
.content-nav a:hover, .active-tab {
	background-position: center bottom;
}
.social-networks a {
	float: left;
	margin-right: 3px;
}
.social-networks .social-links {
	float: right;
}


#banner {
list-style:none outside none;
margin:0;
width:100%;
}
#banner li {
display:block;
float:left;
text-align:center;
width:25%;
}
#banner li a {
font-weight:bold;
}
#banner li a:hover {
border:0 none;
}

#orderRow {
border-bottom:1px dashed #E2E0E0;
float:left;
height:auto;
padding:8px 0;
width:100%;
}
#orderLeft {
float:left;
height:auto;
padding:1%;
vertical-align:middle;
width:38%;
}
#orderLeft span {
color:#FF0000;
}
#orderRight {
float:left;
height:auto;
padding:1%;
width:58%;
}
#orderRight .input {
width:250px;
}
#orderRight select {
background-color:#0C4A79;
border:1px solid #363D33;
color:#FFFFFF;
font-family:"arial";
font-size:12px;
padding:3px;
width:260px;
}
#clientLogo {
float:left;
height:auto;
width:48%;
}
#clientDesc {
float:left;
height:auto;
padding-bottom:10px;
width:52%;
}
#services #banner {
list-style:none outside none;
margin:0;
width:100%;
}


#form {
float:left;
height:auto;
width:513px;
}

.right input, .input {
background-color:#FFFFFF;
border:1px solid #cecece;
color:#000000;
font-family:"arial";
font-size:12px;
height:19px;
padding:3px;
}

.right textarea, #orderRight textarea {
background-color:#FFFFFF;
border:1px solid #cecece;
color:#000000;
font-family:"arial";
font-size:12px;
height:100px;
padding:3px;
width:250px;
}
.row {
float:left;
height:auto;
margin:5px 0;
width:500px;
}
.left {
float:left;
height:auto;
padding-right:10px;
width:25%;
}
.right {
float:left;
height:auto;
width:70%;
}
#content p, #content1 p {
margin-bottom:12px;
}

* {
border:0 none;
margin:0;
padding:0;
}

p, dl, multicol {
display:block;
margin:1em 0;
}


#form td {
border-bottom:1px dashed #E2E0E0;
padding:10px 8px;
}


#lytebox {
border:2px solid #0C4A79;
float:left;
height:auto;
padding:4px 0;
text-align:center;
}

#lytebox li {
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:100px;
margin:9px;
padding:0;
width:110px;
}

#lytebox li {
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:100px;
margin:9px;
padding:0;
width:127px;
}

#sm-left li {
background:none repeat scroll 0 0 #0C4A79;
color:#FFFFFF;
display:block;
float:left;
height:auto;
list-style:none outside none;
padding:6px 8px;
width:auto;
}

#sm-left li a {
color:#FFFFFF;
text-decoration:none;
}

#content a, #content1 a {
color:#FA6B0E;
text-decoration:none;
font-weight:bold;
}

#content a:hover, #content1 a:hover {
color:#000000;
text-decoration:none;
font-weight:bold;
}


#lytebox li img {
border:2px solid #353E43;
margin-bottom:5px;
}

#banners {
border:2px solid #0C4A79;
float:left;
height:auto;
padding:4px 0;
text-align:center;
}

#banners ul {
list-style:none outside none;
margin-left:13px;
text-align:left;
width:80%;
}

#banners li {
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:auto;
margin:9px;
padding:5px;
width:auto;
}

#banners li img {
border:2px solid #353E43;
}

#sitemap {
height:auto;
padding:0 60px 5px 0;
width:432px;
}

#content ul {
list-style:square outside none;
margin-left:10px;
}

#content li {
margin:5px 0;
}

/*---button--*/
.btn-align{ width: 100%; float: left; text-align: right}
.btn-align a{ outline: none;}

/*---new bullet--*/
.list-space {padding-left: 15px; }
.blt-img ul{ margin: 0 0 0 10px;}
.blt-img li{ list-style: circle outside; font-weight: bold;}
.blt-img2 li{ list-style: circle outside;}

/*---text style--*/
.h3-small{ margin: 0 0 0 74px;}
.h3-big-1st{font-size: 22px; font-weight: bold; margin: 0 0 0 0px; color: #032b66;}
.h3-big{ font-size: 22px; font-weight: bold; margin:0 0 0 14px; color: #FF6600;}

/*---colors--*/
.violet{ color: #032b66;}
.orange{ color: #fe6b0e;}


/*---Flash Banners--*/
#fbanner { width:100%; height:136px; float:left;}



/*---Portfolio Page---*/
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}

/*ul li { list-style:none; float:left; display:block; padding:10px; border:1px solid #ccc;}*/



#portfolio_container {width:540px; position:relative; }
#portfoliotabs {font:12px  Arial, Helvetica, sans-serif; width:532px; padding:15px 0 0 0; line-height:15px; font-weight:bold;}
#portfoliotabs div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(tabs_0.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20; font-weight: }
#portfoliotabs div.off:hover{ background: url(test_image/port_bg.jpg) repeat-x; text-decoration:underline;}

#portfoliotabs div.on {color:#FA6B0E; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background: url(test_image/port_bg.jpg) repeat-x; border:1px solid #ccc; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100; background-color:#CCCCCC;}
#portfoliotabs div.on:hover{background: url(test_image/port_bg2.jpg) repeat-x;}

div .hide {display:none; width:0; overflow:hidden;}
div .show { clear:left; background:#fff; width:532px; margin-top:0; top:-1px; border:1px solid #ccc; position:relative; z-index:50; font:12px Arial, Helvetica, sans-serif; line-height:18px;}
div .show img {float:left; margin:6px 4px; border:2px solid #ccc;}
.clear {clear:both;}
.port_p{font:normal bold 18px/18px Arial, Helvetica, sans-serif; letter-spacing:-.5px; padding-left:20px;}

ul#lists { padding:0 0 8px 20px;}


/*--Table Attributes data--*/

.bgGrey {
background:none repeat scroll 0 0 #E2E0E0;}
.title {
background:none repeat scroll 0 0 #0C4A79;color:#FFFFFF;font-weight:bold;text-align:center;}
#content td { padding:10px 8px; border-bottom:1px dashed #e2e0e0;}


/*** Bottom Links  ***/
.content-wrap2 {
	width: 910px;
	display: block;
	padding: 10px;
	background:#eae9ee;
	float: left;
	margin-bottom: 10px;
}

.content-wrap2 li { list-style:none; width:23%; height:auto; float:left; display:block; padding-right:2%;}
.content-wrap2 li h3 { color:#FF6600; padding-bottom:10px;}
.content-wrap2 li li { width:100%; list-style:square; margin:0;}