/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Twiggle Graphics
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	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,
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;
}
a:link,a:visited {
	text-decoration:none;
}
a:focus {
	text-decoration:underline;
}
:focus {
	outline:0;
}
img {
	vertical-align:bottom;
}
legend {
	font:0/0 serif;
	height:0;
	overflow:hidden;
	text-indent:-100em;
}
ol,ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Extra Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.readerSkip {
	width:0;
	height:0;
	float:left;
	overflow:hidden;
}
.extra {
	clear:both;
	font-size:0;
	line-height:0;
	width:100%;
	overflow:hidden;
	display:block;
}
.hidden {
	display:none;
}
#jquery-overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
}
#jquery-lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}
#lightbox-container-image-box {
	position:relative;
	background:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#lightbox-container-image {
	padding:10px;
}
#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#lightbox-container-image-box > #lightbox-nav {
	left:0;
}
#lightbox-nav a {
	outline:none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:49%;
	height:100%;
	/*zoom:1;*/
	display:block;
}
#lightbox-nav-btnPrev { 
	left:0; 
	float:left;
}
#lightbox-nav-btnNext { 
	right:0; 
	float:right;
}
#lightbox-container-image-data-box {
	font:0.83em verdana,helvetica,sans-serif;
	background:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
	padding:0 10px 0;
}
#lightbox-container-image-data {
	padding:0 10px; 
	color:#666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width:70%; 
	float:left; 
	text-align:left; 
}	
#lightbox-image-details-caption {
	font-weight:bold;
}
#lightbox-image-details-currentNumber {
	display:block; 
	clear:left; 
	padding-bottom:1.0em;	
}			
#lightbox-secNav-btnClose {
	width:66px; 
	float:right;
	padding-bottom:0.7em;	
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Layout Control
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html,body {
	height:100%;
}
body {
	text-align:center;
	background:#fff;
	font:75%/1.5 "Trebuchet MS",helvetica,sans-serif;
	color:#000;
	min-width:891px;
}
#page {
	width:100%;
	background:url(../images/homebg.gif);
	margin:0 auto -66px;
	min-height:100%;
}
.about #page,
.contact #page,
.services #page,
.portfolio #page {
	background:url(../images/insidebg.gif);
}
* html #page {
	height:100%;
}
#header {
	width:100%;
	/*background:url(../images/content.gif) repeat-x left bottom;*/
}
#header .main {
	width:891px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
#wrap {
	width:100%;
	padding:25px 0 100px;
	background:#fff;
}
.about #wrap,
.contact #wrap,
.services #wrap,
.portfolio #wrap {
	padding-bottom:70px;
}
#wrap .main {
	width:891px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
