body {
background: url('../assets/bg.jpg') #fff top center repeat-x;
color: #777777;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align: center;
}
body.inside {
background: url('../assets/bg-inside.jpg') #fff top center repeat-x;
}
body.inside-navigation {
background: url('../assets/bg-inside-nav.jpg') #fff top center repeat-x;
}
p {
margin: 0;
text-align: left;
}
ul, ol {
font-size: 90%;
}
div {
text-align: left;
}
.news-date {
color: #777777;
font-size:12px
}

a {
color: #005790;
text-decoration: none;
}
a img {
border: 0;
}
h1,h2,h3,h4,h5 {
font-weight: normal;
}
a:hover {
text-decoration: underline;
}
div.navigation {
-moz-background-inline-policy: continuous;
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 0;
width: 850px;
height: 30px;
padding-top:0px;
margin-left: 5px;
}
ul#topNav {
border: 0 none;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;

}
ul#topNav li {
display: inline;
height: 30px;
}
ul#topNav li a {
color: #777777;
display: block;
float: left;
height: 30px;
padding: 15px 20px;
text-decoration: none;
}
ul#topNav li a:hover {
background: url("../assets/bg_topnav_hover.png") repeat-x scroll 0 0 transparent;
color: #000;
}
ul#topNav li.tab_on a {
background: url("../assets/bg_topnav_on.png") repeat-x scroll 0 0 transparent;
color: #000;
text-decoration: none;
}

#main {
width: 1000px;
margin: auto;
position: relative;
}
#logo {
position: absolute;
top: 10px;
left: 17px;
border: 0;
}
#top {
height: 82px;
}
#smallnav {
float: right;
margin: 0;
padding: 0;
list-display: none;
list-style: none;
font-size: 75%;
margin-top: 6px;
}
#smallnav a {
color: #777777;
}
#smallnav li {
list-display: none;
float: left;
padding-right: 8px;
}
#nav {
height: 43px;
}
#nav ul, #nav li {
list-display: none;
list-style: none;
margin: 0;
padding: 0;
}
#nav #main-nav {
position: relative;
}
#nav .main-nav {
float: left;
}

#slideshow {
position: relative;
}
#slideshow-images {
height: 332px;
width: 1000px;
}
.learnmore {
position: absolute;
right: 15px;
bottom: 50px;
}
.learnmore-l {
position: absolute;
right: 860px;
bottom: 50px;
}
.more {
position: absolute;
right: 15px;
bottom: 50px;
}
#controls {
position: relative;
top: -32px;
text-align: center;
height: 14px;
}
#newsbox {
background: url('../assets/newsbox.png') no-repeat;
color: #3F7498;
height: 41px;
padding-top: 12px;
padding-left: 14px;
}
#newsbox a {
color: #3F7498;
text-decoration: underline;
padding-left: 8px;
font-size:13px;
}
#newsbox .newsbutton {
float: right;
margin-right: 2px;
}
#newsbox .buttons {
padding-right: 20px;
width:88px;
float:right
}
#index-content {
margin-top: 1em;
background: url('../assets/index-lines.png') transparent repeat-y;
margin-bottom: 1em;
}
.index-column {
width: 270px;
padding: 0 30px;
float: left;

}
.index-column p {
font-size: 90%;
margin-bottom: 10px;
}
.index-column h1 {
font-weight: normal;
font-size: 120%;
color: #3F7498;
}
.index-column .colimg {
float: left;
padding: 0 8px 2px 0;
}
.links {
text-align: right;
font-size: 80%;
margin-top:-10px;
}
.author {
text-align: right;
font-size: 80%;
margin-top:10px;
}
.quotes {
font-size:90%; 
color:#999;
font-style:italic;
margin-bottom:10px
}

.index-column .product {
margin-bottom: 12px;
}
#slideshow-images {
position: relative;
}
#slideshow-images .slide {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter:alpha(opacity=0);
}
#footer {
text-align: center;
clear: both;
position: relative;
top: 65px;
margin-bottom: 75px;
font-size: 80%;
}
.show {
display: block !important;
}
.first-slide {
opacity: 1 !important;
filter:alpha(opacity=100) !important;
}
.clear {
clear: both;
}
.slideshow-dots { 
background-image : url('../assets/slideshow-sprite.png'); 
background-color : transparent; 
background-repeat: no-repeat; 
display: inline-block;
height: 14px;
width: 14px;
background-position : -0px -0px; 
margin-right: 4px;
text-decoration: none;
} 
.slideshow-on { 
background-position  : -14px -0px; 
} 
#inside-img {
background-color: black;
width: 1000px;
height: 135px;
background-image : url('../assets/genimg-bg.jpg'); 
background-repeat: no-repeat; 
}
#inside-content {
/*background-color: white;*/
padding-top: 10px;
padding-left: 15px;
width: 1000px;
}
.inside-main {
background: url('../assets/bg-line.png');
min-height: 320px;
}
.inside-nav {
float: right;
width: 237px;
}
.inside-nav ul {
list-style: none;
margin-left: 10px;
padding: 0;
font-size: 95%;
}
.inside-nav li {
list-style: none;
line-height: 22px;
}

