@import url("interior.css");
@import url("forms.css");
@import url("vs.css");

/* 
  -----------------------------------
  Silverlink Communications 2006 Style Sheet (Master) Revised Aug. 31. 2008
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles
---------------------------------- */

html, body {background: #868A8A; font: 90% Verdana, Arial, Helvetica, sans-serif; color: #4B4B4C;}

#mast {background: url(../images/mastbkg.jpg) repeat-x; width: 100%; height: 47px;} /* Topbar */
#wrapper {margin: 0 auto; width: 792px; background-color: #FFF; position: relative;}

a {color: #333; text-decoration: none;}
a:visited {color: #3D5B61;}
a:hover {color: #999;}

* {margin: 0; padding: 0;}

ul, li {list-style: none}
 
.clear {clear: both;}

.warning {color: red;}

/* =Home Main Content
---------------------------------- */
#hmcontent-Group {width: 792px; float: left; font-size: 0.85em;}
#hmcontent-Group-Col1 {float: left;	width: 264px; background: url(../images/logoGrad.jpg) no-repeat;}
#hmcontent-Group-Col2 {float: right; width: 528px; background: url(../images/style-home2.jpg) no-repeat left top; height: 384px;}
#hmcontent-Group-Col2 #tag {padding: 60px 20px 10px 170px;}
#hmcontent-Group-Col2 #tag h1 {color: #C88335; font-size: 1.65em; line-height: 1.1em; font-weight: lighter;}
#hmcontent-Group-Col2 #tag p {line-height: 1.3em; padding-top: 10px; margin: 1px 0 -3px;}
#hmcontent-Group-Col1 #logo {margin: 21px 0 64px 0;}

/* =News & Focus Content
---------------------------------- */
#newsfocus-Group {float: left; width: 792px; background: url(../images/2colBkgd.jpg) no-repeat left top; font-size: 0.85em;}
#hm-news {float: left; width: 264px;}
/*#hm-news img {margin-bottom: 3px;}*/
#hm-news h3 {font-size: 1em; font-weight: bold; color: #B97E3C; padding: 0 2em 0 1.2em; margin: 10px 0 2px; text-transform: uppercase;}
#hm-news h3 a {color: #B97E3C;}
#hm-news ul {margin: 1px 0 10px; font-size: 0.9em;}
#hm-news ul li {padding: 0 2em 0 1.3em; line-height: 1.1em;}
div#affliate-logos {padding-top: 10px; float: left; width: 585px; clear: both;}
div#affliate-logos img {float: left; margin: 5px 20px 0 10px;}

#focus, div#memComm {float: left; width: 528px;}
/*#focus ul {margin: 15px 0 0 11px;}
#focus li {padding-left: 13px; margin-right: 5px; background: url(../images/bullet.gif) no-repeat 0px 5px; line-height: 1.5em;}
#focus-Col1 {float:left; width: 230px;}
#focus-Col2 {float:left; width: 200px;}*/
#focusContent {float: left; margin: 0;}
#focusContent h2, div#affliate-logos h2 {font-size: 1.2em; font-weight: bold; color: #B97E3C; margin: 15px 0 3px 11px; letter-spacing: .04em;}
#focusContent img, div#memComm {margin: 0; padding: 0;}
#focusContent a {margin: 0; padding: 0; line-height: 0;}
div#memComm .memComm-Content {width: 450px;	padding: 10px 30px 10px 20px; margin-bottom: 5px; background: #ADC4DE; color: #26272C;}
div#memComm .memComm-Content a {color: #26272C; text-decoration: underline;}
div#memComm .memComm-Content a:hover {color: #444; text-decoration: none;}
div#memComm .memComm-Content h4 {text-transform: uppercase; margin-bottom: .3em; font-size: 11px; font-weight: bold;}
div#affliate-logos h2 {margin: 0 0 3px 11px;}
div#affliate-logos img#partAffil {padding-right: 150px;} /* Temporary: Remove after version 2.0 is launch */

#focusContent div.video {margin-left: 25px;}

/* =Footer Styles
---------------------------------- */
#footer {float: left; width: 792px; position: relative; height: 55px; background: #E6E8E6; margin-top: 25px;}
#footer-Content {padding: 10px 0 0 273px;}
#footer-Content p {letter-spacing: .01em; line-height: 1.3em; font-size: .7em }
#footer-Content p.promo {margin-top: 5px;}
#footer-Content>p {margin-bottom: -1px;}
#footer-Content a {text-decoration: underline;}
#footer-Content a:hover {color: #E1957B;}

#footer-Content #copyright {position: absolute; left: 273px; top: -14px; z-index: 3; letter-spacing: -0.01em; font: .8em Arial, Helvetica, sans-serif; color: #A7A7A7; width: 350px;}

/* =Universal Navigation
---------------------------------- */
#navHm-Container {position: absolute; top: -25px; left: 311px; background: url(../images/uniNav-bckgd.jpg) no-repeat left top; width: 467px; height: 25px; z-index: 5}
#nav-Services {position: absolute; top: 11px; left: 17px; width: 54px;}
#nav-Technology {position: absolute; top: 11px; left: 77px; width: 70px;}
#nav-Partners {position: absolute; top: 11px; left: 157px; width: 55px;}
#nav-Customers {position: absolute; top: 11px; left: 218px; width: 65px;}
#nav-News {position: absolute; top: 11px; left: 293px; width: 85px;}
#nav-About {position: absolute; top: 11px; left: 388px; width: 54px;}
#nav-Home {position: absolute; top: 45px; left: 363px; width: 35px;}
#nav-Contact {position: absolute; top: 45px; left: 403px; width: 64px;}

/* =Specific Styled Images 
---------------------------------- */
#about #content-Group-Col2 {background: url(../images/about-bkgrd.jpg) no-repeat left top;}
#demos #content-Group-Col2 {background: url(../images/demos-bkgrd.jpg) no-repeat left top;}
#serve #content-Group-Col2 {background: url(../images/services-bkgrd2.jpg) no-repeat left top;}
#technology #content-Group-Col2 {background: url(../images/technology-bkgrd.jpg) no-repeat left top;}
#partners #content-Group-Col2 {background: url(../images/partners-bkgrd.jpg) no-repeat left top;}
#customers #content-Group-Col2 {background: url(../images/customers-bkgrd.jpg) no-repeat left top;}
#news #content-Group-Col2 {background: url(../images/news-bkgrd.jpg) no-repeat left top;}
#contact #content-Group-Col2 {background: url(../images/contact-bkgrd.jpg) no-repeat left top;}
#success #content-Group-Col2 {background: url(../images/success-bkgrd.jpg) no-repeat left top;}
#webinars #content-Group-Col2 {background: url(../images/webinarSept-bkgrd.jpg) no-repeat left top;}
#webinar #content-Group-Col2 {background: url(../images/webinar-bkgrd.jpg) no-repeat left top;}
#news-webinar #content-Group-Col2 {background: url(../images/news-webinar-bkgrd.jpg) no-repeat left top;}
#connect #content-Group-Col2 {background: url(../images/connect-bkgrd.jpg) no-repeat left top;}
#video #content-Group-Col2 {background: url(../images/video-bkgrd.jpg) no-repeat left top;}
#demoCalls #content-Group-Col2 {background: url(../images/fluShot-bkgrd.jpg) no-repeat left top;}
/* =Campaigns */
#medAdhere #content-Group-Col2 {background: url(../images/medAdherance-bkgrd.jpg) no-repeat left top;}

/* =Designers & Developers
---------------------------------- */
#team p {text-indent: -9000px}