#content {
	width:100%;
	overflow:hidden;
}
.services #content,
.about #content,
.contact #content {
	margin:0 310px 0 0;
	width:581px;
	float:left;
}
.sidebars {
	float:left;
	display:inline;
}
#sidebarOne {
	width:280px;
	margin:0 0 0 -280px;
}
#footer {
	width:891px;
	clear:both;
	margin:0 auto;
	text-align:left;
	color:#5d5d5d;
	font-size:.92em;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1 {
	width:308px;
	height:60px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	display:inline;
	float:left;
	margin:30px 0 55px;
}
h1 a {
	float:left;
	width:308px;
	height:60px;
	overflow:hidden;
	text-indent:-100em;
}
h1 em {
	display:block;
	clear:both;
	font:0/0 serif;
	height:0;
	overflow:hidden;
	text-indent:-100em;
}
#menu {
	margin:40px 0 0;
	float:right;
	font:.92em/2.64 "Trebuchet MS",sans-serif;
}
#menu li {
	float:left;
	background:url(../images/menu.png) no-repeat center;
}
#menu li.first {
	padding:0 0 0 10px;
	background:url(../images/menu.png) no-repeat left;
}
#menu li.last {
	padding:0 10px 0 0;
	background:url(../images/menu.png) no-repeat right;
}
#menu li a {
	color:#bfbfbf;
	float:left;
	padding:0 15px;
}
#menu li.current a,
#menu li a:hover,
#menu li a:focus {
	color:#fff;
}
#header .tagFirst {
	height:16px;
	background:url(../images/tagline-top.png) no-repeat;
}
#header .tagSecond {
	height:14px;
	background:url(../images/tagline-bottom.png) no-repeat;
}
#tagline {
	clear:both;
	padding:0 25px 12px;
	height:1%;
	background:url(../images/tagline.png);
	color:#fff;
	font:2.5em/1.2 georgia,serif;
}
.about .tagSecond,
.contact .tagSecond,
.services .tagSecond,
.portfolio .tagSecond {
	margin:0 0 60px;
}
#tagline .tag-22 {
	font-size:.73em;
}
#tagline .tag-45 {
	font-size:1.5em;
}
#header .box {
	float:left;
	width:280px;
	padding:55px 0 23px;
	margin:0 24px 0 0;
	color:#fff;
}
#header .box h2 {
	font-size:1.5em;
	line-height:1.1;
	color:#fff;
	padding:5px 0 6px 8px;
	margin:0 0 6px;
}
#header .box p {
	padding:0 10px 15px;
	font-size:.92em;
}
#header .box .continue {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 13px;
	color:#000;
	font-size:.92em;
	line-height:2.1;
	background:url(../images/button-light.png) no-repeat left top;
}
#header .box .continue span {
	float:left;
	cursor:pointer;
	padding:0 13px 0 0;
	margin:0 -13px 0 0;
	position:relative;
	background:url(../images/button-light.png) no-repeat right top;
}
#header .box .continue:hover,
#header .box .continue:focus {
	color:#000;
	background-position:left bottom;
}
#header .box .continue:hover span,
#header .box .continue:focus span {
	background-position:right bottom;
}
/*#header #enquiry h2 {
	background:url(../images/icon-links.png) no-repeat left;
}*/
#header #outsource {
	margin:0;
}
/*#header #outsource h2 {
	background:url(../images/icon-star.png) no-repeat left;
}*/
#header #quote {
	width:276px;
	margin:0;
	float:right;
}
#header #quote ul {
	width:276px;
	height:105px;
	background:url(../images/quote.png) no-repeat;
}
#header #quote ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#header #quote div {
	width:276px;
	height:37px;
	background:url(../images/quote.png) no-repeat left bottom;
}
#header #quote li {
	width:276px;
	float:left;
	clear:both;
	display:inline;
}
#header #quote li blockquote {
	color:#525252;
	padding:5px 0 10px;
	width:100%;
	position:relative;
}
#header #quote li cite {
	display:block;
	padding:0 75px 0 0;
	margin:0 0 -38px;
	position:relative;
	text-align:right;
	font-size: 11px;
	color:#d6f0f2;
	font-style:italic;
}
#header #quote li p {
	padding:5px 16px;
}
#header #quote li a {
	color:#fff;
	text-decoration:underline;
}
#header #quote li a:visited {
	color:#eee;
}
#header #quote li a:hover,
#header #quote li a:focus {
	text-decoration:none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#projects {
	width:100%;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #dadada;
}
#projects h2 {
	font:1.80em georgia,serif;
	font-style:italic;
	color:#b4fdff;
	padding:0 0 25px;
}
#projects ul li {
	float:left;
	width:280px;
	margin:0 0 18px;
}
#projects ul li.second {
	margin:0 25px 18px;
}
#projects ul li .thumb {
	display:block;
	border:1px solid #dadada;
	padding:1px;
	margin:0 0 25px;
	background:#fff;
}
#projects ul li .thumb:hover,
#projects ul li .thumb:focus {
	border-color:#ddd;
}

