/* 20 Hand Picked Fonts from google fonts API. simply uncomment font you want to use, change font family on line #53  */
/* @import url("http://fonts.googleapis.com/css?family=Allerta"); */
/* @import url("http://fonts.googleapis.com/css?family=Allerta+Stencil"); */
/* @import url("http://fonts.googleapis.com/css?family=Amaranth"); */
/* @import url("http://fonts.googleapis.com/css?family=Arimo"); */
/* @import url("http://fonts.googleapis.com/css?family=Bentham"); */
/* @import url("http://fonts.googleapis.com/css?family=Cousine"); */
/* @import url("http://fonts.googleapis.com/css?family=Crushed"); */
@import url("http://fonts.googleapis.com/css?family=Cuprum");
/* @import url("http://fonts.googleapis.com/css?family=Droid+Sans"); */
/* @import url("http://fonts.googleapis.com/css?family=Expletus+Sans"); */
/* @import url("http://fonts.googleapis.com/css?family=Geo"); */
/* @import url("http://fonts.googleapis.com/css?family=Irish+Grover"); */
/* @import url("http://fonts.googleapis.com/css?family=MedievalSharp"); */
/* @import url("http://fonts.googleapis.com/css?family=Molengo"); */
/* @import url("http://fonts.googleapis.com/css?family=Nobile"); */
/* @import url("http://fonts.googleapis.com/css?family=Philosopher"); */
/* @import url("http://fonts.googleapis.com/css?family=Puritan"); */
/* @import url("http://fonts.googleapis.com/css?family=Quattrocento"); */
/* @import url("http://fonts.googleapis.com/css?family=Ubuntu"); */
/* @import url("http://fonts.googleapis.com/css?family=Vollkorn"); */

/* ------------------------------------------- Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
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 {background:transparent; border:0; margin:0; padding:0; vertical-align:baseline;}
h1, h2, h3, h4, h5, h6 {clear:both; font-weight:normal;}
blockquote {quotes:none;}
blockquote:before, blockquote:after {content:''; content:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}
:focus {outline:none;} ::-moz-focus-inner {border:0;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
a:link, a:visited {color:#a2d9ed; text-decoration: none; }
a:hover, a:active {color:#fff; text-decoration: underline; }

/*---------------------------------------- Fonts -------------------------------------------------------------- */

body {
	color:#fff;
	font-family:Arial, sans-serif, Tahoma;
/* 	font-size:100.01%; */
	line-height:130%;
	background:url('../images/backgrounds/squares_lg.png');/**/
	background-color:#333;
}
/* Change font family below */
/* 'Allerta', 'Allerta Stencil', 'Amaranth', 'Arimo', 'Bentham', 'Cousine', 'Crushed', 'Cuprum', 'Droid Sans', 'Expletus Sans', 'Geo', 'Irish Grover', 'MedievalSharp', 'Molengo', 'Nobile', 'Philosopher', 'Puritan', 'Quattrocento', 'Ubuntu', 'Vollkorn' */
h1, h2, h3, h4, h5, h6, h1#text-logo, #main-menu a {font-family:'Cuprum', Arial, sans-serif;}
h1 {font-size:2em; line-height:130%;}
h2 {font-size:1.8em; line-height:130%;}
h3 {font-size:1.6em; line-height:130%; margin: 20px 0 10px 0; }
h4 {font-size:1.4em; line-height:130%;}
h5 {font-size:1.3em; line-height:130%;}
h6 {font-size:1.2em; line-height:130%;}
p {margin-bottom:10px;}
.block h4 {line-height:1.0;}
.block p {margin-bottom:10px; line-height: 125%;}
#main-menu li a {font-size:15px;}
#main-menu li ul li a {font-size:13px;}
.portfolio-list h3 {text-align:center;}
.button {font-family:Arial;}
pre, code {font-family:monospace;}

/* ------------------------- 03 Typographic Styles --------------------------------------- */