.inside-nav a.rightpane-link {
color: #005790;
font-size: 14px;
padding:4px;
text-decoration: none;
font-weight: bold;
}
.inside-nav a.rightpane-link:hover {
color:#fff;
text-decoration:none;
background-color:#4893c4;
}
.inside-nav a.rightpane-link {
color:#777777;
font-size:14px;
padding:4px;
text-decoration:none;
font-weight:bold;
}
.inside-nav a.rightpane-link:hover {
color:#fff;
text-decoration:none;
background-color:#a39161;
}
.inside-nav li.rightpane-linkOn a.rightpane-link {
color:#777777;
border:1px solid #dfd9c9;
background-color:#ede9de;
text-decoration:none;
}

.inside-content {
width: 727px;
}
#inside-content h1, #inside-content h2 {
color: #3F7498;
}
#inside-content h3 {
color: #3F7498;
font-size:16px
}
.inside-content p {
margin: -10px 0 20px 0;
font-size: 95%;
}
.inside-content a {
font-size: 95%;
}


/* Inside Page navigation */
.page-navigation {
margin-top: -5px;
margin-left: 15px;
margin-bottom:25px;	
}

.page-navigation ul {
list-style: none;
padding: 0;
font-size: 95%;
}
.page-navigation li {
list-style: none;
line-height: 22px;
display: inline;
}
.page-navigation a.rightpane-link {
color: #005790;
font-size: 14px;
padding:4px;
text-decoration: none;
font-weight: bold;
}
.page-navigation a.rightpane-link:hover {
color:#fff;
text-decoration:none;
background-color:#c0bfbc;
}
.page-navigation a.rightpane-link {
color:#777777;
font-size:14px;
padding:4px;
text-decoration:none;
font-weight:bold;
}
.page-navigationt a.rightpane-link:hover {
color:#fff;
text-decoration:none;
background-color:#a39161;
}
.page-navigation li.rightpane-linkOn a.rightpane-link {
color:#777777;
border:1px solid #dfd9c9;
background-color:#e6e2e0;
text-decoration:none;
}



.img-list {
float:left;
margin-right: 20px;
margin-bottom: 15px;
}
.img-teamn {
float:left;
margin-right: 5px;
margin-bottom: 5px;
margin-left:-10px;
}
.tn-news {
float:left;
height:80px;
margin-right:20px
}
.news-list {
height:90px;
padding-bottom: 5px;	
margin-bottom:10px;
border-bottom: 1px solid #cfdce4;
}
.portfolioh-list {
height:30px;
padding-bottom: 5px;	
margin-bottom:10px;
border-bottom: 1px solid #dfd9c9;
}
.portfolio-list {
height:120px;
padding-bottom: 5px;	
margin-bottom:10px;
}
.portfolio-img {
border: 1px solid #cfdce4;
padding:2px;
float:left;
margin-right:20px
}
.portfolio-list a {
font-size:95%	
}
.portfolio-list p {
font-size:95%	
}
.prev-img {
border: 1px solid #cfdce4;
padding:2px;
float:left;
}
.set-img {
border: 1px solid #cfdce4;
padding:2px;
float:left;
margin-right:10px;
margin-bottom: 10px;
}
.news-article {
padding-bottom: 5px;	
margin-bottom:10px;
border-bottom: 1px solid #cfdce4;
}

.inside-content li {
margin-bottom: 8px;
}
.inside-content h1 {
font-size: 133%;
}
.inside-nav h2 {
font-size: 120%;
}
.inside-nav p {
font-size: 95%;
}

ul.ullogo li {
float: left;
height: 30px;
line-height: 30px;
width: 120px;
}


div .team-pr {
width: 48em;
height: 10em;
margin-right: 2em;
margin-bottom: 4em;
padding: 1em;
font-family: sans-serif;
font-size: 90%;
float:left
}
div .team6 {
margin-bottom: 2em;
float:left
}

div .header-p {
border: 2px solid #cfdce4;
width: 32em;
height: 20px;
margin-bottom: 2em;
padding: 1em;
font-family: sans-serif;
font-size:1.3em;
color: #005790;
background-color:#f3f8fc;
}

#ppl-box {
border-radius: 1em;
}
.team-titile {
float:left; 
width:600px;
}
ul.teamul {
 margin-left:120px;
 list-style:none;	
}

/** PIE CHART **/
#pie-chart {
position: relative; 
width: 722px; 
height: 420px; 
background: url('../assets/portfolio_piechart.png') 0 0 no-repeat;
}

