/* GLOBALS =============================== */

* a {outline: none; margin: 0}

body { background: #edfcc8 url(../images/bg.gif) repeat-x; margin: 0;}

hr { 
  background-color: #75b6d1;
  color: #75b6d1;
  height: 1px;
  border: 0;
  text-align: left;
  margin: 6px 0;
  padding: 0;
  display: block;
}

form { margin: 0, padding: 0; }

/* Logo */
h2.logo { background: url(../images/logo.gif) no-repeat; display: block; width: 460px; height: 75px; margin: 0 auto; text-indent: -999px; }

/* Header image */
#header_img { height: 163px; clear: both; background: #fff url(../images/header.jpg) no-repeat 0 -1px; width: 875px; margin: 0 auto}

/* Typography */
body, p, div { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif }

/* Classes */
.clear { clear: both; }
#content_container .alignleft { float: left; text-align: left }
#content_container .alignright { float: right; text-align: right }

/* Textareas, etc */

input, textarea { border: 1px #75b6d1 solid; line-height: 21px; height: 21px; background: #fff; color:#454545;font-family:"Trebuchet MS", sans-serif; font-size: 12px; }

/* NAVIGATION ============================ */

#pixopoint_menu1 { margin: 0 auto; width: 765px; height: 36px; }
#pixopoint_menu1 ul { display: inline }
#pixopoint_menu1 ul li { display: inline; float: left; margin: 0 18px; }
#pixopoint_menu1 ul li a { display: block; text-indent: -9999px; height: 36px }

/* Home */              #pixopoint_menu1 .page-item-998 a { background: url(../images/nav_home.gif) 0 0; width:47px;}
/* About */             #pixopoint_menu1 .page-item-1011 a { background: url(../images/nav_about.gif) 0 0; width:73px;}
/* Services */          #pixopoint_menu1 .page-item-278 a { background: url(../images/nav_services.gif) 0 0; width:62px;}
/* Clients & Studies */ #pixopoint_menu1 .page-item-806 a { background: url(../images/nav_clientsstudies.gif) 0 0; width:165px;}
/* Resources */         #pixopoint_menu1 .page-item-280 a { background: url(../images/nav_resources.gif) 0 0; width:76px;}
/* Contact */           #pixopoint_menu1 .page-item-1001 a { background: url(../images/nav_contact.gif) 0 0; width:84px;}

#pixopoint_menu1 ul li a:hover { background-position: 0 -36px;}

/* Dropdowns */
#pixopoint_menu1 ul.sf-menu li ul { position: absolute; display: none; margin: 0 0 0 -5px; width: 250px; float: left; background: #dbfe93 url(../images/bg_dropdown.gif) repeat-x; border: 1px #a8d154 solid; z-index: 90; }
#pixopoint_menu1 ul.sf-menu li ul li {margin: 0 0 0 -40px; }
#pixopoint_menu1 ul.sf-menu li ul li a { background: none; text-indent: 0; float: left; padding: 8px 8px; font-size: 11px; font-weight: bold; color: #636a53; text-decoration: none; margin: 0; width: 275px; display: inline; height: 14px; }
#pixopoint_menu1 ul.sf-menu li ul li a:hover { background: #85b629; color: #FFF }

/* Subnavigation */

#left_col ul { margin: 0; clear: left; }
#left_col a { color: #565656; font-weight: bold; text-decoration: none; }
#left_col a:hover { color: #678824 }
#left_col a.on { background-position: 0 2px; color: #678824; font-weight: bold }

#left_col ul li { margin: 3px 0 5px -42px; list-style-type: none; }
#left_col ul li a { background: url(../images/li.gif) no-repeat 0 -22px; padding: 0 0 0 10px; font-size: 14px; display: block;}
#left_col ul li a:hover { background-position: 0 2px; }

#left_col ul li ul li a { margin: 12px 0 12px 18px; background-position: 0 -25px; font-weight: bold; font-size: 11px; line-height: 12px;  }
#left_col ul li ul li a:hover, #left_col .current_page_item a { background-position: 0 -1px; color: #678824; }

#left_col ul li ul li ul li a { margin: 12px 0 12px 36px; background-position: 0 -25px; font-weight: bold; font-size: 11px; line-height: 12px;  }
#left_col ul li ul li ul li a:hover { background-position: 0 -1px; color: #678824; }

/* CONTENT ============================== */

#content_back { clear: both; background: #fff; margin: 10px auto 0 auto;}
#content_container { width: 950px; margin: 0 auto; font-size: 12px; color: #565656; vertical-align: top}

#content_container div { float: left; }
#left_col { width: 180px; margin: 9px 25px 18px 0;line-height: 18px;}
#right_col { width: 205px; margin: 0 0 18px 20px; }
#main_content { width: 515px; margin: 4px 0 45px 0; line-height: 20px;}

/* Search */
#left_col .search { background: url(../images/bg_search.gif) no-repeat; margin: 0 0 15px 0; width: 177px}
#left_col .text { background: transparent; border: 0px; width: 132px; height: 26px; margin: 1px 0 0 5px; font: normal bold 11px/16px "Trebuchet MS", Verdana, Sans-serif; color: #454545;}
#left_col .submit { background: transparent; text-indent: -9999px; border: 0; width: 34px; height: 27px;}

.navigation { border-top: 1px #479fc2 solid; border-bottom: 1px #479fc2 solid; padding: 3px 2px; margin: 20px 0 0 0; width: 500px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;}
.navigation .alignleft, .navigation .alignright { width: 200px }

/* CAROUSEL ============================== */

#newscarousel { margin: 0 0 0 0; display: block; }
#newscarousel li { display: inline; margin: 0;background: #f1f1f1; }
#newscarousel a.news-item { display: block; margin: 0; padding: 11px; background: #f1f1f1; font-size: 11px; text-decoration: none; height: 140px; color: #6a6b6b; width: 183px }
#newscarousel li span { margin: 8px 0; color: #425d09; text-decoration: none; font-weight: bold; font-size: 12px; display: block; }
#newscarousel li span.more { text-transform: uppercase; font-size: 10px; color: #338eb6; font-weight: bold; text-decoration: none; letter-spacing: 1px;}
#newscarousel p { margin: 0; clear: none }

#newscarousel a.news-item span { margin-bottom:3px}
#newscarousel a.news-item:hover span { color: #60870d }
#newscarousel a.news-item:hover { background: #dff9ff }
#newscarousel a.news-item:hover span.more {color: #225e79}

.jcarousel-container { position: relative; }
.jcarousel-container-vertical { padding: 40px 0; }
.jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-item-placeholder { background: #fff; color: #000;}
.jcarousel-clip-vertical {  height:390px;}

/* Buttons */

.jcarousel-next-vertical { position: absolute;bottom: 5px;left: 43px;width: 120px;height: 32px;cursor: pointer;background: transparent url(../images/carousel/next-vertical.jpg) no-repeat center -97px; }
.jcarousel-next-vertical:hover { background-position: center -32px; }
.jcarousel-next-vertical:active { background-position: center -64px; }
.jcarousel-next-disabled-vertical,.jcarousel-next-disabled-vertical:hover,.jcarousel-next-disabled-vertical:active {cursor: default;background-position: center -2px;}

.jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 120px; height: 32px; cursor: pointer; background: transparent url(../images/carousel/prev-vertical.jpg) no-repeat center 0; }
.jcarousel-prev-vertical:hover { background-position: center -32px; }
.jcarousel-prev-vertical:active { background-position: center -64px; }
.jcarousel-prev-disabled-vertical,.jcarousel-prev-disabled-vertical:hover,.jcarousel-prev-disabled-vertical:active {cursor: default;background-position: center -96px; }

/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position: relative;}
.jcarousel-clip { z-index: 2; padding: 0;  margin: 0; overflow: hidden; position: relative; height: 390px;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0;  margin: 0;  padding: 0; }
.jcarousel-list li,.jcarousel-item {float: left; list-style: none; 
	/* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 205px;
  height: 130px;
  display: inline;
  overflow: hidden; }

.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}


/* MAIN CONTENT */

/* Link Styles */
#main_content a { color: #439abe; text-decoration: none; font-weight: bold;}
#main_content a:hover { color: #2e6a83 }

/* Paragraph Styles */
#main_content p { margin: 10px 0 0 0; }
#main_content p.learnmore { margin: 18px 0 0 0; clear: both; display: block; float: left;}
#main_content p.postmetadata { font-style: italic; font-size: 11px; margin: 12px 0 0 0; display: block; float: left; line-height: 16px; color: #8b8b8b}

/* Headers */
#main_content h1 { font-size: 22px; line-height: 32px; font-weight: normal; color: #678824; margin: 8px 0 2px 0}
#main_content h2 { font-size: 20px; margin: 20px 0 0 0; color: #479fc2 }
#main_content h3 { font-size: 14px; margin: 20px 0 -8px 0; text-transform: uppercase; color: #479fc2 }
#main_content h4 { font-size: 12px; margin: 20px 0 0 0; text-transform: uppercase }
#main_content h5 { font-size: 12px; margin: 20px 0 0 0; }

/* Comment */

.comments { margin: 8px 0; width: 450px;}
.comments img {display: none}
.comments ul li { list-style-type: none; margin: 12px 12px 12px 0; display: block; float: left; }
.comments  div.comment-meta { font-size: 11px; font-style: italic; clear: both }
.comments p { clear: both; font-size: 11px; }

textarea#comment { width: 350px; height: 150px; margin: 0 0 0 58px;}
input#submit { width: 352px; height: 25px;margin: 0 0 0 58px;}

#respond {  background: #d7f2ff; width: 515px; margin: 20px 0 0 0;}
#respond form { margin: 40px; }
#respond h2 { margin: 25px; }
#respond input#author { width: 350px;}
#respond input#email { width: 350px;}
#respond input#url { width: 350px;}

#respond label {display: block; width: 50px; float: left; text-align: right; margin: 0 8px 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase;}

/* FOOTER =============================== */

#footer_back { clear: both; background: url(../images/bg_footer.gif) repeat-x; height: 95px;}
#footer { font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; line-height: 14px; width: 950px; margin: 0 auto }
#footer a { color: #fff; text-decoration: none;}
#footer a:hover { text-decoration: underline; }
#footer .info {  color: #fff; width: 300px; margin: 11px 0; display: block; float: left; background: url(../images/logo_footer.gif) no-repeat 0 5px; padding: 0 0 0 80px; }
#footer .copy {  color: #bbeaff; width: 300px; margin: 32px 0; display: block; float: right; text-align: right }

/* CONTACT US =========================== */

.your-message textarea { height: 200px;}

/* SEARCH FEATURE =========================== */

#adv_search {   
  width: 500px; 
  margin: 0 0 30px 0;
  display: block;
  overflow: hidden;
 }

#adv_search  h2 {
  padding: 0 0 0 14px;
  font-size: 14px;
  background: url('/wp-content/themes/social_ent/assets/images/search_expand.gif') 2px 5px no-repeat;
}

#adv_search h2:hover {
  cursor: pointer;
  background: #f1f1f1 url('/wp-content/themes/social_ent/assets/images/search_expand.gif') 2px 5px no-repeat;
}

#adv_search h2.active {
  background: url('/wp-content/themes/social_ent/assets/images/search_collapse.gif') 0 6px no-repeat;
  padding: 0 0 0 14px;
}

#adv_search h2:hover.active {
  cursor: pointer;
  background: #f1f1f1 url('/wp-content/themes/social_ent/assets/images/search_collapse.gif') 0 6px no-repeat;
}

#expand {
  display: none;
}