/*
Theme Name: Synotac.com Theme
Theme URI: http://synotac.com
Description: A custom theme developed by Synotac Web Design
Version: 1.0
Author: Synotac Web Design
Author URI: http://synotac.com/


style.css
Developer: Synotac Web Design
URI: http://www.synotac.com

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;
}
OL, UL
{
	list-style: none;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: '';
	content: none;
}
/*remember to define focus styles!*/
:focus
{
	outline: 0;
}
/*remember to highlight inserts somehow!*/
INS
{
	text-decoration: none;
}
DEL
{
	text-decoration: line-through;
}
/*tables still need 'cellspacing="0"' in the markup*/
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
/*End CSS Reset
General
------------------------------------------------------------------
Selection background color*/
*::-moz-selection
{
	background: #51A201 none repeat scroll 0 0;
	color: #FFF;
}
/*HTML and BODY*/
HTML, BODY
{
}
HTML
{
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
	background: #E6E6E6;
}
BODY
{
	background: #E6E6E6;
	font: 12px/22px Arial, "Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", sans-serif;
	text-align: center;
	color: #353535;
}
/*Links*/
A
{
	text-decoration: none;
}
A:link
{
	color: #0082C0;
}
A:visited
{
	color: #5F6062;
}
A:focus, A:hover, A:active
{
	color: #5F6062;
}
A.arrow-right
{
}
A.grey-button
{
	background: #5F6062;
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	padding: 7px 14px;
	border: 1px solid #FFFFFF;
}
DIV.entry A:hover, DIV.entry A:active, #footer A:hover, #footer A:active
{
	border-bottom: 1px dotted #363636;
}
DIV.entry A:visited, #footer A:visited
{
	border-bottom: 1px dotted #5F6062;
}
#footer A
{
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 0px;
}
/*Headers*/
H1, H2, H3
{
}
H1
{
	font: 18px/30px Arial;
	color: #F26522;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.blog H1, .single H1
{
	margin-bottom: 0px;
}
.blog H1 A, .single H1 A
{
	border-bottom: none !important;
}
.blog H1 A:hover, .single H1 A:hover
{
	border-bottom: 1px dotted #5F6062 !important;
}
H2, H2 A:link, H2 A:visited, H2 A:hover
{
	font: 17px/24px Arial;
	color: #F26522;
	margin: 0 0 15px;
	text-transform: uppercase;
}
H3
{
	font-size: 16px;
	margin: 0.5em 0;
}
H4, H5, H6
{
}
H4
{
}
H5
{
}
H6
{
}
/*Text blocks, Content*/
ADDRESS
{
}
BLOCKQUOTE
{
}
CITE
{
}
EM
{
	font-style: italic;
}
P
{
	margin: 0 0 11px;
}
PRE
{
}
SMALL
{
	font-size: 0.8em;
}
SPAN
{
}
STRONG
{
	font-weight: bold;
}
/*Content Styles*/
.h1
{
	font: 17px/24px Arial;
	color: #F26522;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.h1 SPAN
{
	font-size: 12px;
	color: #454545;
}
.h2
{
	font: 16px/24px Arial;
	color: #353535;
}
.h3
{
	font: 14px/22px Arial;
	color: #363636;
}
.grey-dots-underlined
{
	border-bottom: 3px dotted #DDDDDD;
}
.padded
{
	padding: 0px 20px;
}
.emph
{
	font: 16px/24px Arial;
}
.no-margin
{
	margin: 0;
}
/*Misc*/
ABBR, ACRONYM
{
	border-bottom: 1px dashed #999;
	cursor: help;
}
DEL
{
	color: #8B0000;
	text-decoration: line-through;
}
HR
{
	display: none;
}
INS
{
	color: #006400;
	text-decoration: none;
}
SUB, SUP
{
	font-size: 0.7em;
}
SUP
{
	vertical-align: sub;
}
SUP
{
	vertical-align: super;
}
/*Tables*/
TABLE
{
}
CAPTION
{
}
THEAD
{
}
TFOOT
{
}
TBODY
{
}
TR
{
}
TR.alt
{
}
TH
{
}
TD
{
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
/*Froms*/
FORM
{
}
FIELDSET
{
}
LEGEND
{
}
LABEL
{
}
INPUT
{
	vertical-align: middle;
}
INPUT.button
{
}
INPUT.primary-button
{
}
INPUT.secondary-button
{
}
TEXTAREA
{
}
SELECT
{
}
.checkboxes
{
}
/*Lists*/
UL, OL
{
}
UL
{
}
OL
{
}
LI
{
}
/*Defition Lists*/
DL
{
}
DD
{
}
DT
{
}
/*STRUCTURE
------------------------------------------------------------------
IE 6 warning*/
DIV.ie6-warning
{
	width: 800px;
	margin: 10px auto;
	text-align: left;
	background: #FFFFFF;
	border: 3px solid #E15A5A;
	padding: 10px;
}
/*Use #bgwrap if centered column has drop shadow background that is centered*/
#bgwrap
{
	background: url(images/background_main.png) repeat-y center top;
	width: 1020px;
	margin: 0 auto;
}
#header, #main, #footer
{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #FFFFFF;
}
#header
{
	height: 162px;
	position: relative;
}
#container, #container-sub
{
	padding: 30px 35px;
}
#content
{
}
BODY.blog #container, BODY.single #container, BODY.page-id-10 #container, BODY.archive #container, BODY.category #container, BODY.page-id-245 #container, #container-sub, BODY.page-id-6 #container
{
	float: left;
	margin: 0 -350px 0 0;
	width: 100%;
}
BODY.blog #content, BODY.single #content, BODY.page-id-10 #content, BODY.archive #content, BODY.category #content, BODY.page-id-245 #content, #content-sub, BODY.page-id-6 #content
{
	margin: 0 350px 0 0;
	overflow: hidden;
}
#sidebar
{
	float: right;
	padding: 30px 35px 30px 0px;
	width: 245px;
}
BODY.page-id-6 #sidebar
{
	padding-top: 35px;
}
BODY.page-id-7 #container, BODY.parent-pageid-7 #container
{
	float: left;
	margin: 0 -350px 0 0;
	width: 100%;
}
BODY.page-id-7 #content, BODY.parent-pageid-7 #content
{
	margin: 0 350px 0 0;
	overflow: hidden;
}
BODY.page-id-18 #container, BODY.parent-pageid-18 #container, BODY.page-id-350 #container, BODY.page-template-index-articles-php #container
{
	float: left;
	margin: 0 -490px 0 0;
	width: 100%;
}
#footer
{
}
/*HEADER
--------------------------------------*/
DL#branding
{
	padding: 30px 0px 0px 35px;
}
DL#branding DT.logo A
{
	display: block;
	width: 280px;
	height: 58px;
	background: url(images/logo.gif) no-repeat 0px 0px;
}
DL#branding DT.logo A:hover
{
}
DL#branding DD.phone-number
{
	position: absolute;
	left: 740px;
	top: 30px;
}
DL#branding DD.phone-number SPAN.tel
{
	font: 24px Arial;
	color: #FF7800;
}
DL#branding DD.phone-number DIV.adr
{
	font: 12px/18px Arial;
	color: #353535;
}
DL#branding DD.phone-number DIV.adr A
{
	text-decoration: underline;
}
/*MENU
------------------------------------------------------------------*/
#nav
{
	position: absolute;
	bottom: -9px;
	left: -10px;
	width: 1000px;
	background: url(images/nav_gradient.gif) repeat-x 0px 0px;
	height: 51px;
	z-index: 99;
}
UL.menu
{
	background: url(images/navribbon_left.gif) no-repeat left top;
	height: 51px;
	width: 850px;
	float: left;
	display: inline;
	padding-left: 45px;
}
.menu LI
{
	float: left;
	display: block;
}
.menu A
{
	display: block;
	height: 40px;
}
.menu A SPAN
{
	position: absolute;
	left: -999em;
	display: none;
}
.entry
{
}
/*hover / on state*/
.menu LI A:hover, .menu LI.current-menu-item A, .menu LI.current-page-ancestor A, BODY.blog .blogBtn A, BODY.single .blogBtn A, BODY.archive .blogBtn A, BODY.category .blogBtn A
{
	background-color: #FF7800;
}
/*Individual Nav Buttons*/
.homeBtn A
{
	background: url(images/nav_home.png) no-repeat 0px 0px;
	width: 96px;
}
.portfolioBtn A
{
	background: url(images/nav_portfolio.png) no-repeat 0px 0px;
	width: 146px;
}
.processBtn A
{
	background: url(images/nav_process.png) no-repeat 0px 0px;
	width: 121px;
}
.resourcesBtn A
{
	background: url(images/nav_resources.png) no-repeat 0px 0px;
	width: 145px;
}
.aboutBtn A
{
	background: url(images/nav_about.png) no-repeat 0px 0px;
	width: 106px;
}
.blogBtn A
{
	background: url(images/nav_blog.png) no-repeat 0px 0px;
	width: 90px;
}
.contactBtn A
{
	background: url(images/nav_contact.png) no-repeat 0px 0px;
	width: 136px;
}
/*-- Search Box*/
DIV#search-form
{
	float: right;
	width: 30px;
	background: url(images/navribbon_right.gif) no-repeat right top;
	height: 51px;
}
FORM#searchform
{
	padding-top: 8px;
}
FORM#searchform LABEL
{
	display: none;
}
FORM#searchform INPUT[type='text']
{
	border: 1px solid #DDDDDD;
	width: 148px;
	padding: 3px;
	margin-right: 3px;
}
#searchform INPUT#searchsubmit
{
	border: none;
	background: url(images/button_go.gif) no-repeat 0px 0px;
	width: 30px;
	height: 20px;
	text-indent: -999em;
}
/*Footer*/
DIV.footer-wrap
{
	padding: 0px 35px 20px;
	line-height: 16px;
}
DIV.footer-wrap P.h1
{
	margin-bottom: 5px;
}
DIV.footer-wrap P.vcard
{
	margin-top: 7px;
	white-space: nowrap;
}
UL.footer-links LI
{
	float: left;
	margin-right: 16px;
	margin-bottom: 0px;
	line-height: 16px;
}
UL.footer-links LI A
{
	display: block;
}
UL.footer-links LI A:visited
{
	border-bottom: none !important;
	color: #0082C0;
}
UL.footer-links LI.current_page_item A
{
	border-bottom: 1px dotted #5F6062 !important;
	color: #5F6062;
}
/*COLUMNS*/
DIV.row
{
	/*[disabled]margin-bottom:30px;*/
}
DIV.col
{
	width: 280px;
	float: left;
	margin-left: 35px;
	display: inline;
}
DIV.entry
{
	padding: 0px 20px 11px;
	margin-bottom: 10px;
}
#resources DIV.entry
{
	background: none;
}
#content
{
}
/*PAGES*/
.page .post
{
	margin-bottom: 20px;
}
/*HOMEPAGE HERO / GALLERY
----------------------------------------*/
#gallery-wrap
{
	padding: 0px;
	background: #000000;
	height: 332px;
	width: 980px;
	overflow: hidden;
	position: relative;
}
#gallery-wrap #panel-wrap
{
}
#gallery-wrap .panel
{
	display: none;
	width: 980px;
	height: 332px;
	position: absolute;
	top: 0;
	left: 0;
}
#gallery-wrap DL.slide
{
	width: 980px;
	height: 332px;
	position: relative;
}
#gallery-wrap DL.slide DT.text
{
	position: absolute;
	top: 0px;
	left: 486px;
}
#gallery-wrap DL.slide DD.hero-image
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#gallery-wrap DL.slide DD.action
{
	position: absolute;
	right: 70px;
	bottom: 77px;
	z-index: 125;
}
#gallery-wrap UL#panel-dots
{
	position: absolute;
	width: 150px;
	height: 50px;
	bottom: 60px;
	left: 523px;
	z-index: 125;
}
#gallery-wrap UL#panel-dots LI
{
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 15px;
}
#gallery-wrap UL#panel-dots LI A
{
	display: block;
	width: 26px;
	height: 26px;
	background: url(images/dot_orange.gif) no-repeat 0px 0px;
}
#gallery-wrap UL#panel-dots LI A.active
{
	background: url(images/dot_white.gif) no-repeat 0px 0px;
}
/*HOMEPAGE CONTENT*/
H1#catch-phrase
{
	padding: 15px 55px 30px;
	font: 21px/30px Georgia;
	color: #454545;
	text-transform: none;
	margin-bottom: 0px;
}
/*-- contact form*/
#get-in-touch-title
{
	margin: 30px 0px 5px;
}
DIV.failure
{
	color: #940F0F;
	padding: 2px 5px;
	background: #FCDDDD;
	margin-bottom: 6px;
}
FORM#cforms3form FIELDSET.cf_hidden
{
	display: none;
}
FORM#cforms3form INPUT.single, FORM#cforms3form TEXTAREA.area
{
	vertical-align: top;
	width: 170px;
	padding: 3px;
	border: 1px solid #DDDDDD;
	font: 12px Arial;
	color: #5F6062;
}
INPUT.cf_error
{
	border: 1px solid #8E0A0A;
}
FORM#cforms3form LABEL
{
	width: 60px;
	float: left;
	color: #5F6062;
}
FORM#cforms3form LABEL#label-3-5
{
	display: none;
}
FORM#cforms3form TEXTAREA.area
{
	width: 230px;
	height: 95px;
}
FORM#cforms3form INPUT#sendbutton3
{
	border: none;
	background: url(images/please_contact_me.jpg) no-repeat 0px 0px;
	width: 230px;
	height: 46px;
	font-size: 1px;
	padding-top: 10px;
	color: #FEA500;
	cursor: hand;
	cursor: pointer;
}
FORM#cforms3form P.cf-sb
{
	margin: 0px;
	text-align: left;
}
/*-- newsletter form*/
#connect FORM#cforms2form
{
}
#connect FORM#cforms2form FIELDSET
{
	float: left;
	width: 168px;
}
#connect FORM#cforms2form FIELDSET.cf_hidden
{
	display: none;
}
#connect FORM#cforms2form INPUT.single
{
	vertical-align: top;
	width: 162px;
	padding: 3px;
	border: 1px solid #DDDDDD;
	font: 12px Arial;
	color: #5F6062;
}
#connect FORM#cforms2form P.cf-sb
{
	float: right;
	display: inline;
	width: 66px;
	padding-top: 1px;
}
#connect FORM#cforms2form P.cf-sb INPUT.sendbutton
{
	border: none;
	background: url(images/button_signup.gif) no-repeat 0px 0px;
	text-indent: -999em;
	width: 66px;
	height: 20px;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
#connect FORM#cforms2form FIELDSET LEGEND, #connect FORM#cforms2form LABEL, #connect FORM#cforms2form .emailreqtxt, .linklove
{
	display: none;
}
/*-- rows and columns*/
BODY.home DIV#row-1 DIV.col DIV.entry
{
	height: 290px;
}
BODY.home DIV#row-2 DIV.col DIV.entry
{
	height: 430px;
}
BODY.home DIV#row-2 DIV.col-3 DIV.entry P#stay-connected-title
{
	margin-top: 30px;
}
BODY.home DIV#your-team DIV.entry CITE
{
	display: block;
	margin-top: -5px;
}
/*Homepage Styles*/
A.view-our-work2
{
	display: block;
	width: 240px;
	height: 120px;
	background: url(images/button_portfolio.png) no-repeat -10px 0px;
	border-bottom: none !important;
	margin: 30px auto 0;
	border-bottom: none !important;
}
A.our-process-button
{
	display: block;
	width: 240px;
	height: 120px;
	background: url(images/button_process.png) no-repeat -10px 0px;
	border-bottom: none !important;
}
/*About Page Styles*/
#team-members-list LI
{
	float: left;
	margin-right: 22px;
	margin-bottom: 20px;
}
#team-members-list A
{
	display: block;
	float: left;
	border: 3px solid #000000 !important;
	opacity: 0.75;
	filter: alpha(opacity=75);
	position: relative;
}
#team-members-list A:hover
{
	border: 3px solid #F26624 !important;
	opacity: 1;
	filter: alpha(opacity=100);
}
#team-members-list A:hover SPAN.name-tag
{
	display: block;
}
#team-members-list A SPAN.name-tag
{
	position: absolute;
	bottom: -3px;
	left: -13px;
	width: 126px;
	height: 41px;
	display: none;
}
#team-members-list A SPAN.name-tag SPAN
{
	display: block;
	float: left;
	height: 41px;
}
#team-members-list A SPAN.name-tag SPAN.center
{
	width: 106px;
	background: url(images/nav_gradient.gif) repeat-x 0px -10px;
	color: #000;
	font-weight: normal;
	padding-top: 5px;
	height: 36px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}
#team-members-list A SPAN.name-tag SPAN.left
{
	width: 10px;
	background: url(images/navribbon_left.gif) no-repeat 0px -10px;
}
#team-members-list A SPAN.name-tag SPAN.right
{
	width: 10px;
	background: url(images/navribbon_right.gif) no-repeat 0px -10px;
}
.page-id-127 #team-members-list LI.cameron A, .page-id-128 #team-members-list LI.bill A, .page-id-129 #team-members-list LI.catriona A, .page-id-130 #team-members-list LI.hannah A, .page-id-131 #team-members-list LI.david A, .page-id-132 #team-members-list LI.david_b A, .page-id-133 #team-members-list LI.jennifer A, .page-id-134 #team-members-list LI.jim A, .page-id-135 #team-members-list LI.eddie A
{
	border: 3px solid #F26624 !important;
	opacity: 1;
	filter: alpha(opacity=100);
}
.page-id-127 #team-members-list LI.cameron A SPAN.name-tag, .page-id-128 #team-members-list LI.bill A SPAN.name-tag, .page-id-129 #team-members-list LI.catriona A SPAN.name-tag, .page-id-130 #team-members-list LI.hannah A SPAN.name-tag, .page-id-131 #team-members-list LI.david A SPAN.name-tag, .page-id-132 #team-members-list LI.david_b A SPAN.name-tag, .page-id-133 #team-members-list LI.jennifer A SPAN.name-tag, .page-id-134 #team-members-list LI.jim A SPAN.name-tag, .page-id-135 #team-members-list LI.eddie A SPAN.name-tag
{
	display: block;
}
/*-- new about page styles*/
#pre-container
{
	background: #FCFCFC;
}
#pre-container.pre-about
{
	height: 130px;
	background: url(images/about_header.gif) no-repeat 0px 0px;
}
#pre-container H1.page-title
{
	font-size: 22px;
}
BODY.page-id-18 #content, BODY.parent-pageid-18 #content, BODY.page-id-350 #content, BODY.page-template-index-articles-php #content
{
	margin: 0 360px 0 0;
	overflow: hidden;
}
#content
{
}
BODY.page-id-18 #sidebar, BODY.parent-pageid-18 #sidebar, BODY.page-id-350 #sidebar
{
	float: right;
	padding: 30px 35px 30px 0px;
	width: 245px;
}
.people-container
{
	padding-left: 20px;
}
UL.people-list
{
	float: left;
	width: 670px;
}
UL.people-list LI.person
{
	display: block;
	float: left;
	width: 130px;
	height: 200px;
	margin-right: 28px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 18px;
}
UL.people-list LI.person A:hover SPAN
{
	color: #5F6062;
	border-bottom: 1px dotted #5F6062;
}
UL.people-list LI.person SPAN.persons-name
{
	font-size: 14px;
	color: #F26522;
	line-height: 22px;
}
UL.people-list LI.person SPAN.persons-title
{
	font-size: 11px;
	color: #F26522;
}
/*--- about sub-page*/
.sub-page .wp-post-image
{
	float: left;
	margin-left: 15px;
}
.sub-page .entry
{
	margin-left: 115px;
}
.sub-page H1
{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0px;
}
.sub-page H1 SPAN
{
	font-size: 12px;
}
.sub-page-people-container
{
	clear: both;
}
.sub-page-people-container UL.people-list
{
	width: 950px;
}
/*Manage Styles*/
.data_list
{
	width: 100%;
	font-size: 12px;
}
.data_list TH
{
	background: #FF9C00;
	color: #FFF;
}
.data_list TH, .data_list TD
{
	padding: 2px 10px;
}
.data_list
{
	border-bottom: 1px solid #999;
	width: 100%;
}
.data_list .right_col
{
	border-right: 1px solid #999;
}
.data_list .left_col
{
	border-left: 1px solid #999;
}
.data_list .alt_row TD
{
	background: #EEE;
}
/*Process Page Styles*/
#sub-catch-phrase
{
	padding: 10px 55px 20px;
	font: 16px/24px Arial;
}
DIV.process-icons A
{
	display: block;
	height: 100px;
	float: left;
}
A.discover-icon
{
	display: block;
	width: 105px;
	height: 100px;
	background: url(images/discover.jpg) no-repeat 0px 0px;
}
A.discover-icon:hover, BODY.page-id-147 A.discover-icon
{
	background: url(images/discover_over.jpg) no-repeat 0px 0px;
}
A.define-icon
{
	width: 100px;
	background: url(images/define.jpg) no-repeat 0px 0px;
}
A.define-icon:hover, BODY.page-id-148 A.define-icon
{
	background: url(images/define_over.jpg) no-repeat 0px 0px;
}
A.design-icon
{
	width: 96px;
	background: url(images/design.jpg) no-repeat 0px 0px;
}
A.design-icon:hover, BODY.page-id-149 A.design-icon
{
	background: url(images/design_over.jpg) no-repeat 0px 0px;
}
A.develop-icon
{
	width: 106px;
	background: url(images/develop.jpg) no-repeat 0px 0px;
}
A.develop-icon:hover, BODY.page-id-150 A.develop-icon
{
	background: url(images/develop_over.jpg) no-repeat 0px 0px;
}
A.launch-icon
{
	width: 100px;
	background: url(images/launch.jpg) no-repeat 0px 0px;
}
A.launch-icon:hover, BODY.page-id-151 A.launch-icon
{
	background: url(images/launch_over.jpg) no-repeat 0px 0px;
}
A.improve-icon
{
	width: 93px;
	background: url(images/improve.jpg) no-repeat 0px 0px;
}
A.improve-icon:hover, BODY.page-id-152 A.improve-icon
{
	background: url(images/improve_over.jpg) no-repeat 0px 0px;
}
A.view-our-work
{
	display: block;
	width: 220px;
	height: 269px;
	background: url(images/portfolio_cta.jpg) no-repeat 0px 0px;
}
A.view-our-work:hover, A.view-our-work:active
{
	background: url(images/portfolio_cta_over.jpg) no-repeat 0px 0px;
	border-bottom: none !important;
}
/*Resoureces Page Styles*/
.resources-page .entry UL
{
	margin-left: 280px;
}
/*Portfolio Page Styles
PORTFOLIO HERO/GALLERY*/
#portfolio-gallery-wrap
{
	padding: 0px;
	background: #000000;
	height: 367px;
	width: 980px;
	position: relative;
}
#portfolio-gallery-wrap DIV.scrollable
{
	height: 367px;
	width: 980px;
	position: relative;
	overflow: hidden;
}
#portfolio-gallery-wrap #panel-wrap
{
	width: 20000em;
	position: absolute;
}
#portfolio-gallery-wrap .panel
{
	width: 980px;
	height: 367px;
	float: left;
}
#portfolio-gallery-wrap A.next
{
	display: block;
	width: 45px;
	height: 59px;
	background: url(images/portfolio/portfolioarrow_right_on.gif) no-repeat 0px 0px;
	position: absolute;
	top: 132px;
	right: -11px;
	z-index: 200;
}
#portfolio-gallery-wrap A.next.disabled
{
	background: url(images/portfolio/portfolioarrow_right_off.gif) no-repeat 0px 0px;
	cursor: default;
}
#portfolio-gallery-wrap A.prev
{
	display: block;
	width: 45px;
	height: 59px;
	background: url(images/portfolio/portfolioarrow_left_on.gif) no-repeat 0px 0px;
	position: absolute;
	top: 132px;
	left: -10px;
	z-index: 200;
}
#portfolio-gallery-wrap A.prev.disabled
{
	background: url(images/portfolio/portfolioarrow_left_off.gif) no-repeat 0px 0px;
	cursor: default;
}
#portfolio-gallery-wrap DL.slide
{
	width: 980px;
	height: 367px;
	position: relative;
}
#portfolio-gallery-wrap DL.slide DT.text
{
	position: absolute;
	top: 40px;
	left: 505px;
	color: #FFFFFF;
	font: 16px/24px Arial, sans-serif;
	width: 435px;
}
#portfolio-gallery-wrap DL.slide DT.text A
{
	color: #0082C0;
	text-decoration: underline;
}
#portfolio-gallery-wrap DL.slide DT.text UL
{
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 1em;
	margin-top: -0.8em;
}
#portfolio-gallery-wrap DL.slide DT.text P.slide-title
{
	font: 18px Arial, sans-serif;
	color: #F26522;
	margin: 0;
	text-transform: uppercase;
}
#portfolio-gallery-wrap DL.slide DD.hero-image
{
	position: absolute;
	top: 40px;
	left: 55px;
	width: 410px;
	height: 310px;
}
#portfolio-gallery-wrap DL.slide DD.hero-image DIV.scrollable-2
{
	width: 410px;
	height: 250px;
	overflow: hidden;
	position: relative;
}
#portfolio-gallery-wrap DL.slide DD.hero-image UL.large-image-list
{
	width: 20000em;
	position: absolute;
}
#portfolio-gallery-wrap DL.slide DD.hero-image UL.large-image-list LI
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
#portfolio-gallery-wrap DL.slide DD.action
{
	position: absolute;
	right: 70px;
	bottom: 77px;
	z-index: 125;
}
#portfolio-gallery-wrap UL.dots
{
	width: 125px;
	height: 27px;
	margin: 15px auto 0;
}
#portfolio-gallery-wrap UL.dots LI
{
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 15px;
}
#portfolio-gallery-wrap UL.dots LI A
{
	display: block;
	width: 26px;
	height: 26px;
	background: url(images/dot_orange.gif) no-repeat 0px 0px;
}
#portfolio-gallery-wrap UL.dots LI A.active
{
	background: url(images/dot_white.gif) no-repeat 0px 0px;
}
/*--portfolio page*/
DIV.portfolio-content #portfolio-div
{
	padding-top: 10px;
}
#featured-work-title
{
	width: 555px;
}
UL.portfolio-list
{
	padding: 0 0 0 0px;
	margin: 0;
}
UL.portfolio-list LI
{
	float: left;
	list-style: none;
	text-align: center;
	margin-right: 15px;
	width: 130px;
	height: 115px;
}
UL.portfolio-list LI A
{
	display: block;
	padding: 5px;
	width: 120px;
	height: 105px;
}
UL.portfolio-list LI A:hover, UL.portfolio-list LI.active A
{
	background: #000000;
	color: #FE9B00;
}
UL.portfolio-list LI IMG
{
	border: 1px solid #AAA;
	margin-bottom: 5px;
}
UL.portfolio-list LI P
{
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	font: 9px/12px Arial, sans-serif;
}
BODY.page-id-7 #row-1 DIV.col DIV.entry
{
	height: 315px;
}
BODY.page-id-7 #row-2 DIV.col DIV.entry
{
	height: 315px;
}
/*Blog page styles*/
.post
{
	margin-bottom: 50px;
}
.post H1 A
{
	border-bottom: 1px dotted #0082C0;
}
/*Sidebar Styles*/
#sidebar A, #sidebar A:link, #sidebar A:visited
{
	border-bottom: 1px solid #FFF;
	color: #C54E0B;
}
#sidebar A:focus, #sidebar A:hover, #sidebar A:active
{
	border-bottom-color: #C54E0B;
	color: #111;
}
#sidebar .sb-tools A, #sidebar .sb-tools A:link, #sidebar .sb-tools A:visited
{
	border: 0 none #000000;
	color: #C54E0B;
}
#sidebar .sb-tools A:active, #sidebar .sb-tools A:focus, #sidebar .sb-tools A:hover
{
	border: 0 none #000000;
	color: #000;
}
#sidebar .textwidget A IMG, #sidebar .textwidget A:hover IMG
{
	border: 0 none #000000;
}
.currently-viewing, #sidebar #about, #sidebar .categories, #sidebar .archives, .pagenav, #meta, .linkcat, .widget
{
	border-bottom: 1px dotted #DDD;
	margin: 0 0 8px;
	padding: 0 8px 9px;
}
.categories LI LI, .pagenav LI LI
{
	margin-left: 6px;
}
UL.sb-list
{
	margin-left: 10px;
}
.sb-title
{
	color: #434343;
	font-size: 14px;
	padding-bottom: 1px;
	text-transform: uppercase;
}
UL.sb-tools
{
	border-bottom: 1px dotted #DDD;
	margin: 9px 0;
	padding: 0 8px 9px;
}
.sb-tools LI
{
	display: block;
	min-height: 34px;
}
.sb-tools A SPAN
{
	color: #86180A;
	display: block;
	font-size: 12px;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.sb-tools A:hover SPAN
{
	color: #C54E0B;
}
.twitter-icon, .rss-icon
{
	padding-left: 65px;
	color: #111;
	line-height: 1.25em;
}
.rss-icon
{
	background: transparent url(images/rss-icon.png) no-repeat center left;
}
.sb-icon-text
{
	padding: 3px 0 0;
}
.previous-post A, .next-post A
{
	display: block;
	line-height: 1.2;
	margin: 12px 0 0;
}
.next-post A:active, .next-post A:focus, .next-post A:hover
{
	background-position: right -295px;
	border: none;
}
.previous-post A, .previous-post A:link, .previous-post A:visited
{
	background-position: 0 5px;
	padding-right: 0;
}
.previous-post A:active, .previous-post A:focus, .previous-post A:hover
{
	background-position: 0 -95px;
}
UL.group
{
	float: left;
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 150px;
}
/*COMMENTS
-------------------------------------------------------------------*/
H3#comments, H4#pings
{
	float: left;
}
H3#comments, #respond H3
{
	margin: 0 0 5px;
	font-size: 34px;
}
#respond H3
{
	margin: 18px 0 5px 28px;
}
H4#pings
{
	line-height: 1.2;
	margin: 10px 0;
	width: 150px;
}
.comments-header, .navigation
{
	border-bottom: 1px solid #AAA;
	text-shadow: 0 1px 0 #FFF;
}
.navigation
{
	background-color: #E6F0F2;
	border-top: 1px solid #FFF;
	font-size: 11px;
	height: auto;
	line-height: 28px;
	overflow: hidden;
	padding: 0 28px;
}
.comments-header
{
	background-color: #EEE;
	border-top: 1px solid #AAA;
	padding: 6px 28px;
}
.comments-header-meta
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 44px;
	padding: 4px 0 0;
}
.commentlist
{
	background-color: #F9FBFC;
	border: 28px solid #F9FBFC;
	border-top: 0 none #000000;
	font-size: 12px;
}
.pinglist
{
	margin-top: 10px;
	width: 420px;
	float: right;
}
LI.pings
{
	border-bottom: 1px solid #E6F0F2;
	border-top: 1px solid #FFF;
	margin: 0;
	padding: 4px 10px;
	width: 400px;
}
.pings:first-child
{
	border-top: none;
}
.pings:last-child
{
	border-bottom: none;
}
.comment
{
	background: transparent url(images/bg-comment.png) no-repeat 10px 19px;
	border-top: 28px solid #F9FBFC;
	border-left: 40px solid #F9FBFC;
}
.comment-body
{
	background-color: #F4F8F9;
	color: #3E5867;
	margin-left: 20px;
	padding: 17px 20px 11px;
	position: relative;
}
.comment-body IMG.avatar
{
	border: 1px solid #EEE;
	padding: 2px;
	position: absolute;
	left: -60px;
}
UL.children
{
}
.comment UL.children LI
{
	border-top: 15px solid #F9FBFC;
}
.comment-meta
{
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	position: absolute;
	right: 25px;
	top: 20px;
}
.comment-meta A
{
	color: #999;
}
.comment-author-admin
{
	background-image: url(images/bg-comment-admin.png);
}
.comment-author-admin>.comment-body
{
	background-color: #E6F0F2;
}
.comment P, .comment BLOCKQUOTE
{
	padding: 0 0 7px;
}
.comment BLOCKQUOTE P, .comment BLOCKQUOTE BLOCKQUOTE, .comment BLOCKQUOTE BLOCKQUOTE P
{
	margin: 5px;
	padding: 7px;
}
.commentlist CITE, .commentlist CITE A
{
}
.commentlist CITE A
{
}
/*Not used*/
LI.thread-alt
{
}
.comment-author
{
}
.commentlist .thread-even
{
}
.commentlist .depth-1
{
}
.commentlist .odd
{
}
.commentlist .even, .commentlist .alt
{
}
.comment-author CITE
{
	background-color: #F9FBFC;
	border-bottom: 1px dotted #E6F0F2;
	color: #666;
	display: block;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 16px;
	margin: 0 -7px 20px;
	padding: 3px 7px;
}
.comment-author-admin .comment-author CITE
{
	background-color: #F4F8F9;
	border-bottom-color: #CCC;
}
.says
{
	display: none;
}
.comment DIV EM
{
}
/*comments awaiting moderation.*/
.reply
{
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
}
A.comment-reply-link
{
	color: #666;
	display: block;
	float: right;
	padding: 2px 6px;
}
.comment-reply-link:hover
{
	background-color: #FFF;
	color: #333;
}
#respond
{
	background: url(images/content_gradient.gif) repeat-x bottom left;
	margin-top: 1px;
	overflow: hidden;
	padding: 0 0 18px;
	width: 100%;
}
#commentform
{
	padding: 18px 28px 0;
}
.cancel-comment-reply, .you-must-be-logged-in
{
	padding: 0 0 0 28px;
}
.respond-left
{
	float: left;
	width: 42%;
}
.respond-right
{
	float: left;
	width: 58%;
}
#respond LABEL
{
	display: block;
	font-size: 11px;
	height: 20px;
	margin: 3px 0 9px;
	width: 85%;
}
INPUT#author, INPUT#email, INPUT#url
{
	border: 1px solid #DDD;
	color: #999;
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 5px 3px;
	width: 85%;
}
TEXTAREA#comment
{
	border: 1px solid #DDD;
	font-family: inherit;
	height: 150px;
	margin: 0 0 9px;
	padding: 5px 3px;
	width: 100%;
}
#respond INPUT:focus, TEXTAREA#comment:focus
{
	color: #000;
	border-color: #AAA;
/*-moz-box-shadow: 3px 3px 0px rgba(238,238,238,1)*/
	-webkit-box-shadow: 3px 3px #EEE;
}
INPUT#submit
{
	background: #FB9C21 url(images/nav_gradient.gif) repeat-x center left;
	border: 1px solid #FE7700;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	padding: 2px 10px 3px;
}
/*Contact Page Styles*/
DIV#post-10 DIV.entry
{
	padding-left: 30px;
}
.cform FIELDSET LEGEND, .cform .reqtxt, .cform .emailreqtxt
{
	display: none;
}
.cform FIELDSET.cf-fs1 LABEL
{
	width: 69px;
	display: block;
	float: left;
}
.cform FIELDSET.cf-fs1 OL LI
{
	margin-bottom: 10px;
}
.cform P.cf-sb
{
	margin-left: 105px;
}
.cform P.cf-sb INPUT#sendbutton
{
	border: none;
	background: url(images/please_contact_me.jpg) no-repeat 0px 0px;
	width: 230px;
	height: 46px;
	font-size: 1px;
	padding-top: 20px;
	color: #FEA500;
	cursor: pointer;
	cursor: hand;
}
A.map_link
{
	border-bottom: none !important;
}
/*Wordpress specific CSS
-------------------------------------------------------------------*/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter IMG, .aligncenter P.wp-caption-text
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
IMG.alignleft
{
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
IMG.alignright
{
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
.entry DIV.alignleft
{
	float: left;
	margin: 0 8px 7px 0;
}
.entry UL, .entry UL LI
{
	list-style: disc;
}
.entry UL
{
	margin-left: 31px;
	margin-bottom: 11px;
}
.entry OL, .entry OL LI
{
	list-style: decimal;
}
.entry OL
{
	margin: 0px 30px 11px;
}
.entry .cform OL, .entry .cform OL LI
{
	list-style: none;
}
.entry .cform OL
{
	margin: 0px;
}
.entry UL.no-bullets, .entry UL.no-bullets LI
{
	list-style: none;
}
.entry UL.no-bullets
{
	margin-left: 0px;
}
.entry UL.no-bullets IMG
{
	vertical-align: middle;
	margin-right: 10px;
}
/*Resizes the image to the maximum width of the content area*/
.entry IMG
{
	max-width: 576px;
/*smooth image resizement in IE7+*/
	-ms-interpolation-mode: bicubic;
}
.wp-caption
{
	background-color: #F0F0F0;
	border: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 3px;
}
.wp-caption IMG
{
	border: 0 none #000000;
	margin: 0;
	padding: 0;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.more-link
{
	background-color: #F4F8F9;
	border-bottom: 1px solid #E6F0F2;
	font-size: 11px;
	padding: 5px 6px 3px;
	text-shadow: 0 1px 0 #FFF;
}
.more-link:hover
{
	background-color: #E6F0F2;
	border-bottom-color: #B3CDD8;
	color: #000;
}
/*Tables and #wp-calendar*/
TABLE
{
	color: #3E5867;
	width: 100%;
}
CAPTION
{
	background-color: #E6F0F2;
	border-top: 1px solid #E6F0F2;
	text-align: center;
}
THEAD
{
	background-color: #F4F8F9;
	text-align: center;
}
TBODY
{
	background-color: #F7F7F7;
	text-align: center;
}
TFOOT
{
	background-color: #FFF;
	text-align: left;
}
TD#next
{
	text-align: right;
}
/*GENERIC CLASSES
------------------------------------------------------------------
Beautified ampersands*/
.amp
{
	font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";
	font-style: italic;
}
/*Emphasize your name in the About-Box*/
.smaller-caps
{
	font-size: 110%;
	font-variant: small-caps;
}
.hidden
{
	display: none;
}
.hidden
{
	position: absolute;
	left: -9999em;
}
.float_left
{
	float: left;
	margin: 8px 20px 15px 0;
}
.float_right
{
	float: right;
	margin: 0 0 10px 10px;
}
.text_align_left
{
	text-align: left;
}
.text_align_center
{
	text-align: center;
}
.text_align_right
{
	text-align: right;
}
.text_justify
{
	text-align: justify;
}
.alert
{
	font-weight: bold;
	color: #F00;
}
.text_small
{
	font-size: 12px;
}
.no_display
{
	display: none;
}
.required
{
	color: #F00;
}
H3.about_title
{
	margin-top: 0;
}
/*End global CSS classes
Main Content Area Styles*/
.synotac-dots-m
{
	background: url(/images/synotac_dots_m.gif) no-repeat left 3px;
	padding-left: 30px;
	height: 28px;
}
.synotac-dots-s
{
	background: url(/images/synotac_dots_s.gif) no-repeat left center;
	padding-left: 20px;
}
/*Icon Styles*/
.user, .user:hover
{
	background: url(/images/icons/user.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.edit, .edit:hover
{
	background: url(/images/icons/edit.png) no-repeat;
	padding: 3px 0 3px 20px;
}
.email, .email:hover
{
	background: url(/images/icons/email.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.phone, .phone:hover
{
	background: url(/images/icons/phone.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.create, .create:hover
{
	background: url(/images/icons/create.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.view, .view:hover
{
	background: url(/images/icons/view.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.activate, .activate:hover
{
	background: url(/images/icons/activate.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.deactivate, .deactivate:hover
{
	background: url(/images/icons/deactivate.gif) no-repeat;
	padding: 3px 0 3px 18px;
}
.document, .document:hover
{
	background: url(/images/icons/document.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.misc, .misc:hover
{
	background: url(/images/icons/misc.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.link, .link:hover
{
	background: url(/images/icons/link.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.website, .website:hover
{
	background: url(/images/icons/website.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.delete, .delete:hover
{
	background: url(/images/icons/delete.png) no-repeat left center;
	padding: 3px 0 3px 18px;
}
.pdf, .pdf:hover
{
	background: url(/images/icons/pdf.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.word, .word:hover
{
	background: url(/images/icons/word.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.excel, .excel:hover
{
	background: url(/images/icons/excel.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.ppt, .ppt:hover
{
	background: url(/images/icons/ppt.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
.return, .return:hover
{
	background: url(/images/icons/return.gif) no-repeat;
	padding: 3px 0 3px 20px;
}
/*CLEARFIX
------------------------------------------------------------------*/
HTML .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
.clearfix:after
{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
/*TINYMCE EDITOR
------------------------------------------------------------------*/
BODY#tinyMCE
{
	text-align: left;
	font: 12px/22px Arial, sans-serif;
	width: 480px;
	padding: 20px;
	color: #353535;
	background: #FFFFFF;
}
BODY#tinyMCE UL
{
	list-style-type: disc;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 22px;
}
BODY#tinyMCE UL LI
{
	padding: 0;
	line-height: 20px;
}
BODY#tinyMCE OL
{
	list-style-type: decimal;
	padding: 0;
	margin-left: 26px;
	margin-bottom: 22px;
}
BODY#tinyMCE OL LI
{
	padding: 0;
	line-height: 20px;
}