/* screen.css 2.2

(c) Copyright SyCom

*/

/*--------------------------
CSS RESET
--------------------------*/
* {margin: 0; padding: 0;}

/*--------------------------
DEFAULT STYLES
--------------------------*/
html {background: white url(http://www.sycomtech.com/images/ui/bg-html_interior.jpg) repeat-y 0 0;}

body {font-family: Arial, sans-serif; font-size: 12px; line-height: normal; color: #333; background: transparent url(http://www.sycomtech.com/images/ui/bg-body_interior.jpg) fixed repeat-y 100% 0;}

h1, h2, h3, h4, h5, h6, p, dt, blockquote, hr {margin-top: 10px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #882345;}
h1 {font-size: 210%;}
h2 {font-size: 180%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
h5 {font-size: 105%;}
h6 {font-size: 80%;}

.caps {text-transform: uppercase; letter-spacing: 1px;}

p {font-size: 100%; line-height: 110%;}

a:link, a:visited {text-decoration: none; color: #882345;}
a:active, a:hover, a.active {text-decoration: underline;}
a img {border: none;}

strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 80%;}

hr {border: none; height: 1px; display: block; border-top: 1px solid #666;}

.nowrap {white-space: nowrap;}
.clear {display: block; clear: both; height: 1px; margin-top: -1px;}

.left {float: left;}
.right {float: right;}

ul, ol {list-style-position: outside; margin-left: 15px; margin-top: 15px;}
ul ul, ol ol, ul ol, ol ul {margin-top: 0; margin-bottom: 10px;}
ul {list-style-type: disc;}
ul ul {list-style-type: circle;}
ul ul ul {list-style-type: square;}
ol {list-style-type: decimal;}
li {margin-top: 5px;}

.img-text {position: absolute; top: -9999px;}

/*---------------------------------------------------------
ADD CUSTOM STYLES BELOW
----------------------------------------------------------*/

/*--------------------------
BASIC STRUCTURE
--------------------------*/
div#header {width: 100%; height: 93px; position: relative; left: 0; top: 0; z-index: 999; background: #fbfbfb url(http://www.sycomtech.com/images/ui/ui-elements.png) no-repeat 100% 0;}

div#content {width: 100%;}

.wrapper {width: 977px; margin: 0 auto; position: relative;}

div#main-navigation {width: 100%; position: absolute; left: 0; top: 93px; z-index: 9999; background: #882345;}

/*--------------------------
MAIN NAVIGATION
--------------------------*/
div#main-navigation ul {list-style: none; margin: 0 auto; text-align: center; font-size: 12px; line-height: 12px; height: 27px; overflow: hidden; float: left;}
div#main-navigation ul li {margin: 0; border-right: 1px solid white; display: inline-block; margin: 8px 0; float: left;}
div#main-navigation ul li.last {border-right: none;}
div#main-navigation ul li a {color: white; display: inline; padding: 8px 20px; margin: -8px 0; display: inline-block; float: left;}
div#main-navigation ul li a:hover,
div#main-navigation ul li.current-parent a,
div#main-navigation ul li.parent-current-parent a {background-color: #9fa1a2; text-decoration: none;}


/*--------------------------
HEADER
--------------------------*/
div#header div.wrapper {height: 89px;}
div#header a#site-logo {display: block; width: 164px; height: 45px; position: absolute; left: 27px; top: 25px; background: url(http://www.sycomtech.com/images/ui/ui-elements.png) 0 -190px;}

div#header div.phone {position: absolute; right: 27px; top: 25px; font-size: 11px; line-height: 11px; color: white;}

/* search box */
form#site-search {position: absolute; right: 27px; top: 44px; width: 213px; height: 22px; overflow: hidden; background: url(http://www.sycomtech.com/images/ui/ui-elements.png) -320px -190px;}
form#site-search input#search-keywords {position: absolute; right: 0; top: 0; border: none; background: transparent; padding: 5px 0 6px; width: 180px; font-size: 11px; line-height: 11px;}
form#site-search button#search-submit {position: absolute; left: 0; top: 0; border: none; background: transparent; text-indent: -9999px; cursor: pointer; width: 30px; height: 22px;}


/*--------------------------
FOOTER
--------------------------*/
div#footer div.wrapper {width: 871px; height: 25px; padding: 17px 20px 0 86px; background: url(http://www.sycomtech.com/images/ui/ui-elements.png) no-repeat 0 -140px; font-size: 11px; line-height: 11px; color: white;}
div#footer div.social-media {float: right; margin-top: -7px;}

div#footer ul#footer-links {list-style: none; margin: 0 auto; padding: 18px 0; text-align: center; font-size: 10px; line-height: 10px;}
div#footer ul#footer-links li {margin: 0; padding: 0; display: inline; padding: 0 10px;}
div#footer ul#footer-links a {color: white; text-shadow: 0 0 5px black;}


/*--------------------------
ICONS
--------------------------*/
a.icon {display: block; width: 23px; height: 24px; float: left; margin-left: 5px; text-indent: -9999px;}
a.icon.facebook {background: url(http://www.sycomtech.com/images/ui/icons-social_media.jpg) no-repeat 0 0;}
a.icon.twitter {background: url(http://www.sycomtech.com/images/ui/icons-social_media.jpg) no-repeat -24px 0;}
a.icon.rss {background: url(http://www.sycomtech.com/images/ui/icons-social_media.jpg) no-repeat -47px 0;}
a.icon.linkedin {background: url(http://www.sycomtech.com/images/ui/icons-social_media.jpg) no-repeat -72px 0;}
a.icon:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}


/*--------------------------
HOMEPAGE
--------------------------*/
/*body#homepage {background: black;}*/
body#homepage div#content {width: 100%; position: relative;}

/* slideshow */
body#homepage div#content div#slideshow {width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: visible;}
body#homepage div#content div#slideshow div.slide {position: absolute; left: 0; top: 0; z-index: 100 !important; width: 100% !important; height: auto !important; overflow: visible !important;}
/*body#homepage div#content div#slideshow div.slide img.resize {position: absolute; right: 0; top: 0;}*/

body#homepage div#content div#slideshow div.wrapper {position: static !important;}

div.slide div.slide-text {position: relative; left: 0; top: 0; z-index: 100; margin: 80px 0 0 27px; width: 525px;}
div.slide div.slide-text h2 {line-height: 100%;}
div.slide div.slide-text h2 img {padding: 0 5px; vertical-align: middle;}
div.slide div.slide-text p {font-size: 13px; line-height: 19px; color: #616365; margin-top: 20px;}
div.slide div.slide-text a.slide-link {display: block; background: url(http://www.sycomtech.com/images/ui/ui-elements.png) no-repeat 100% -100px; height: 26px; padding: 12px 54px 0 18px; margin: 12px 0 0 -18px; font-size: 13px; line-height: 13px; text-decoration: none; color: white; float: left;}
div.slide div.slide-text a.slide-link span {text-decoration: underline;}
div.slide div.slide-text a.slide-link:hover span {text-decoration: none;}

div.slide div.slide-text.white * {color: white !important;}

body#homepage div#content div#slideshow div#slide-pagination {position: absolute !important; left: 0; top: 325px; z-index: 100; width: 100%;}
body#homepage div#content div#slideshow div#slide-pagination a {display: block; float: left; width: 42px; height: 24px; background: url(http://www.sycomtech.com/images/ui/ui-elements.png) -210px -190px; text-indent: -9999px; margin-right: -10px;}
body#homepage div#content div#slideshow div#slide-pagination a:focus {outline: none;}
body#homepage div#content div#slideshow div#slide-pagination a.activeSlide,
body#homepage div#content div#slideshow div#slide-pagination a:hover {background-position: -260px -190px;}

div#slide-pagination div.wrapper {width: 957px; margin: 0 auto; padding-left: 27px;}

/* features */
div#homepage-features {width: 100%; position: relative; z-index: 8888; left: 0; top: 370px; font-size: 12px;}
div#homepage-features div.wrapper {background: url(http://www.sycomtech.com/images/ui/bg-tile-opacity76.png) repeat; overflow: hidden;}
div#homepage-features div.feature {width: 244px; float: left;}
div#homepage-features div.feature.last {width: 245px;}

div#homepage-features h5 {margin: 0; padding: 10px 25px 5px; font-size: 12px; line-height: 12px; color: white; background: #882345; font-weight: bold;}
div#homepage-features div.feature-text {padding: 10px 25px;}
div#homepage-features div.feature-text p {margin: 0 0 10px; color: #616365;}

div#homepage-features div.feature-text img {float: right; margin-left: 15px; padding: 5px; background: white;}

div#feature-bg {background: url(http://www.sycomtech.com/images/ui/bg-features.gif) repeat-y 244px 0; margin: 0 0 5px; width: 977px; overflow: hidden;}

/* footer */
body#homepage div#footer {position: relative; left: 0; top: 377px; z-index: 8888;}


/*--------------------------
INTERIOR
--------------------------*/
body#interior {padding-bottom: 120px;}
body#interior div#content {position: relative; top: 27px; padding: 7px 0 0; background: transparent url(http://www.sycomtech.com/images/ui/bg-content.png) repeat-x 0 0;}
body#interior div#content div.wrapper {background: url(http://www.sycomtech.com/images/ui/bg-content_wrapper.gif) repeat-y 216px 0;}

div.highlighted {float: right; padding: 0 10px 0 10px; margin: 10px 0 10px 10px; width: 180px; background: #e5e6e6;}
div.highlighted h4 {font-size: 100%; font-weight: bold;}
div#article div.highlighted p {margin: 3px 0 7px;}

.float-left {float: left;}

/* sub navigation */
div#sub-navigation {float: left; width: 216px; padding: 20px 0;}
div#sub-navigation ul {list-style: none; margin: 0; font-size: 13px; line-height: 14px;}
div#sub-navigation ul li {display: inline-block; width: 216px; margin: 0 0 10px;}
div#sub-navigation ul li.last {margin: 0;}
div#sub-navigation ul li a {display: block; padding: 6px 9px 7px;}
div#sub-navigation ul li.current-child a {background: #e5e6e6; text-decoration: none;}
div#sub-navigation ul li.current-child ul li a {background: transparent;}
div#sub-navigation ul li.current-child ul li a:hover {text-decoration: underline;}
div#sub-navigation ul li ul {margin-top: 10px;}
div#sub-navigation ul li ul li a {padding-left: 29px;}

/* parent image and title */
div#parent-image {position: relative; top: 27px; width: 100%; height: 236px; overflow: hidden; background: #616365; text-align: center;}
h1#parent-title {height: 40px; padding: 8px 113px 9px 18px; margin: 0; position: absolute; left: 0; bottom: 3px; background: url(http://www.sycomtech.com/images/ui/bg-parent_title.png) no-repeat 100% 0; font-size: 40px; line-height: 40px; color: white;}

/* article */
div#article {float: left; width: 420px; padding: 20px 40px 40px 62px; color: #616365;}
div#article p {line-height: 16px; margin-top: 15px;}
div#article h5 {margin-top: 5px;}

p.entry-date {margin-bottom: -5px;}

/* full width */
body#interior.full-width div#content div.wrapper {background: none;}
body#interior.full-width div#article {float: none; width: 977px; padding: 20px 0;}

/* sidebar */
div#sidebar {width: 239px; padding: 17px 0 0; margin-top: -7px; float: left; background: transparent url(http://www.sycomtech.com/images/ui/bg-sidebar.gif) no-repeat;}
div#sidebar div.callout {width: 220px; margin: 0 0 10px 14px; background: url(http://www.sycomtech.com/images/ui/bg-sidebar_callouts.jpg) repeat-y -220px 0;}
div#sidebar div.callout div.callout-button {display: block; width: 180px; height: 58px; padding: 23px 20px 0; background: url(http://www.sycomtech.com/images/ui/bg-sidebar_callouts.jpg) no-repeat 0 0; color: white; font-size: 12px; line-height: 12px; text-align: right;}
div#sidebar div.callout div.callout-button a {display: block; text-decoration: none; padding-left: 5px;}
div#sidebar div.callout div.callout-button strong {display: block; margin-bottom: 5px; /*font-size: 21px;*/ font-size: 20px; line-height: 21px; font-weight: normal;}
div#sidebar div.callout div.callout-button a strong {text-decoration: underline; letter-spacing: -.01em;}
div#sidebar div.callout div.callout-button a:hover strong {text-decoration: none;}
div#sidebar div.callout div.callout-button p {margin: 0;}

div#sidebar div.callout div.callout-text {padding: 0 22px 10px; width: 176px; overflow: hidden; background: url(http://www.sycomtech.com/images/ui/bg-sidebar_callouts.jpg) no-repeat -440px 100%; font-size: 12px;}
div#sidebar div.callout div.callout-text p {color: #616365;}

div#sidebar div.callout div.callout-link a {display: block; height: 36px; padding: 6px 10px 0 65px; background: #616365 url(http://www.sycomtech.com/images/ui/bg-sidebar_callouts.jpg) no-repeat -660px 0; text-align: right; text-decoration: underline; color: white;}
div#sidebar div.callout div.callout-link a:hover {text-decoration: none;}

div#sidebar a {color: white;}

table {border-collapse: collapse;}
table th,
table td {vertical-align: top;}

/* footer */
div#footer {position: relative; left: 0; top: 57px;}
body#interior div#footer {top: 27px;}
body#interior div#footer ul#footer-links a {color: #616365; text-shadow: none;}

/* partners */
h2.partners-logo {float: left; margin-right: 20px; width: 120px; clear:left;}
div.partners-description {float: left; width: 280px;}


/*--------------------------
HOMEPAGE REVISIONS 3/30/11
--------------------------*/
body#homepage div#content div#slideshow div#slide-pagination {top: 215px; position: relative !important;}

div#homepage-features {top: 344px;}

body#homepage div#footer {top: 351px;}

body#homepage div#content div#slideshow div.slide {text-align: center;}
body#homepage div#content div#slideshow div.slide img.resize {position: fixed; left: 0; top: 0; margin: 0 auto; z-index: 0;}

body#homepage div#content div#slideshow div.slide div.slide-text {text-align: left; padding-right: 415px; margin: 0 auto; z-index: 999;}
 
body#homepage div#content div#slideshow div.wrapper {position: absolute !important; top: 80px; left: 0; width: 100%; z-index: 999;}

body#homepage div#content div#slideshow div#slide-pagination div.wrapper {position: relative !important; left: 0 !important; width: 940px;}

div.slide div.slide-text h2 {margin-top: 0;}