#pie-chart ul {
list-style: none;
margin: 0;
padding: 0;
}
#pie-chart ul li {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
}
#pie-chart-info {
position: absolute;
top: 96px;
left: 455px;
width: 263px;
}
#pie-chart-info li, #pie-chart-info .hidden {
position: absolute;
left: -9999em;
}
#pie-chart-info .label {
margin-top: 10px;
font-weight: bold;
}
#pie-chart-info .show {
position: absolute;
top: 0;
left: 0;
}
#pie-chart-info .desc {
padding: 6px;
}
#pie-chart-controls li {
cursor: pointer;
height: 14px;
font-size: 16px !important;
}
#pie-chart #credit-sesame {
left: 121px;
top: 166px;
width: 114px;
}
#pie-chart #funds-india {
left: 107px;
top: 141px;
width: 88px;
}
#pie-chart #sokrati {
left: 109px;
top: 225px;
width: 63px;
}
#pie-chart #vizury {
left: 153px;
top: 244px;
width: 55px;
}
#pie-chart #salorix {
left: 117px;
top: 263px;
width: 65px;
}
#pie-chart #dhingana {
left: 355px;
top: 194px;
width: 77px;
}
#pie-chart #genwi {
left: 387px;
top: 174px;
width: 49px;
}
#pie-chart #spotzot {
left: 364px;
top: 236px;
width: 66px;
}
#pie-chart #telibrahma {
left: 305px;
top: 212px;
width: 89px;
}
#pie-chart #vivu {
left: 225px;
top: 98px;
width: 37px;
}
#pie-chart #rebus {
left: 293px;
top: 270px;
width: 51px;
}
#pie-chart #poshmark {
left: 300px;
top: 301px;
width: 81px;
}
#pie-chart #instahealth {
left: 300px;
top: 124px;
width: 96px;
}
#pie-chart #etechies {
left: 188px;
top: 290px;
width: 69px;
}
#pie-chart #sierra-atlantic {
left: 153px;
top: 320px;
width: 117px;
}
#pie-chart #savaari {
left: 195px;
top: 350px;
width: 70px;
}

ul	 {
font-size: 90%;
}
a.reglink {
font-size:95%	
}
.invst {
height: 20px;
margin-right: 5px;
}

a.lplink {
color: #005790;
padding:4px;
padding-left:8px;
padding-right:8px;
text-decoration: none;
font-weight: bold;
font-size:18px;
border:1px solid #bccfd9;
}
a.lplink:hover {
color:#005790;
border:1px solid #bccfd9;
background-color:#d7e2e9;
text-decoration:none;
}
.homep {
width:700px	
}
.genimg {
width: 1000px;
height: 135px;
margin-top: -17px;	
}

.ifrm 	{
color:#777777;
font-size	:12px;
font-family	:Arial, sans-serif, Helvetica;
margin	:0px;
scrollbar-face-color:#f7f7f7;
scrollbar-highlight-color:#e8e8e8;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#808080;
scrollbar-track-color:#ebebeb;
scrollbar-darkshadow-color: ;
border	:0;
}

UL.bullet	{
list-style :square;
list-style-image :url(../assets/bulletSq.png);
}

.hline {
margin-top:10px;
margin-bottom:20px;
width:550px;
height:1px;
border-top:#dfd9c8 1px solid;
}

/* Customer Lookup */

.show { 
display: auto; 
}
.hide { 
display: none; 
}
.imglist { 
cursor: default; 
height: 160px  
}
.imglist img.port-pic, .info img.port-pic { 
border: 1px solid #cfdce4;
padding:2px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.info { 
cursor: default; 
opacity: 0.95; 
filter: alpha(opacity=95); 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); 
position: absolute; 
top: 120px; 
left: 15px; 
z-index: 5; 
background: url('../assets/lookup.png') no-repeat; 
width: 340px; 
height: 150px;
font-size: 95%; 
}
.info-container { 
position: relative; 
top: 0; 
left: 0;
float:left 
}
.info-close { 
position: relative; 
top: 21px; 
left: 302px;
float:left 
}
.info-text {
width:290px;
padding-left:20px;
padding-top:20px;
}
@media screen and (max-device-width: 768px) {
body {
background: transparent !important;
}

#logo {
width: 90%;
margin-top: 10px;
}

#slideshow {
display: none !important;
}
#main, #inside-content, .inside-content, .homep, .navigation, #inside-img {
width: auto !important;
}
.inside-nav {
display: none !important;
}
.inside-content div {
width: auto !important;
}
.genimg {
margin: 0 !important;
width: auto !important;
}
.portfolio-list {
height: auto !important;
}
img {
max-width: 100% !important;
}
ul#topNav li a {
height: 14px !important;
padding: 4px 4px !important;
}
.portfolio-img {
float: right !important;
max-width: 40% !important;
margin: 0 0 0 10px !important;
}
.yui-b .portfolio-img {
max-width: 100% !important;
}
#testimonials, #sales-inquiry {
display: none !important;
}
#nav_home {
display: none !important;
}
object {
display: none !important;
}
}