h1, h2, h3, h4, h5, h6 {color:#27a2cf !important; text-decoration:none;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#a2d9ed !important;}
h1, h2, h3, h4, h5, h6 {margin-bottom:10px;}
strong {font-weight:bold;}
cite, em, i {font-style:italic;}
big {font-size:150%;}
ins {background:#ffc; text-decoration:none;}
blockquote {color:#888; display:inline-block; font-weight:bold; padding:0 50px 0 10px; margin:10px 0; border-left:3px solid #922; background:url('../images/blockquote_bg.png') right top no-repeat;}
pre, code {color:#5d0000; line-height:20px;}
pre {display:block; margin:20px 0;}
pre:hover, code:hover {overflow-x:auto;}
abbr, acronym {border-bottom:1px dotted; cursor:help;}
sup, sub {height:0; line-height:1; position:relative; vertical-align:baseline;}
sup {bottom:1ex;}
sub {top:.5ex;}
ul, ul ul, ul ul ul {list-style:square; padding-left: 20px; }
ol {list-style:decimal;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ul ul ul, ol ol, ol ol ol, ol ol ol ol, ul ol, ul ol ul, ol ul, ol ul ol {margin:10px 0 10px 20px;}
/* Text meant only for screen readers */
.screen-reader-text {position:absolute; left:-9000px;}
.highlight { background: #ff3; padding: 0 0.3em; }

h3.news_title { margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.news_sep { margin-top: 20px; padding-bottom: 5px; border-bottom: 1px dotted #999; text-align: right; clear: both; }
.inset_r { font-size: 0.9em; float: right; margin: 0 0 20px 15px; padding: 10px 15px; background: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.inset_r h4 { font-size: 1em; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
.news_people { padding-left: 20px; }
.news_people li { margin-bottom: 7px; line-height: 135% }
.news_people a:link, .news_people a:visited { color: #900; }
.news_listing, .widget ul { padding-left: 20px; font-size: 0.8em; line-height: 125%; }
.widget ul.recent-posts { padding-left: 0; }
.news_listing li, .widget li { margin-bottom: 7px; }
.widget-archive-yearly li { display: inline; margin-right: 20px; }
.other-info { padding: 0 !important; }

/*------------------------- Main Contents ----------------------------------------------*/

#wrapper {min-width:1000px; padding:0; margin:0; overflow:hidden; font-size: 0.9em; }
#container {padding:0 30px; margin:0 auto;}
.contents {display:block;}
#full-width, #container, #page-wptitle, .featured-heading, #header, #main-menu, #slider-frame, #footer-wrap, #copyright {width:940px;}
#full-width, #page-wptitle, .featured-heading, #footer-widgets, #copyright {float:left;}
#full-width { margin: 0 0 40px 0; }
#side-page {width:620px; margin: 0 0 40px 0; }
#sidebar {width:280px; margin:0 0 40px 40px;}
#side-page, #sidebar {float:left; }
#featured-widget {float:right; width:280px; margin:25px 0 0;}
#page-wptitle {text-align:center; margin-bottom:30px; padding-bottom:10px;}
#page-wptitle, .featured-heading, .divider {border-bottom:1px dashed #ccc;}
.featured-heading { padding:30px 0 20px;  margin:0 0 30px; border-top:1px dashed #ccc;}
.featured-heading h1 { text-align: left; }
.synopsis1 { width: 580px; }
.synopsis1-public { width: 480px; }
.synopsis1, .synopsis1-public { padding: 10px 20px; background: #111111; border-radius: 7px; margin: 0 0 25px 0; border: 1px solid #ddd; font-size: 1.2em; line-height: 150%; float: left; }
.synopsis1 p { margin: 10px 0; }
.synopsis2 { float: left; width: 200px; margin: 30px 0 0 70px; }
.synopsis2 h1 { font-size: 1.8em; }
.synopsis2-public { float: left; width: 300px; margin: 0 0 0 70px; }
.synopsis2-public .video { margin: 0 auto; position: inherit !important; }
.synopsis2-public h3 { margin: 0 0 0.5em 0; }
.video_date { text-align: center; margin: 1em 0 0 0; }
#container, #page-wptitle, #main-menu ul, #main-menu ul li, #slider-container, #slider-container .nivoSlider, .media-box, #footer-wrap, ul#footer-nav {position:relative;}
#main-menu ul, ul.tabs, .post-metabox ul, .portfolio-list, ul.lists, ul.lists ul, #cap-dropdown {list-style:none;}
ul.lists { margin: 5px 0 15px 0; }
.divider {height:10px; clear:both; display:block; margin-bottom:20px;}
.alignleft {float:left;}
.alignright {float:right;}
.clrleft { clear: left; }
.clrright { clear: right; }
#main-menu, #footer-wrap {background:#fe8504;}
.req { color: #c00; }
.clr { clear: both; line-height: 0; height: 0; font-size: 1px; }
.msg { background: none repeat scroll 0 0 #C9E4FF; border: 1px solid #f00; border-radius: 10px; color: #000; font-size: 1em; padding: 5px 15px; margin: 10px 0; }
.msg p { margin: 10px 0; }
.article-title { font-style: italic; }
.back { float: right; margin: 20px 0 20px 40px; }

/* ------------------------------- Header --------------------------------------------------------------------------- */

#header {height:110px; padding:0; margin: 0 0 20px 0; display:block; position: relative; }
#site-logo {position: absolute; bottom: 0; left: 0; width:320px; height:85px; margin: 0;}   /*width:220px; height:40px;*/
h1#image-logo, h1#text-logo {float:left; width:360px; height:40px; color:#555; margin:0; line-height:40px;} /*width:180px; height:40px;*/

h1#text-logo a {text-decoration:none; display:block;}

/* ----------------------------------- Search Panel ------------------------------------------------------------- */

#search-panel {width:260px; height:30px; margin-left:18px;}
#search-panel input[type="text"] {float:left; width:218px; height:18px; padding:6px; color:#999; border:none; background:none;}
#search-panel input[type="text"]:focus {color:#666;}
#search-panel input#searchsubmit, #search-panel input#searchsubmit:hover {background:url('../images/icons/search_button.png') no-repeat;}
#search-panel input#searchsubmit {float:left; width:30px; height:30px; cursor:pointer; border:none; background-position:0 0;}
#search-panel input#searchsubmit:hover {background-position:0 -50px;}
#search-panel, #comment-form textarea, .commentfield input[type="text"], #contact-form textarea, .contactfield input[type="text"] {border:1px solid #eee; background:#fff; box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.04); -moz-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.04); -webkit-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.04);}

/* ------------------------------- Main navigation Menu -------------------------------------------------------------- */

#main-menu, #footer-wrap, #login {float:left; box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.2);}
#main-menu {
	height: 40px;
	left: 490px;
	bottom: 25px;
	position: absolute;
	text-transform: capitalize;
	width: auto;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}

#login {
	left: 361px;
	top: 0;
	position: absolute;
	width: 520px;
	padding: 10px 20px;
	color: #c00;
	font-size: 0.8em;
	line-height: 125%;
	font-weight: bold;
	background: #cef;
	-moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px;
}

#login-sidebar {
	padding: 10px 12px;
	color: #080;
	font-size: 0.8em;
	line-height: 125%;
	font-weight: bold;
	background: #cef;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;

}

#login-sidebar a { text-decoration: underline; }

.login_message { font-weight: bold; font-style: italic; color: #00f; }

/* Entry page */

.submit_buttons { font-size: 0.8em; padding: 1em 0; }
div.message {
	padding: 0 10px; margin: 25px 0;
	color: #333;
	background: #CFEFCA none repeat scroll 0 0;
	border: 1px solid #c00;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;
}
div.message h2 { margin: 0; padding: 1em 0 0.1em 0; font-size: 1.3em; text-align: left; color: #999; }
div.message p { margin: 10px 0; }

.timeout { color: #000 !important; font-style: italic; margin: 0.5em 0; line-height: 140%; }

#login .fieldlabel { float: left; width: auto; height: 2em; line-height: 2em; }
#login .fieldinput { float: left; width: auto; margin: 0 0 0 0.5em; height: 2em; line-height: 2em; }
#login-sidebar .fieldinput { width: auto; margin: 7px 0; line-height: 2em;  }
#access_password { width: 9em; }

#main-menu ul {float:left; margin:0 10px; padding:0; z-index:42;}
#main-menu ul li {float:left; height:40px; margin:0 5px;}
#main-menu ul li:hover, #main-menu ul li.current-menu-item, #main-menu ul li.current-menu-parent {background:url('../images/menu_hover_bg.png') center bottom no-repeat;}
#main-menu ul li a {height:20px; line-height:20px; padding:10px 10px; color:#eee; text-decoration:none; display:block; text-shadow:-1px -1px rgba(0, 0, 0, 0.1);}
#main-menu ul li a.downarrow {padding:10px 25px 10px 10px; background:url('../images/down_arrow.png') right center no-repeat;}
#main-menu ul li a:hover, #main-menu ul li.current-menu-item>a, #main-menu ul li.current-menu-parent>a {color:#fff;}
#main-menu ul li ul {width:180px !important; padding:0; position:absolute; left:0; z-index:99; cursor:pointer; margin-top:0; display:none; background:#fff; border:1px solid #eee; border-top:none;}
#main-menu ul li ul li {float:none; width:180px; height:32px; display:list-item; margin:0; border-bottom:1px dotted #eee;}
#main-menu ul li ul li:hover, #main-menu ul li ul li.current-menu-item, #main-menu ul li ul li.current-menu-parent  {background:none;}
#main-menu ul li ul li a {width:140px; height:20px; color:#666; padding:6px 20px; text-shadow:none;}
#main-menu ul li ul li a.rightarrow {background:url('../images/right_arrow.png') right center no-repeat;}
#main-menu ul li ul li a:hover, #main-menu ul li ul li.current-menu-item>a, #main-menu ul li ul li.current-menu-parent>a {color:#be2826;}
#main-menu ul li ul li ul {left:0; top:0; margin:-1px 0 0 182px; display:none; border:1px solid #eee;}
#main-menu ul li ul li:last-child {border-bottom:none;}

/*----------------------------- Nivo Slider -------------------------------------------------------*/

#slider-container {width:920px; height:360px; margin:0 auto 30px; padding:9px; display:block; overflow:hidden; border:1px solid #fff; background:#fff; box-shadow: 0 2px 2px #888; -moz-box-shadow: 0 2px 2px #888; -webkit-box-shadow: 0 2px 2px #888; }
#slider-container #slider {width:920px; height:360px;}
#slider-container .nivoSlider {overflow:hidden;}
#slider-container .hide {position:absolute; top:0; left:0; display:none;}
#slider-container .nivo-slice, #slider-container .nivo-box, .slider-box .nivo-slice, .slider-box .nivo-box {position:absolute; display:block; z-index:9;}
#slider-container .nivo-html-caption {display:none;}
#slider-container .nivo-controlNav {height:11px; position:absolute; right:30px; bottom:20px; z-index:10;}
a.nivo-control, .nivo-controlNav a.active, .nivo-controlNav a:hover {background:url('../images/slider_pagination.png') no-repeat;}
a.nivo-control {float:left; width:11px; height:11px; margin:0 3px; cursor:pointer; background-position:0 0;}
.nivo-controlNav a.active, .nivo-controlNav a:hover {background-position:0 -13px;}
#slider-container a.nivo-control, .slider-box a.nivo-control, #slider-container a.nivo-prevNav, #slider-container a.nivo-nextNav {font-size:0; line-height:0;}
#slider-container .nivo-directionNav {z-index:10;}
#slider-container a.nivo-prevNav, #slider-container a.nivo-nextNav {height:30px; width:30px; display:block; position:absolute; top:160px;  z-index:10; cursor:pointer;}
#slider-container a.nivo-prevNav, #slider-container a.nivo-nextNav, #slider-container a.nivo-prevNav:hover, #slider-container a.nivo-nextNav:hover {background:url('../images/slider_arrows.png') no-repeat;}
#slider-container a.nivo-prevNav {left:10px; background-position:0 -70px;}
#slider-container a.nivo-nextNav {right:10px; background-position:0 0;}
#slider-container a.nivo-prevNav:hover {background-position:0 -105px;}
#slider-container a.nivo-nextNav:hover {background-position:0 -35px;}
#slider-container .nivo-caption {width:370px; padding:10px 15px 0; position:absolute; left:20px; bottom:20px; z-index:10; background:#000;}
#slider-container .nivo-caption h2 a {font-size:20px; color:#fff !important; text-shadow:-1px -1px rgba(0, 0, 0, 0.2);}
#slider-container .nivo-caption h2 a:hover {text-shadow:0 0 5px #fff;}
#slider-container .nivo-caption p {color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);}

/* ------------------------- Extra Functionality ----------------------------------------------------------- */

.media-box, .wp-caption, #sidebar-ads li {padding:4px; box-shadow: 0 2px 5px #999; }
.media-box { border: 1px solid #eee; }
.media-box:hover {border:1px solid #c00;}
.loading {background:url('../images/loading.gif') center center no-repeat #fff;}
.image-zoom, .open-post {width:32px; height:32px; display:none; position:absolute; bottom:0; right:0;}
.image-zoom {background:url('../images/icons/zoom_icon.png') no-repeat;}
.open-post {background:url('../images/icons/openpost_icon.png') no-repeat;}
.media-link {display:block; margin-bottom:5px;}
.media-box.alignleft {float:left; margin:0 15px 15px 0;}
.media-box.alignright {float:right; margin:0 0 15px 15px;}
.media-box.aligncenter {margin:0 auto 15px;}
.w200px { width: 200px; }
.w180px { width: 180px; }
p.wp-caption-text {text-align:center; text-shadow:1px 1px #fff;}
.media-box p {margin-bottom:0;}

/* ---------------------------- Page Navigation -------------------------------------------------------- */

.emm-paginate {height:30px;}
.emm-page {float:left; display:inline-block;}
.post-paginate {clear:both; margin:20px 0;}
.emm-paginate a, .emm-current, .emm-gap {float:left; padding:3px 9px; margin-right:8px;}
.post-paginate a {padding:3px 9px; margin:0 4px;}
.emm-paginate a, .emm-current, .post-paginate a, a.readmore, a.visitsite, .button {background:#f6f6f6; border:1px solid #eee; text-decoration:none; text-shadow:1px 1px 0 #fff;}
.emm-paginate a:hover, .emm-current, .post-paginate a:hover, a.readmore:hover, a.visitsite:hover, .button:hover {background-color:#eee; border:1px solid #e5e5e5;}
.emm-paginate a, .emm-current, a.readmore, a.visitsite, .button, #cap-catlist {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.04); -moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.04); -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.04);}
.emm-title {float:left; height:30px; line-height:24px; margin-right:20px;}
.emm-current {color:#be2826;}
a.readmore, a.visitsite {padding:4px 12px;}
.button, .button:link, .button:visited {display:inline-block; line-height:1.0; padding:8px 14px; position:relative; cursor:pointer;}
.button.alignleft {float:left; margin:5px 5px 5px 0;}
.button.alignright {float:right; margin:5px 0 5px 5px;}
.button.aligncenter {margin:5px auto;}
.tweet-button {margin-top:3px;}

/*------------------------------------- Columns ------------------------------------------------------------- */

.one-fifth {width:164px;}
.two-fifth {width:358px;}
.three-fifth {width:552px;}
.four-fifth {width:746px;}
.one-fifth, .two-fifth, .three-fifth, .four-fifth {margin-right:30px;}
.one-fourth {width:211px;}
.two-fourth {width:454px;}
.three-fourth {width:697px;}
.one-fourth, .two-fourth, .three-fourth {margin-right:32px;}
.one-third {width:290px;}
.two-third {width:615px;}
.one-third, .two-third {margin-right:35px;}
.one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-fourth, .two-fourth, .three-fourth, .one-third, .two-third {float:left; display:block;  margin-bottom:30px;}
.last-column {margin-right:0 !important;}
.page-column {margin-bottom:0 !important;}

/* ---------------------------------------- Boxes -------------------------------------------------------- */

.white-box {float:left; margin:0 0 30px;border:1px solid #eee; background:#fff; padding:15px;}
.info-box, .download-box, .warning-box, .error-box, .success-box {float:left; margin:0 0 30px; padding:15px 15px 15px 80px;}
.info-box {color:#4778aa; border:1px solid #dce6ef; background:url('../images/icons/info_icon.png') 10px 15px no-repeat #333;}
.warning-box {color:#bc6201; border:1px solid #f4f1c5; background:url('../images/icons/warning_icon.png') 10px 15px no-repeat #fefce4;}
.download-box {color:#1e8c73; border:1px solid #dcf1eb; background:url('../images/icons/download_icon.png') 10px 15px no-repeat #effefa;}
.error-box {color:#b23d2a; border:1px solid #f4e2e2; background:url('../images/icons/error_icon.png') 10px 15px no-repeat #fdf3f3;}
.success-box {color:#5e6f33; border:1px solid #deeed4; background:url('../images/icons/success_icon.png') 10px 15px no-repeat #eefce5;}
.white-box, .info-box, .download-box, .warning-box, .error-box, .success-box {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* -------------------------------------- Blocks ---------------------------------------------------------- */

.block {min-height:60px; padding-left:60px;}
.block.paint {background:url('../images/icons/brush_icon.png') no-repeat;}
.block.computer {background:url('../images/icons/computer_coding_48.png') no-repeat;}
.block.design { background:url('../images/icons/lock_48.png') no-repeat; }
.block.news { background:url('../images/icons/news.png') no-repeat; }
.block.services {background:url('../images/icons/gear_icon.png') no-repeat;}
.block.help {background:url('../images/icons/help_icon.png') no-repeat;}
.block.layout { background:url('../images/icons/gear_icon.png') no-repeat; }
.block.star {background:url('../images/icons/staryellow_icon.png') no-repeat;}
.block.stats {background:url('../images/icons/stats_icon.png') no-repeat;}
.block.employ {background:url('../images/icons/employ_icon.png') no-repeat;}

/* -------------------------------------- Tabs Toggles and Accordions -------------------------------------------- */

.toggle-box {margin-bottom:5px;}
.toggle-title, .accor-title {padding:4px 20px; margin:0 !important; cursor:pointer;}
.toggle-title h4 {color: #fff;}

.collapse {background:url('../images/icons/expand_icon.png') 98% 8px no-repeat #222; border:1px solid #999;}
.expand {background:url('../images/icons/collapse_icon.png') 98% 8px no-repeat #222; border:1px solid #999;}

.toggle-cont p {color: #333;}
.toggle-cont, .accordion-cont {display:none; color: #333; overflow:hidden; padding:15px; border:1px solid #e6e6e6; border-top:none; background:#fff; margin-bottom:10px;}
.toggle-cont .images { margin: 0 0 20px 0; position: relative; z-index: 10; }
.toggle-cont .images_caption { position: absolute; top: 10px; left: 10px; z-index: 20; font-size: 1.5em; }
ul.tabs {width:100%;}
ul.tabs li {float:left; margin-bottom:-1px; position:relative;}
ul.tabs li:hover {background:#f6f6f6;}
ul.tabs li a {float:left; text-decoration:none; display:block; outline:none;}
ul.tabs li a .tab-title {padding:3px 20px; margin:0;}
ul.tabs li.active {background:#fff; border:1px solid #eee; border-bottom:1px solid #fff;}
.tab-container {float:left; border:1px solid #eee; overflow:hidden; background:#fff;}
.tab-content {padding:15px 20px; display:none; overflow:hidden;}

/*------------------------------------ Post ---------------------------------------------------------------*/

.post-metabox ul, .pf-metabox ul, ul.tabs {list-style:none;}
.post-img {width:380px; height:160px;}
.post-img2 {width:530px; height:150px;}


.post-metabox, .pf-metabox {float:left; width:205px; height:170px; margin:0 0 15px 10px;}
.post-metabox ul li, .pf-metabox ul li {max-height:50px; overflow:hidden; padding:4px 0 4px 24px; border-bottom:1px dotted #eee;}
.pf-metabox ul li {background:url('../images/icons/pf_icons.png') no-repeat;}
.post-metabox ul li {background:url('../images/icons/post_icons.png') no-repeat;}
.post-metabox ul li:hover {background:url('../images/icons/post_icons.png') no-repeat #fafafa;}
.pf-metabox ul li:hover {background:url('../images/icons/pf_icons.png') no-repeat #fafafa;}
.post-metabox ul li a, .pf-metabox ul li a {text-decoration:none; color:#666;}
.post-metabox ul li a:hover, .pf-metabox ul li a:hover {color:#be2826;}
.post-metabox ul li.post-date {background-position:3px 0;}
.post-metabox ul li.post-author {background-position:3px -40px;}
.post-metabox ul li.post-category {background-position:3px -80px;}
.post-metabox ul li.post-comments {background-position:3px -120px;}
.post-metabox ul li.post-tags {background-position:3px -160px;}
.social-buttons {margin-bottom:10px;}
.prev-next-post {margin-top:20px; overflow:hidden;}
.author-image {float:left; width:80px; height:80px; margin-right:20px;}
#about-author {padding:15px; border:1px solid #eee; overflow:hidden; margin:30px 0; background:#ffffff;}
.author-info {width:478px;}
.small-font {font-size:11px;}
.highlight {padding:0 6px 2px; text-shadow:none; display:inline-block;}
.search-word {background:#fef894;}

#cap-catlist {padding:2px 20px; width:138px; height:24px; position:absolute; top:0; right:0; text-align:left; cursor:pointer; border:1px solid #eee; background:url('../images/dropdown_arrow.png') right center no-repeat #f6f6f6; }
#cap-catlist h5 {margin-bottom:0;}
#cap-catlist:hover ul {display:block;}
#cap-dropdown {width:178px; background:#fff; border:1px solid #eee; display:none; margin-top:28px; position:absolute; top:0; left:-1px; z-index:52;}
#cap-dropdown li {float:left; width:138px; padding:2px 20px; display:list-item; border-bottom:1px dotted #eee;}
#cap-dropdown li:last-child {border:none;}
#cap-dropdown li a {float:left; width:138px; height:24px; line-height:24px; color:#666;}
#cap-dropdown li a:hover {color:#be2826;}
#cap-dropdown li a, #related-posts li a, .recent-posts li a {text-decoration:none;}

.post-media { margin: 20px 0; }
ol.article { padding-left: 25px; margin: 20px 0; }

/* ----------------------------------- Comments ------------------------------------------------------ */

ol.commentlist {overflow:hidden; margin-top:20px;}
ol.commentlist li {float:left;}
ul.children {margin:0 0 0 30px; list-style:none; overflow:hidden; background:url('../images/comment_reply_arrow.png') 30px 0 no-repeat;}
.comment-container {margin:20px 0; overflow:hidden;}
.comments-arrow {width:20px; height:24px; position:absolute; top:18px; left:-19px; background:url('../images/comments_arrow.png') no-repeat;}
.comment-box {float:right; width:440px; position:relative;}
ul.children .comment-box {width:410px;}
ul.children ul.children .comment-box {width:380px;}
ul.children ul.children ul.children .comment-box {width:350px;}
ul.children ul.children ul.children  ul.children .comment-box {width:320px;}
.comment-entry {min-height:50px; padding:10px; display:inline-block; background:#fff; border:1px solid #eee; margin-bottom:10px;}
.commenter-image {float:left; width:60px; height:60px;}
.comment-meta h6 {margin:0;}
a.comment-edit-link {float:left;}
a.comment-reply-link {float:right;}
a.comment-edit-link, a.comment-reply-link {text-shadow:1px 1px #fff; text-decoration:none;}
a.comment-edit-link:hover, a.comment-reply-link:hover {text-decoration:underline;}
ol.pinglist {overflow:hidden; margin:20px 0;}
ol.pinglist li {float:left; width:100%; padding:5px 0; margin:5px 0;}
ol.pinglist li img {float:left; height:16px; width:16px; background:#fff; border:1px solid #eee; margin-right:10px;}
ol.pinglist li a {float:left; display:block;}
#comment-form {margin-top:20px;}
.commentfield, .contactfield {padding-bottom:10px;}
.commentfield label, .contactfield label {float:left; padding:6px 0; width:70px; margin-right:4px;}
.commentfield span, .contactfield span, #contact-form label.error {color:#ea3636;}
.submit-button {padding-left:75px;}
#comment-form textarea, #contact-form textarea {height:140px;}
#comment-form textarea, .commentfield input[type="text"], #contact-form textarea, .contactfield input[type="text"] {width:528px; padding:7px 8px; color:#666; border-radius:1px;}
#comment-form input#submit, #contact-form input#submit {padding:6px 12px; color:#007ac0; outline:none;}
#comment-form input#submit:hover, #contact-form input#submit:hover {color:#be2826;}

#form-container { }
#form-container td, #form-container th { padding: 5px; white-space:nowrap; text-align: left; font-weight: normal; vertical-align: top; }

#form-container label{ text-transform:uppercase; font-size:0.9em; }
#form-container textarea{ color:#404040; font-family:Arial,Helvetica,sans-serif; font-size:1em; }
#form-container td > button{ text-indent:8px; }

.form_col-1, .form_col-3 { width: 15%; }
.form_col-2 { width: 70%; }

.notification_error, .notification_ok, .consultation { height: auto; width: 90%; padding: 5px 10px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.notification_error { border: 2px solid #f00; text-align: left; color: #c00; margin: 1em 0; }
.notification_ok { border: 1px solid #090; text-align: center; font-weight: bold; margin: 4em 0; }

.notification_error ul { margin: 0; padding: 0 0 0 30px; }
.notification_error li { line-height: 120%; margin: 0.3em 0; }

.info_fieldset { border: 1px #ddd solid; }
.info_fieldset legend { border: 1px #ddd solid; color: black; padding: 2px 5px 2px 5px; }


/* ----------------------------------- Widgets------------------------------------------------------------- */

.widget-ul, .widget_recent_entries ul {list-style:none; overflow:hidden;}
.widget-ul li, .widget_recent_entries li {display:block; clear: both;}
.sidebar-widget {float:left; width:280px; margin-bottom:40px;}
.page-widget {float:left; width:290px;}
.footer-widget {float:left; width:270px;}
#social-media li {float:left; height:64px; width:64px; display:block; margin-right:8px;}
#social-media li.last {margin-right:0;}
#related-box {margin:20px 0;}
#related-posts, .recent-posts {list-style:none; display:block; overflow:hidden;}
#related-posts li {float:left; width:305px; display:inline-block; margin-right:10px;}
#related-posts li:last-child {margin-right:0;}
ul.multi-nav li, .widget_recent_entries li {padding:4px 5px 4px 30px; border-bottom:1px dotted #eee; background:url('../images/icons/sidebar_nav_arrow.png') 5px 6px no-repeat;}
ul.multi-nav li:hover, .widget_recent_entries li:hover {color:#fafafa;}
.post-small-img {float:left; width:80px; height:60px; margin: 0 10px 20px 0;}
.post-small-img, .author-image, .commenter-image, .flickr_badge_image {border:1px solid #eee; background:#f8f8f8; padding:4px;}
.post-small-img:hover, .author-image:hover, .commenter-image:hover, #sidebar-ads li:hover, .flickr_badge_image:hover {border:1px solid #ddd;}
.recent-posts li {float:left; margin-bottom:10px; border-bottom:1px dotted #eee;}
#sidebar-ads li {float:left; height:125px; width:125px; margin:0 10px 10px 0;}
#sidebar-ads li.last {margin:0 0 10px 0;}
.flickr_badge_image {float:left; margin:0 9px 9px 0;}
.flickr_badge_image, .flickr_badge_image img {width:74px; height:48px;}
#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9, #flickr_badge_image12 {margin:0 0 9px;}
ul.social-share {height:25px;}
ul.social-share li {float:left; width:24px; height:24px; margin-right:6px; background:url('../images/icons/social_share_icons.png') no-repeat;}
ul.social-share li a {width:24px; height:24px; display:block; font-size:0; line-height:0; text-indent:-9999px;}
ul.social-share li:hover {margin-top:1px;}
ul.social-share li.delicious {background-position:0 0;}
ul.social-share li.digg {background-position:0 -30px;}
ul.social-share li.facebook {background-position:0 -60px;}
ul.social-share li.google {background-position:0 -90px;}
ul.social-share li.myspace {background-position:0 -120px;}
ul.social-share li.reddit {background-position:0 -150px;}
ul.social-share li.stumble {background-position:0 -180px;}
ul.social-share li.technorati {background-position:0 -210px;}
ul.social-share li.twitter {background-position:0 -240px;}
ul.twitter-ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #eee;}
a.twitter-follow {height:32px; padding-left:36px; line-height:32px; margin-bottom:10px; background:url('../images/icons/twitter_follow.png') no-repeat;}

/* --------------------------------------- Portfolio ---------------------------------------------------- */

.pf-image1 {width:440px; height:200px;}
.pf-image2 {width:280px; height:160px;}
.pf-image3 {width:200px; height:120px;}
.pf-image4 {width:80px; height:60px;}

.pf-metabox ul li.client {background-position:3px 0;}
.pf-metabox ul li.department {background-position:3px -40px;}
.pf-metabox ul li.year {background-position:3px -80px;}
.pf-metabox ul li.developers {background-position:3px -120px;}
.pf-metabox ul li.website {background-position:3px -160px;}

/* -------------------------------------- Contact Page -------------------------------------------------------- */

#contact-message {padding-bottom:20px;}
#contact-form label.error {width:500px; background:none; font-size:11px; margin:0; padding:5px 0 10px 80px;}
.contact-map {width:270px; height:240px;}
#contact-info {width:280px; margin-bottom:30px;}
#contact-info h4 { margin: 25px 0 0 0; }

.bio { }
.bio_image { float: left; margin: 0 20px 20px 0; box-shadow: 0 1px 3px #999; }
#bio_directors ul { padding: 0 0 0 30px; }
.bio h4 { clear: none; margin-bottom: 5px; }
.bio p { margin: 0 0 20px 0; }

.nsf img { margin: 12px; }

.loi { margin: 0 auto 20px auto; }
.letter_copyright { text-align: center; font-weight: bold; color: #f00; }

.video_strip { clear: both; }
.video_heading { font-size: 2.3em; line-height: 150%; }
.video_section { float: left; width: 50%; width: 470px; margin: 20px 0 0 0; }
.video { width: 200px; }
.video_section h3 { margin: 0; line-height: 120%; }
.video_desc { float: left; margin: 0 40px 0 0; width: 205px; }
.video_desc p { margin: 10px 0 0 0; font-size: 0.8em; line-height: 150%; }

/* ---------------------------------------- Lists ------------------------------------------------------------------ */

ul.lists li {padding:3px 0 3px 20px;}
ul.lists ul {margin:0;}
ul.lists li a, ul.multi-nav li a, .twitter-ul li a, a.twitter-follow {text-decoration:none;}
ul.star-list li {background:url('../images/icons/star_icon.png') 0 8px no-repeat;}
ul.check-list li {background:url('../images/icons/check_icon.png') 0 8px no-repeat;}
ul.cross-list li {background:url('../images/icons/cross_icon.png') 0 8px no-repeat;}
ul.arrow-list li {background:url('../images/icons/arrow_icon.png') 0 8px no-repeat;}
ul.plus-list li {background:url('../images/icons/plus_icon.png') 0 8px no-repeat;}
ul.minus-list li {background:url('../images/icons/minus_icon.png') 0 8px no-repeat;}
ul.square-list li {background:url('../images/icons/square_icon.png') 0 8px no-repeat;}
ul.disc-list li {background:url('../images/icons/disc_icon.png') 0 8px no-repeat;}
ul.mtc-list { margin: 20px 0 20px 40px; }


/* ------------------------------------------ Footer ----------------------------------------------------------- */

#footer-widgets {width:880px; padding:30px; margin:30px 0 25px; background:#fcfcfc; box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.05); -webkit-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.05);}
.footer-column {float:left; width:270px; display:block; margin-right:30px;}
.footer-column.last {margin-right:0;}
#footer-wrap {height:40px; margin: 40px 0 0 0; }
#copyright {height:30px; margin-top:15px; font-size: 12px;}
#copyright a {text-decoration:none;}
ul#footer-nav {padding:8px; list-style:none; font-size:12px;}
ul#footer-nav li {float:left; padding:3px 10px; display:inline-block;}
ul#footer-nav li a, #top-link a {color:#eee; text-decoration:none;}
ul#footer-nav li a:hover, ul#footer-nav li.current-menu-item a, ul#footer-nav li.current-menu-parent a, #top-link a:hover {color:#fff;}
#top-link {width:30px; height:20px; position:absolute; top:10px; right:15px; z-index:3;}
#top-link a {font-size:10px;}

/* --- blog --- */
.entry-meta {
	color: #666;
	clear: both;
	font-size: 0.8em;
	line-height: 130%;
}
.entry-meta a { font-weight: bold; text-decoration: none; }
.entry-meta a:hover { text-decoration: underline; }