/*
Theme Name: TexelTek
Version: 2010
Author: Groove Commerce
*/

/*------------------------------
=CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1.4;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table {border-collapse: collapse; border-spacing: 0;}
abbr, acronym {cursor: help; border-bottom: 1px dotted #777;}


/*------------------------------
=General Styles */
body { font: 12px Arial, Helvetica, sans-serif;	color: #1a1a1a; background: #e1eef9 url(images/bg_page.jpg); }
h1 { font: 20px Arial, Helvetica, sans-serif; margin: 18px 0 14px;}
h2 { font: 18px Arial, Helvetica, sans-serif; margin: 18px 0 14px;}
h3 { font: bold 16px Arial, Helvetica, sans-serif; margin: 18px 0 14px;}
p { margin: 0 0 15px 0; }
a { color: #2323c0; }
a:hover { color: #0000FF; }
input.text, textarea, select,
.gform_wrapper .medium { border: 1px solid #a9a9a9; background-color: #fff; font: 12px Arial, Helvetica, sans-serif; padding: 4px; }
.populate { color: #555; }
.accessibility, .hidden { display: block; width: 0; height: 0; overflow: hidden; }
strong.hlight { font-weight: bold; color: #e33e4f; }
.center { text-align: center; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;} /* Hide from IE Mac \*/
.clear {clear: both;}
.hr { height: 1px; font-size: 0px; border-top: 1px solid #d7dce0; margin-bottom: 15px; }


/*------------------------------
=Header */
#header_wrapper { width: 100%; height: 152px; background: url(images/bg_header-wrapper.gif) repeat-x top; }
#header { width: 960px; height: 152px; position: relative; background: url(images/bg_header.jpg) no-repeat top center; margin: 0 auto; }
#header #logo { margin: 0 0 0 10px; float: left; }
#header ul.partners { position: absolute; top: 20px; right: 0; list-style: none; }
#header ul.partners li { float: left; margin: 0 20px 0 0; }

#navigation { width: 960px; height: 45px; position: absolute; bottom: 0; left: 0; background: url(images/bg_navigation.gif) no-repeat top; }
#navigation ul { list-style: none; }
#navigation ul li { float: left; }
#navigation ul li.phone { float: right; }
#navigation ul li a { color: #fff; display: block; height: 45px; float: left; margin-right: 2px; }
#navigation ul li a span { display: block; width: 0; height: 0; overflow: hidden; }
#navigation ul li.page-item-6 a { background: url(images/nav_home.gif) no-repeat top; width: 85px; margin-left: 10px; }
#navigation ul li.page-item-2 a { background: url(images/nav_employee.gif) no-repeat top; width: 163px; }
#navigation ul li.page-item-4 a { background: url(images/nav_client.gif) no-repeat top; width: 172px; }
#navigation ul li.page-item-5 a { background: url(images/nav_contact.gif) no-repeat top; width: 105px; }
#navigation ul li.phone a { float: right; background: url(images/nav_phone.gif) no-repeat top; width: 153px; }

#navigation ul li.current_page_item a { background-position: 0 -45px; }

#navigation ul li.page_item_6 a:hover { background-position: 0 -45px; }
#navigation ul li.page_item_2 a:hover { background-position: 0 -45px; }
#navigation ul li.page_item_4 a:hover { background-position: 0 -45px; }
#navigation ul li.page_item_5 a:hover { background-position: 0 -45px; }
#navigation ul li.phone a:hover { background-position: 0 -45px; }

/*------------------------------
=Container */
#container_wrapper { width: 100%; background: url(images/bg_container-wrapper.jpg) repeat-x top; }
#container { width: 960px; margin: 0 auto; }

#container #summary { width: 960px; background: url(images/bg_summary-top.gif) no-repeat top; padding: 15px 0 0 0; }
#container #summary h1 { font: bold 19px Arial, Helvetica, sans-serif; color: #285074; margin: 0 0 5px; }
#container #summary p { line-height: 1.4; width: 650px;}
#container #summary .inner { background: url(images/bg_summary-bot.gif) no-repeat bottom; padding: 0 25px 8px; }
#container #summary .inner p.heading { font: 19px Arial, Helvetica, sans-serif; line-height: 1.4; }
#container #summary .inner p.heading strong { color: #285074; }
#container #summary #top-workplace-logo { float: right; width: 234px; height: 80px; }
#container #summary ul li { list-style: none; display: inline; margin: 0 15px 0 0; padding: 0px; }
#container #summary ul li.clicked { font-weight: bold; }

/*------------------------------
=Content */
#content { width: 960px; background: url(images/bg_container-mid.gif) repeat-y; padding: 0 0 0 0; margin: 10px 0 0 0; }
#content p { line-height: 1.4; }
#content .inner { background: url(images/bg_container-top.gif) no-repeat top; margin: 0 0 0 0; padding: 20px 10px 10px; }
#content .inner .inner { background: none; margin: 0; padding: 0; }
#content ul { margin: 15px 0 13px 0; padding: 0 0 0 20px; list-style: none; }
#content ul li { background: url('images/.gif') no-repeat left 5px; padding: 0 0 2px 12px; margin: 0 0 6px; }
#content form ul { margin: 0; padding: 0; }
#content form ul li { background: none; margin: 0 0 6px; padding: 0; }
#content #letter { margin: 30px 15px;}
#content .date { float: right; margin: 0; }
#content #letter p {font-size: 13px}
#content #letter .names { font-weight: bold; margin: 0; font-size: 12px}
#content #letter .titles{ color: #999; margin: 0; font-size: 12px}

#content .benefits{width: 640px;}
#content .benefits, #content .benefits td, #content .benefits th
{
	text-align: left;
	padding: 5px 7px 7px 7px;
}

#content .benefits tr :first-child { font-weight: bold; width: 220px; }
#content .benefits tr:nth-of-type(odd) { background-color:#DDEEFF; }

#content .benefitsHeader { color: #224477; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #AACCFF; }

/* General Tabs */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-tabs .ui-tabs-hide { display: none; }

#content #slider { position: relative; width: 940px; height: 288px; }
#content #slider ul { position: absolute; bottom: 10px; right: 20px; margin: 0; padding: 0; }
#content #slider ul li { float: left; }
#content #slider ul li a { color: #295175; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; padding: 4px 6px; }
#content #slider ul li.ui-tabs-selected a { background-color: #fff; }
#content #home { padding: 0 10px; }

.slide1Link{
position:absolute;
display: block; 
width: 180px; 
height: 40px; 
top: 210px; 
left: 550px;
float:left;
text-decoration:none;
background-image: url(images/transparent.gif);
}

.slide2Link
{
position:absolute;
display: block; 
width: 180px; 
height: 40px; 
top: 210px; 
left: 730px;
float:left;
text-decoration:none;
background-image: url(images/transparent.gif);
}

/*------------------------------
=Client Page */
#content .col1 { width: 690px; float: left; padding: 0 0 0 10px; }
#content .col1 h2.main { background-color: #275074; color: #fff; font: 22px Arial, Helvetica, sans-serif; padding: 6px 8px; margin: 0;  }
#content .col1 ul.services { margin: 0; padding: 0; list-style: none;  }
#content .col1 ul.services li { margin: 0; padding: 0; border-bottom: 1px solid #d7dce1; padding: 15px 0; }
#content .col1 ul.services li h3 { font-size: 20px; font-weight: normal; margin-top: 0; }
#content .col1 ul.services li .image { width: 180px; float: left; }
#content .col1 ul.services li .description { width: 500px; float: left; }
#content .col1 ul.services li .description ul { margin: 0; padding: 0 0 10px 15px; width: 200px; float: left; }
#content .col1 ul.services li .description ul.list2 { width: 260px; padding-bottom: 20px; }
#content .col1 ul.services li .description ul li { background: url(images/bull_arrow-ro.gif) no-repeat left 4px; margin: 0 0 2px; padding: 0 0 0 10px; border: 0; }

#content .col2 { width: 220px; float: right; }
#content .col2 .widget_text { width: 220px; background: url(images/bg_widget-feature-bot.gif) no-repeat bottom; padding-bottom: 15px; line-height: 1.4; }
#content .col2 .widget_text h5 { background: url(images/bg_widget-feature-top.gif) no-repeat top; font-size: 16px; font-weight: normal; padding: 10px 10px; margin: 0; }
#content .col2 .widget_text .textwidget { padding: 0 10px; }
#content .col2 .widget_text ol { padding: 0 0 0 30px; }
#content .col2 .widget_text ol li { margin: 0 0 4px 0; }


/*------------------------------
=Employee Page */
#content p.send_resume { display: block; width: 550px; float: left; clear: left; padding: 0 0 0 20px; margin: 15px 0 0 0; }
#content p.send_resume strong { font-size: 13px; }
#content #job_search { width: 580px; float: left; background: url(images/bg_job-search-top.gif) no-repeat top; }
#content #job_search .inner { background: url(images/bg_job-search-bot.gif) no-repeat bottom; padding: 8px 0 8px 15px; }
#content #job_search .inner form { width: 335px; float: left; padding-top: 20px; }
#content #job_search .inner form ul li.submit { margin-top: 10px; }
#content #job_search .inner form ul li input.text,
#content #job_search .inner form ul li select { width: 280px; color: #555; font-size: 18px; border: 1px solid #b0b0b0; padding: 10px 15px; }
#content #job_search .inner form ul li select { width: 312px; }
#content #job_search .inner .benefits { width: 221px; color: #fff; float: left; background: url('images/bg_benefits-bot.gif') no-repeat bottom; }
#content #job_search .inner .benefits h3 { display: block; width: 221px; height: 40px; background: url(images/bg_benefits-top.gif) no-repeat top; text-indent: -9999px; margin: 0; padding: 0; }
#content #job_search .inner .benefits ul { margin: 0; padding: 6px 12px 15px; }
#content #job_search .inner .benefits ul li { background: url(images/bul_arrow-blue-bg.gif) no-repeat left 5px; margin: 0 0 6px; padding: 0 0 0 12px; }

#content #tweet_box {width: 341px; float: right; background: url(images/bg_twitter-box-top.gif) no-repeat top; }
#content #tweet_box .inner { background: url(images/bg_twitter-box-bot.gif) no-repeat bottom; padding: 40px 15px 12px; }
#content #tweet_box .inner h3 { font-size: 18px; font-weight: normal; margin-bottom: 2px; }
#content #tweet_box .inner li textarea { width: 300px; height: 60px; color: #444; }
#content #tweet_box .inner li.submit { font-size: 11px; color: #444; }
#content #tweet_box .inner li.submit .image { float: right; margin: 0 0 0 5px; }
#content #tweet_box .inner .tweet ul { margin: 0; padding: 0; }
#content #tweet_box .inner .tweet ul li { background-color: #f1f9fc; border-top: 1px solid #ccd7de; border-bottom: 1px solid #ccd7de; margin: 0; padding: 6px; }
#content #tweet_box .inner .tweet ul li img { float: left; margin-right: 6px; }

#content #recent_jobs { width: 320px; float: left; padding-left: 20px; }
#content #recent_jobs h2 { font-size: 20px; margin: 0 0 10px; }
#content #recent_jobs dl { font-size: 13px; }
#content #recent_jobs dl dt { padding: 10px 0 0 0; font-size: 14px; }
#content #recent_jobs dl dd { padding: 0 0 10px 0; border-bottom: 1px solid #ccd7de; }

#content #current_employee { width: 545px; float: right; padding-right: 10px; }
#content #current_employee .photo_box { position: relative; width: 168px; height: 281px; float: right; background: url(images/bg_photo-box.jpg) no-repeat top; padding: 8px; text-align: center; }
#content #current_employee .photo_box p.name { display: block; background: url(images/TEMP_employee-name.gif) no-repeat top center; text-indent: -99999px; width: 158px; height: 48px; margin: 8px auto 0;}
#content #current_employee .photo_box .testimonial { font-size: 14px; line-height: 1.5; position: absolute; top: 5px; left: -295px; display: block; width: 260px; height: 100px; background: url(images/bg_speechBubble.png) no-repeat right bottom; padding: 30px 65px 0 20px; text-align: left; }
#content #current_employee .content { padding: 135px 0 0 0; }


/*------------------------------
=Contact Page */
#content #contactForm .top { background: url(images/bg_contactTop.jpg) no-repeat; height: 55px; }
#content #contactForm .content { background: #ddeaf5; border-left: 1px solid #b4bec6; border-right: 1px solid #b4bec6; padding: 0 24px; }
#content #contactForm .content .gfield { position: relative; }
#content #contactForm .content .gfield label { color: #555555; font-size: 18px; position: absolute; top: 13px; left: 12px; }
#content #contactForm .content .gfield input { color: #555555; font-size: 18px; padding: 6px 10px; width: 350px; height: 33px; }
#content #contactForm .content .gfield textarea { color: #555555; font-size: 18px; padding: 6px 10px; width: 570px; height: 200px; }
#content #contactForm .content .gform_footer { text-align: center; }
#content #contactForm .content .privacy { background: url(images/icon_privacy.jpg) no-repeat 0 1px; margin: 0 auto; padding-left: 32px; width: 235px; }
#content #contactForm .content .privacy em { font-weight: bold; display: block; }
#content #contactForm .content #gforms_confirmation_message { margin-bottom: 15px; font-size: 14px; }
#content #contactForm .bottom { background: url(images/bg_contactBottom.jpg) no-repeat bottom; height: 15px; }

#content .socialMedia { border: 1px solid #cccccc; padding: 10px 15px 0 15px; }
#content .socialMedia li { padding: 0px; }
#content .socialMedia li a.twitter { background: url(images/icon_twitter.gif) no-repeat 5px 1px; border-bottom: 1px solid #d7dce1; display: block; padding: 6px 0 6px 40px; height: 20px; }
#content .socialMedia li a.facebook { background: url(images/icon_facebook.gif) no-repeat 5px 1px; border-bottom: 1px solid #d7dce1; display: block; padding: 6px 0 6px 40px; height: 20px; }
#content .socialMedia li a.linkedIn { background: url(images/icon_linkedIn.gif) no-repeat 5px 1px; display: block; padding: 6px 0 6px 40px; height: 20px; }


/*------------------------------
=Client Page */
.page-template-contact-php #content .col1 { width: 640px; float: left; padding: 0 0 0 10px; }
.page-template-contact-php #content .col2 { width: 248px; float: right; }
.page-template-contact-php #content .col2 .widget_text { width: 220px; background: url(images/bg_widget-feature-bot.gif) no-repeat bottom; padding-bottom: 15px; line-height: 1.4; }
.page-template-contact-php #content .col2 .widget_text h5 { background: url(images/bg_widget-feature-top.gif) no-repeat top; font-size: 16px; font-weight: normal; padding: 10px 10px; margin: 0; }
.page-template-contact-php #content .col2 .widget_text .textwidget { padding: 0 10px; }
.page-template-contact-php #content .col2 .widget_text ol { padding: 0 0 0 30px; }
.page-template-contact-php #content .col2 .widget_text ol li { margin: 0 0 4px 0; }


/*------------------------------
=WYSIWYG */
/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 3px double #ccc; text-align: center; background-color: #eee; padding-top: 4px; margin: 10px 10px 18px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/*------------------------------
=Footer */
#footer_wrapper { width: 100%; background: #264f73 url(images/bg_footer-wrapper.gif) repeat-x top; }
#footer { width: 960px; margin: 0 auto; padding: 55px 0 40px; color: #fff; background: #3c617f url(images/bg_footer.gif) no-repeat top; }
#footer a { color: #fff; }
#footer a:hover { color: #aaa; }
#footer dl { display: block; width: 190px; float: left; padding-left: 20px; }
#footer dl dt { font: bold 16px Arial, Helvetica, sans-serif; margin: 0 0 18px; }
#footer dl dd { margin: 0 0 10px; }
#footer dl.col2 { width: 130px; }
#footer .col3 { width: 200px; float: left; margin: 36px 0 0 0; padding: 0 0 0 15px; }
#footer .col4 { width: 300px; float: right; text-align: right; padding: 0 20px 0 0; }
#footer p.connect { margin: 0 0 15px; }
#footer p.connect img { margin: 0 5px; position: relative; top: 5px; }
#footer p.copyright { font-size: 11px; line-height: 1.5; }
#footer p.copyright a { text-decoration: none; }
#footer p.copyright a.groove { background: url(images/icon_groove-cart.gif) no-repeat left center; padding-left: 22px; }