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

body {
margin: 0;
padding: 0;
width: 100%;
background: #fff url(images/summer-background.jpg) top center repeat-x;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
}

#container {
width: 970px;
padding-bottom: 30px;
}

.twocolhalf {
width: 290px;
float: left;
margin-bottom: 25px;
}

h3 {
!font-size: 14px;
}

.margin25 {
margin-right: 25px;
}

.clear {
clear: both;
}

#footer {
width: 890px;
margin: 0 auto;
text-align: left;
background: #5e89a9;
color: #fff;
font-size: 12px;
padding: 5px 25px;
!padding: 10px 25px;
line-height: 22px;
height: 75px;
}

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

#footer-bottom {
margin: 0 auto;
height: 80px;
width: 940px;
background: url(images/footer-bottom.gif) top no-repeat;

}
#footer .right-col {
float: right;
width: 205px;
height: auto;
}

#footer a {
color: #fff;
}

#footer .col {
float: left;
margin-right: 80px;
height: auto;
}

ul.footer-nav {
list-style: none;
margin-left: 0;
padding-left: 0;
}

.footer-nav li {
list-style: none;
}

#navigation {
width: 940px;
margin: 0 auto;
text-align: left;
height: 42px;
background: url(images/nav-background.gif) no-repeat;
color: #fff;
line-height: 38px;
font-family: Arial, Helvetica, sans-serif;
}

.snp-login {
margin-left: 130px;
}

.home.current, .news.current, .about.current {
background: url(images/nav-news.jpg) top center no-repeat;
!background: url(images/nav-news.jpg) center center no-repeat;
padding: 5px 0;
!padding: 4px 0px 6px;
z-index: 5;
}

.home a:hover, .news a:hover, .about a:hover {
background: url(images/nav-news.jpg) top center no-repeat;
}

.technology.current, .testimonials.current {
background: url(images/nav-tech.jpg) top center no-repeat;
!background: url(images/nav-tech.jpg) center center no-repeat;
padding: 5px 0;
!padding: 4px 0px 6px;
}

.technology a:hover, .testimonials a:hover {
background: url(images/nav-tech.jpg) top center no-repeat;
}

.contact.current, .gallery.current {
background: url(images/nav-contact.jpg) top center no-repeat;
!background: url(images/nav-contact.jpg) center center no-repeat;
padding: 5px 0;
!padding: 4px 0px 6px;
}

.contact a:hover, .gallery a:hover {
background: url(images/nav-contact.jpg) top center no-repeat;
}


#navigation a {
color: #fff;
text-decoration: none;
}

#content {
background: #fff;
}

ul#nav{
list-style: none;
margin-left: 0px;
!margin-left: -2px;
padding-left: 25px;
}

#nav li {
display: inline;
list-style: none;
font-size: 14px;
}

#nav li a {
padding: 5px 12px;
}


#nav li ul#sub-about {position: absolute; margin: 0 0 0 125px; !margin: 0 0 0 -70px; top: 230px; !top: 218px; width: 140px; padding: 10px 0 5px 0; line-height: 16px; background: url(../images/sub-nav-background.gif) bottom no-repeat; color: #fff; display: none; }
#nav li:hover ul#sub-about {display: block;}
#nav li ul#sub-about li {display: block; margin: 0; padding: 0; list-style-type: none; }
#nav li ul#sub-about li a {display:block; color: #fff;}
#nav li ul#sub-about li a:hover {color: #fff;  background: url(../images/sub-nav-hover.jpg) center no-repeat;}

#nav li ul#sub-technology {position: absolute; margin: 0 0 0 190px; !margin: 0 0 0 -105px; top: 230px; !top: 218px; width: 140px; padding: 10px 0 5px 0; line-height: 16px; background: url(../images/sub-nav-background.gif) bottom no-repeat; color: #fff; display: none; }
#nav li:hover ul#sub-technology {display: block;}
#nav li ul#sub-technology li {display: block; margin: 0; padding: 0; list-style-type: none; }
#nav li ul#sub-technology li a {display:block; color: #fff; }
#nav li ul#sub-technology li a:hover {color: #fff;  background: url(../images/sub-nav-hover.jpg) center no-repeat;}

#demo {
height: 74px;
!height: 79px;
width: 219px;
background: url(graphicTitle/sidebar-freedemo.jpg) no-repeat;
padding-top: 45px;
!padding-top: 40px;
text-align: center;
line-height: 2px;
}

.bold {
font-weight: bold;
font-size: 12px;
}

#tweetInt {
color: #616161;
width: 240px;
text-align: left;
}

#tweetInt a {
color: #5896a5;
text-decoration: none;
}

ul#tweetInt {
list-style: none;
}

#tweetInt li {
display: inline;
list-style: none;
font-size: 10px;
text-align: left;
line-height: 14px;
}


h2 {font-weight:100; font-size:18px; color:#FF33FF; margin:0px; padding:0 0 16px 0;}

maintableborderleft {
background-image:url(images/leftborder.jpg);
background-repeat:repeat-y;
}
maintableborderright {
background-image:url(images/rightborder.jpg);
background-repeat:repeat-y;
}

p {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;}

td {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;}

.justifyContent {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
text-align:justify;
}

.title{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
color: #FFFFFF;}

.boxContent{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #333333;}

.nav {background-image:url(images/nav-background.jpg); background-repeat:no-repeat;}
.nav a {color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;}
.nav a:hover {color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration: underline;}

.spanME{ position:absolute; left: -1px; top:0px; width:101%; border-collapse: collapse; background-image:url(images/rainboxheaderbar.jpg); background-repeat:repeat-x; height:40px;}

.spanMEfooter{position:relative; left:0; bottom:0; right:0; border-collapse: collapse;  background-image:url(images/footerbac.jpg); background-repeat:repeat-x; height:40px;}

.spanMEfooter a{color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;}

.spanMEfooter a:hover{color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;}

.spanMEfooter td {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFFF}

.linkPlace{position:absolute; right: 2px;top:-2px;}
.linkMe a{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}

.iframeImg{background-image:url(graphicTitle/placeholder_video.jpg);
background-repeat:no-repeat;
}

.center
{
text-align: center;
}
.center table
{
margin-left: auto;
margin-right: auto;
text-align: left;
} 

.subNav a {color: #FF3399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}

.subNav a:hover {color: #FF3399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}