#projects ul li .thumbhome {
	display:block;
	border:1px solid #dadada;
	padding:1px;
	margin:0 0 25px;
	background:#fff;
}
#projects ul li .thumbhome:hover,
#projects ul li .thumbhome:focus {
	border-color:#ddd;
}
#projects ul li .thumbinside {
	display:block;
	border:1px solid #dadada;
	padding:1px;
	margin:0 0 0px;
	background:#fff;
}
#projects ul li .thumbinside:hover,
#projects ul li .thumbinside:focus {
	border-color:#ddd;
}

#projects ul li h3 {
	font-size:1.17em;
	margin:0 2px 15px;
}
#projects ul li p {
	padding:0 0 10px;
	font-size:.92em;
}
#projects ul li a {
	color:#00aab5;
	text-decoration:underline;
}
#projects ul li a:visited {
	color:#6fd9dc;
}
#projects ul li a:hover,
#projects ul li a:focus {
	text-decoration:none;
}
#about {
	width:100%;
	clear:both;
	padding:25px 0 0;
}
#about h2 {
	font:1.80em georgia,serif;
	font-style:italic;
	color:#000;
	margin:0 0 25px;
}
#about p {
	padding:0 0 25px;
}
#about a {
	color:#00aab5;
	text-decoration:underline;
}
#about a:visited {
	color:#00aab5;
}
#about a:hover,
#about a:focus {
	text-decoration:none;
}
.sidebars .contact,
#about #contact {
	float:right;
	width:276px;
	width/**/:/**/246px;
	padding:10px 15px 0;
	margin:0 0 0 25px;
	background:#e8e8e8 url(../images/contact-bg.png) no-repeat;
}
* html #about #contact {
	margin:0 0 0 22px;
}
.sidebars .contact {
	margin:0;
}
.sidebars .contact h2,
#about #contact h2 {
	font:bold 1.25em "Trebuchet MS",arial,sans-serif;
	color:#232323;
	margin:0 0 5px;
}
.sidebars .contact p,
#about #contact p {
	color:#3f3f3f;
	padding:0 0 10px;
	font-size:.92em;
}
.sidebars .contact a,
#about #contact a {
	color:#9d9d9d;
	font-size:.82em;
}
.sidebars .contact a:visited,
#about #contact a:visited {
	color:#007a88;
}
.sidebars .contact .generalForm,
#about #contact .generalForm {
	width:276px;
	width/**/:/**/246px;
	margin:0 -15px;
	padding:0 15px 12px;
	background:url(../images/contact-bg.png) no-repeat right bottom;
}
.sidebars .contact .generalForm .formInput,
#about #contact .generalForm .formInput {
	font-size:.92em;
	color:#747474;
	width:246px;
	width/**/:/**/234px;
	height:20px;
	height/**/:/**/15px;
	padding:3px 5px 0;
	margin:0 0 8px;
	border:1px solid #c3c3c3;
	border-top-color:#7c7c7c;
	background:#fff url(../images/contact-input.gif) repeat-x;
}
.sidebars .contact .generalForm #formName,
#about #contact .generalForm #formName {
	width:118px;
	width/**/:/**/106px;
	float:left;
}
.sidebars .contact .generalForm #formEmail,
#about #contact .generalForm #formEmail {
	width:118px;
	width/**/:/**/106px;
	float:right;
}
.sidebars .contact .generalForm .formSubmit,
#about #contact .generalForm .formSubmit {
	float:right;
	clear:both;
	width:98px;
	height:21px;
	padding:0;
	border:none;
	background:url(../images/contact-submit.png) no-repeat;
	text-align:center;
	font-size:.92em;
	color:#fff;
	cursor:pointer;
}

.about #content h2,
.contact #content h2,
.services #content h2,
.portfolio #content h2 {
	font:1.80em georgia,serif;
	font-style:italic;
	padding:0 0 25px;
}
.services #content #services li {
	margin:0 0 22px;
}
.services #content #services li em {
	padding:0 0 0 27px;
	background:url(../images/arrow.gif) no-repeat 6px 6px;
	font:bold 1.33em "Trebuchet MS",arial;
	color:#00aab5;
}

.portfolio #content #portfolio li {
	width:100%;
	overflow:hidden;
	clear:both;
	float:left;
	padding:0 0 18px;
}
.portfolio #content #portfolio li .thumb {
	float:left;
	border:1px solid #dadada;
	padding:1px;
	background:#fff;
}
.portfolio #content #portfolio li .thumb:hover,
.portfolio #content #portfolio li .thumb:focus {
	border-color:#ddd;
}
.portfolio #content #portfolio li .thumbhome {
	float:left;
	border:1px solid #dadada;
	padding:1px;
	background:#fff;
}
.portfolio #content #portfolio li .thumbhome:hover,
.portfolio #content #portfolio li .thumbhome:focus {
	border-color:#ddd;
}
.portfolio #content #portfolio li .thumbinside {
	float:left;
	border:1px solid #dadada;
	padding:1px;
	background:#fff;
}
.portfolio #content #portfolio li .thumbinside:hover,
.portfolio #content #portfolio li .thumbinside:focus {
	border-color:#ddd;
}

.portfolio #content #portfolio li div {
	float:right;
	width:305px;
	width/**/:/**/275px;
	height:150px;
	padding:8px 15px 10px;
	background:#e8e8e8;
}
.portfolio #content #portfolio li h3 {
	font-size:1.17em;
	margin:0 0 10px;
}
.portfolio #content #portfolio li h4 {
	font-size:.92em;
	font-weight:normal;
	margin:0 0 5px;
}
.portfolio #content #portfolio li p {
	padding:0 0 5px;
	font-size:.92em;
	line-height:1.3;
}
.portfolio #content #portfolio li ul {
	font-size:.92em;
}
.portfolio #content #portfolio li ul li {
	float:none;
	display:inline;
	padding:0 5px 0 0;
	clear:none;
	width:auto;
}
.about #content a,
.portfolio #content #portfolio li a {
	color:#00aab5;
	padding:0 5px 0 0;
	text-decoration:underline;
}
.about #content a:visited,
.portfolio #content #portfolio li a:visited {
	color:#00aab5;
}
.about #content a:hover,
.about #content a:focus,
.portfolio #content #portfolio li a:hover,
.portfolio #content #portfolio li a:focus {
	text-decoration:none;
}

.about #content p,
.contact #content p {
	padding:0 0 20px;
}
.contact #content .generalForm {
	background:#e7e7e7;
	padding:18px;
}
.contact #content .generalForm .formSelect,
.contact #content .generalForm .formInput {
	font-size:.92em;
	color:#2e2e2e;
	width:266px;
	width/**/:/**/254px;
	height:20px;
	height/**/:/**/15px;
	padding:3px 5px 0;
	margin:0 0 14px;
	border:1px solid #c3c3c3;
	border-top-color:#7c7c7c;
	background:#fff url(../images/contact-input.gif) repeat-x;
}
.contact #content .generalForm #formName,
.contact #content .generalForm #formEmail {
	float:left;
}
.contact #content .generalForm #formCompany {
	float:right;
}
.contact #content .generalForm .formSelect {
	float:right;
	font-size:1.1em;
	width:266px;
	height:auto;
	padding:0;
}
.contact #content .generalForm .formText {
	font:.92em arial,sans-serif;
	color:#2e2e2e;
	width:545px;
	width/**/:/**/533px;
	padding:3px 5px 0;
	height:98px;
	height/**/:/**/95px;
	margin:0 0 12px;
	display:block;
	clear:both;
	border:1px solid #c3c3c3;
	border-top-color:#7c7c7c;
	background:#fff url(../images/contact-input.gif) repeat-x;
}
.contact #content .generalForm .formSubmit {
	display:block;
	clear:both;
	width:98px;
	height:21px;
	padding:0;
	border:none;
	background:url(../images/contact-submit-2.png) no-repeat;
	text-align:center;
	font-size:.92em;
	color:#fff;
	cursor:pointer;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Sidebar(s)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sidebars a {
	color:#774525;
}
.sidebars a:visited {
	color:#999;
}
.sidebars a:hover,
.sidebars a:focus {
	text-decoration:underline;
}
.columns {
	width:100%;
}
.columns h2 {
	clear:both;
	font:bold 1.33em "Trebuchet MS",arial;
	margin:0 0 20px;
}
.projects {
	padding:0 0 15px;
}
.projects ul {
	overflow:hidden;
}
.projects ul li {
	margin:0 0 8px;
	width:100%;
	float:left;
	display:inline;
}
.projects ul li a {
	display:block;
	border:1px solid #dadada;
	padding:1px;
	background:#fff;
}
.projects ul li a:hover,
.projects ul li a:focus {
	border-color:#ddd;
}
.quote:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.quote h2 {
	font:2.5em/2 georgia,serif;
	padding:0 0 0 50px;
	margin:0 0 0 -8px;
	height:1%;
	position:relative;
	background:url(../images/icon-star-dark.png) no-repeat 0;
}
.contact .quote h2 {
	color:#fffcaf;
}
.quote p {
	padding:0 0 15px 2px;
}
.quote .continue {
	float:left;
	margin:0 0 0 2px;
	padding:0 0 0 13px;
	color:#000;
	font-size:.92em;
	line-height:2.1;
	background:url(../images/button-dark.png) no-repeat left top;
}
.quote .continue span {
	float:left;
	cursor:pointer;
	padding:0 13px 0 0;
	margin:0 -13px 0 0;
	position:relative;
	background:url(../images/button-dark.png) no-repeat right top;
}
.quote .continue:hover,
.quote .continue:focus {
	color:#000;
	background-position:left bottom;
	text-decoration:none;
}
.quote .continue:hover span,
.quote .continue:focus span {
	background-position:right bottom;
}
.testimonials {
	width:274px;
	margin:0 0 30px;
	float:right;
	font-size:.92em;
}
.testimonials ul {
	width:274px;
	height:105px;
	background:#d6f0f2 url(../images/about-quote.png) no-repeat right top;
}
.testimonials ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.testimonials div {
	width:274px;
	height:36px;
	background:url(../images/about-quote.png) no-repeat left bottom;
}
.testimonials li {
	width:274px;
	float:left;
	clear:both;
	display:inline;
}
.testimonials li blockquote {
	color:#393939;
	padding:5px 0 15px;
	width:100%;
	position:relative;
}
.testimonials li cite {
	display:block;
	padding:0 75px 0 0;
	margin:0 0 -38px;
	position:relative;
	text-align:right;
	font-size: 11px;
	color:#a8a8a8;
	font-style:italic;
}
.testimonials li p {
	padding:5px 16px;
}
.sidebars .testimonials li a {
	color:#fff;
	text-decoration:underline;
}
.sidebars .testimonials li a:visited {
	color:#eee;
}
.sidebars .testimonials li a:hover,
.sidebars .testimonials li a:focus {
	text-decoration:none;
}
.sidebars .info {
	/*border-top:1px solid #404040;*/
	margin:0px 0 0;
	padding:0px 0 0;
	clear:both;
}
.sidebars .info h2 {
	font-size:1.3em;
}
.sidebars .info ul {
	font-size:1em;
}
.sidebars .info ul li {
	margin:0 0 10px;
}

.sidebars .info a {
	color:#000;
}

.sidebars .info a:hover, a:focus {
	color:#00aab5;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer a {
	color:#8f8f8f;
}
#footer a:visited {
	color:#777;
}
#footer a:hover,
#footer a:focus {
	color:#00aab5;
}
#footer ul {
	padding:18px 0 30px;
	overflow:hidden;
	border-top:1px solid #dadada;
}
#footer ul li.copyright {
	float:left;
}
#footer ul li.info {
	float:right;
}