/*-----------------------------------------------------------*/
/* File: styles.css
/* Project: Bigwig Monster Media
/* Author: Matt Johnston
/* Created: 2011-02-16
/*-----------------------------------------------------------*/

/* reset styles ---------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dd,dt,p,form,div,pre,code,fieldset,legend,input,textarea,blockquote,th,td { margin: 0px; padding: 0px; }
ul, li { margin: 0px; padding: 0px; list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0px; }
object,fieldset,iframe { border: none; }
* :focus { outline: 0; }
/*-----------------------------------------------------------*/

/* basic site styles ----------------------------------------*/
body { font: normal 12px/18px 'droid sans','arial','sans-serif'; color: #000000; background: #FFFFFF; }
a { color: #1AC1AF; text-decoration: none; }
a:hover { color: #1AC1AF; text-decoration: none; }
h1 span { display: none; }
p { padding-bottom: 10px; }
.clear, .clear10, .clear20 { height: 0px; line-height: 0px;	font-size: 0px; clear: both; }
.clear10 { height: 10px; }
.clear20 { height: 20px; }
.clear40 { height: 40px; }
.wrapperOuter { position: relative; z-index: 50; } /* needed for dynamic leads */
.wrapperInner { width: 940px; margin: 0px auto; position: relative; z-index: 500; }
hr.dotted { height: 1px; margin: 0px; border: none; background: url('../images/hr-dotted.gif') repeat-x; }
.linkArrow_1 { height: 15px; padding-right: 20px; font: normal 12px/15px 'droid sans','arial','sans-serif'; background: url('../images/link-arrows.gif') right 0px no-repeat; }
.linkArrow_2 { height: 15px; padding-right: 20px; font: normal 12px/15px 'droid sans','arial','sans-serif'; background: url('../images/link-arrows.gif') right -30px no-repeat; }
.linkArrow_3 { height: 15px; padding-right: 20px; font: normal 12px/15px 'droid sans','arial','sans-serif'; background: url('../images/link-arrows.gif') right -60px no-repeat; }
.floatL { float: left; }
.floatR { float: right; }
.hidden { display: none; }
/*-----------------------------------------------------------*/

/* dynamic lead ---------------------------------------------*/
.dynamicLead {
	width: 100%;
	position: absolute;
		top: 0px;
		left: -530px;
	overflow: hidden;
}
.dl { width: 100%; height: 485px; position: absolute; top: 0px; left: 0px; }
.dl1 {
	background: #FFFFFF url('../images/dynamic-lead-4.jpg') center 0px no-repeat;
	z-index: 30;
}
.dl2 {
	background: #FFFFFF url('../images/dynamic-lead-1.jpg') center 0px no-repeat;
	z-index: 20;
}
.dl3 {
	background: #FFFFFF url('../images/dynamic-lead-3.jpg') center 0px no-repeat;
	z-index: 10;
}
.dlPaging {
	position: absolute;
		top: 520px;
		right: 0px;
	z-index: 5000;
}
.dlPaging a.dlLink {
	width: 18px;
	height: 18px;
	margin-left: 3px;
	float: left;
	border: 2px solid #1AC1AF;
	display: block;
}
.dlPaging a.dlCurr, .dlPaging a.dlLink:hover {
	width: 12px;
	height: 12px;
	margin-left: 3px;
	float: left;
	border: 5px solid #1AC1AF;	
	display: block;
}
/*-----------------------------------------------------------*/

/* header ---------------------------------------------------*/
.header {
	height: 130px;
}
.header .logo {
	width: 226px;
	height: 73px;
	margin-top: 20px;
	float: left;
	background: url('../images/header-logo.png') no-repeat;
	z-index: 150;
}
.header .logo span { display: none; }
.header .navigation {
	margin-top: 30px;
	float: right;
	display: none;
}
.header .navigation a.link {
	width: 100px;
	height: 52px;
	float: left;
	display: block;
	position: relative;
	border-bottom: 5px solid #000000;
	font: bold 15px/17px 'droid sans','arial','sans-serif';
	color: #000000;
	text-decoration: none;	
	background: url('../images/header-navigation-dots.gif') repeat-y;
}
.header .navigation a.link:hover {
	padding-bottom: 5px;
}
.header .navigation a.link:active {
	color: #1AC1AF;
}
.header .navigation a.linkCurrent {
	border-bottom: 5px solid #1AC1AF;
}
.header .navigation a.linkCurrent:hover {
	padding-bottom: 0px;
	border-bottom: 5px solid #1AC1AF;
}
.header .navigation a.linkContact {
	width: 101px;
	background: url('../images/header-navigation-dots-contact.gif') repeat-y;
}
.header .navigation a.link span {
	position: absolute;
		bottom: 5px;
		left: 10px;
}
.end { margin-right: 0px; }
/*-----------------------------------------------------------*/

/* BULLSHIT -------------------------------------------------*/
.header ul.navigation2 {
	float: right;
}
.header ul.navigation2 li { 
	padding-left: 30px;
	float: left;
}
.header ul.navigation2 li a.link {
	padding-top: 25px;
	font: bold 15px/17px 'droid sans','arial','sans-serif';
	color: #000000;
	text-decoration: none;
	text-shadow: #FFFFFF 1px 1px 1px;
	display: block;
}
.header ul.navigation2 li a.link:hover {
	padding-top: 20px;
	border-top: 5px solid #1AC1AF;
}
.header ul.navigation2 li a.linkCurrent, .header ul.navigation2 li a.linkCurrent:hover {
	padding-top: 20px;
	border-top: 5px solid #000000;
	cursor: default;
}
/*-----------------------------------------------------------*/

/* content --------------------------------------------------*/
.content { }
/*-----------------------------------------------------------*/

/* main -----------------------------------------------------*/
#pag_main {
	
}
#pag_main h1 { display: none; }
#pag_main h2 {
	margin: 20px 0px;
	font: bold 53px/53px 'droid sans','arial','sans-serif';	
}
#pag_main h3 {
	margin: 10px 0px;
	font: normal 23px/23px 'droid sans','arial','sans-serif';	
}
#pag_main .leadContainer {
	width: 940px;
	height: 355px;
	/*background: #CCCCCC url('../images/temp-pattern.gif');*/
	position: relative;
	display: block;
}

/* WORK SECTION */
#pag_main .sectionWork {
	
}
#pag_main .sectionWork .primary {
	width: 460px;
	margin-right: 20px;
	float: left;
}
#pag_main .sectionWork .primary .workContent {
	height: 467px;
	margin: 10px 0px;
	position: relative;
}
#pag_main .sectionWork .primary .workContent .tn {
	height: 344px;
	margin-bottom: 10px;
	background: #CCCCCC url('../images/temp-pattern.gif');
	display: block;
}
#pag_main .sectionWork .secondary .workContent .tn {
	height: 100px;
	margin-bottom: 10px;
	background: #CCCCCC url('../images/temp-pattern.gif');
	display: block;
}
#pag_main .sectionWork .primary .workContent .workDetails, #pag_main .sectionWork .secondary .workContent .workDetails {
	border-top: 3px solid #000000;
}
#pag_main .sectionWork .primary .workContent .workDetails .detailsTitle, #pag_main .sectionWork .secondary .workContent .workDetails .detailsTitle {
	margin: 10px 0px;
	display: block;
	font: bold 14px/16px 'droid sans','arial','sans-serif';
	color: #000000;
}
#pag_main .sectionWork .secondary {
	width: 460px;
	height: 488px;
	float: left;
}
#pag_main .sectionWork .secondary .workContainer {
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
#pag_main .sectionWork .secondary .work_1 {
	margin-bottom: 10px;
}
#pag_main .sectionWork .secondary .work_2 {
	margin-right: 0px;
	margin-bottom: 10px;
}
#pag_main .sectionWork .secondary .work_3  {
	margin-bottom: 0px;
}
#pag_main .sectionWork .secondary .work_4 {
	margin-right: 0px;
	margin-bottom: 0px;
}
#pag_main .sectionWork .secondary .workContent {
	height: 223px;
	position: relative;
}
#pag_main .sectionWork .secondary .work_1 .workContent, #pag_main .sectionWork .secondary .work_2 .workContent {
	margin-top: 10px;
	margin-bottom: 10px;
}
#pag_main .sectionWork .secondary .work_3 .workContent, #pag_main .sectionWork .secondary .work_4 .workContent {
	margin-bottom: 10px;
}
#pag_main .sectionWork .workContent a.viewProject {
	position: absolute;
		right: 0px;
		bottom: 0px;
}

/* TEAM SECTION */
#pag_main .sectionTeam {
	margin: 20px 0px;
}
#pag_main .sectionTeam .teamDetails {
	width: 296px;
	margin-right: 0px;
	float: left;
}
#pag_main .sectionTeam .teamDetails span.love {
	color: #C00000;
}
#pag_main .sectionTeam .teamDetails .detailsTitle {
	font: normal 23px/30px 'droid sans','arial','sans-serif';
	margin-bottom: 10px;
}
#pag_main .sectionTeam .teamTN {
	width: 634px;
	height: 418px;
	float: left;
	background: url('../images/home-theteam.jpg') no-repeat;
}
#pag_main .sectionTeam a.moreAboutUs {
	height: 31px;
	padding: 10px 40px 0px 0px;
	float: left;
	display: block;
	font: normal 20px/20px 'droid sans','arial','sans-serif';
	background: url('../images/paging-arrows.gif') right -123px no-repeat;
}

/* TWITTER SECTION */
#pag_main .sectionTwitter {
	width: 460px;
	margin-right: 20px;
	float: left;
}
#pag_main .sectionTwitter .twitterContent {
	height: 82px;
	padding: 10px 0px;
	font: normal 18px/20px 'droid sans','arial','sans-serif';
}
#pag_main .sectionTwitter .twitterContent .timeTweeted {
	font-style: italic;
	color: #CCCCCC;
}
#pag_main .sectionTwitter h3, #pag_main .sectionPhotos h3 {
	margin: 0px;
	padding: 10px 0px;
	position: relative;
	overflow: hidden;
}
#pag_main .sectionTwitter a.twitterFollow, #pag_main .sectionPhotos a.morePhotos {
	font-style: italic;
	/*color: #35CFFF;*/
	color: #000000;
}
#pag_main .sectionTwitter a.twitterFollow span, #pag_main .sectionPhotos a.morePhotos span {
	display: none;
	font-style: italic;
	color: #CCCCCC;
}
#pag_main .sectionTwitter a.twitterFollow span {
	color: #35CFFF;
}
#pag_main .sectionPhotos a.morePhotos span {
	color: #005EDF;
}
#pag_main .sectionPhotos a.morePhotos span span {
	color: #FF0784;
}
#pag_main .sectionTwitter a.twitterFollow:hover span, #pag_main .sectionPhotos a.morePhotos:hover span {
	display: inline;
}
/* PHOTOS SECTION */
#pag_main .sectionPhotos {
	width: 460px;
	float: left;
}
#pag_main .sectionPhotos .photosContent {
	padding: 10px 0px;
}
#flickr_badge_uber_wrapper { }
#flickr_badge_wrapper { }
.flickr_badge_image { width: 82px; height: 82px; float: left; margin-right: 10px; position: relative; }
.flickr_badge_image a { width: 82px; height: 82px; display: block; }
.flickr_badge_image img { width: 82px; height: 82px; border: none; }
.flickr_badge_image .tnHover {
	width: 74px;
	height: 74px;
	border: 4px solid #1AC1AF;
	position: absolute;
		top: 0px;
		left: 0px;
	display: none;
}
.flickr_badge_image:hover .tnHover {
	display: block;
}
/*-----------------------------------------------------------*/

/* universal sub pages styles -------------------------------*/
h1 {
	margin: 0px 0px 12px 0px;
	font: bold 53px/53px 'droid sans','arial','sans-serif';
}
.subContent { padding: 20px 0px 40px 0px; overflow: hidden; }
ul.subNavigation {
	position: absolute;
		top: -8px;
		right: 0px;
	font: normal 14px/16px 'droid sans','arial','sans-serif';
	color: #CCCCCC;
}
ul.subNavigation li {
	margin-left: 20px;
	float: left;
}
ul.subNavigation li a {
	color: #CCCCCC;
}
ul.subNavigation li a:hover, ul.subNavigation li a.subLinkCurrent {
	color: #1AC1AF;
}
ul.subNavigation .linkIcons {
	
}
.icon { width: 40px; height: 40px; margin: 0px auto; background: url('../images/icons.png') no-repeat; }
.viewAllIcon { background-position: 0px 0px; }
.websiteIcon { background-position: 0px -40px; }
.applicationIcon { background-position: 0px -80px; }
.brandingIcon { background-position: 0px -120px; }
.teamIcon { background-position: 0px -160px; }
.companyIcon { background-position: 0px -200px; }
.quoteIcon { background-position: 0px -240px; }
.allWorkIcon { background-position: 0px -280px; }
.blockDetails .websiteIcon { background-position: -40px -40px; }
.blockDetails .applicationIcon { background-position: -40px -80px; }
.blockDetails .brandingIcon { background-position: -40px -120px; }
/*-----------------------------------------------------------*/

/* work -----------------------------------------------------*/
#pag_work { position: relative; overflow: hidden; }
#pag_work .workListing { width: 960px; }
#pag_work .workBlock {
	width: 460px;
	height: 260px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	background: #CCCCCC url('../images/temp-pattern.gif');
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
#pag_work .workBlock .blockBorder {
	width: 460px;
	height: 260px;
	position: absolute;
		top: 0px;
		left: 0px;
}
#pag_work h2 {
	margin: 20px 0px;
	font: bold 53px/53px 'droid sans','arial','sans-serif';
}
#pag_work .logoList {
	width: 935px;
	height: 47px;
	margin: 0px auto;
	background: url('../images/work-logos.gif') no-repeat;
}
#pag_work .logoList span { display: none; }

#pag_work .workBlock .blockDetails {
	width: 440px;
	padding: 10px;
	position: absolute;
		top: 260px;
		left: 0px;
	background: #1AC1AF;
}
#pag_work .workBlock .workTitle {
	font: normal 20px/22px 'droid sans','arial','sans-serif';
	color: #FFFFFF;
}
#pag_work .workBlock .workExcerpt {
	color: #FFFFFF;
}
/*
#pag_work ul.subNavigation li a.navWebsites { color: #a61abe; }
#pag_work ul.subNavigation li a.navApplications { color: #bf6b1a; }
#pag_work ul.subNavigation li a.navBranding { color: #72bd19; }
*/
/*
#pag_work .websiteBlock { border-left: 4px solid #a61abe; }
#pag_work .applicationBlock { border-left: 4px solid #bf6b1a; }
#pag_work .brandingBlock { border-left: 4px solid #72bd19; }
*/
/*-----------------------------------------------------------*/

/* work single ----------------------------------------------*/
#pag_work_sing { position: relative; }
#pag_work_sing h2 { margin-bottom: 10px; font: normal 23px/23px 'droid sans','arial','sans-serif'; }
#pag_work_sing .subContent { height: 656px; }
#pag_work_sing .projPreview {
	width: 540px;
	height: 543px;
	margin-right: 20px;
	float: left;
}
#pag_work_sing .projPreview .tnLg {
	width: 540px;
	height: 450px;
	margin-bottom: 0px;
	background: #CCCCCC url('../images/temp-pattern.gif');
	position: relative;
	overflow: hidden;
}
#pag_work_sing .projPreview .tnLg img {
	position: absolute;
		top: 450px;
		left: 0px;
}
#pag_work_sing .projPreview .thumbContainer {
	height: 93px;
	position: relative;
	overflow: hidden;
}
#pag_work_sing .projPreview .tnSm {
	width: 100px;
	height: 83px;
	position: absolute;
		top: 10px;
	background: #FFFFFF url('../images/work-currthumb.gif') 0px 0px no-repeat;
	display: block;
}
#pag_work_sing .projPreview .tnSm img { 
	position: absolute;
		top: 0px;
		left: 0px; 
	cursor: pointer;
}
#pag_work_sing .projDetails {
	width: 380px;
	float: left;
}
#pag_work_sing .projDetails ul {
	margin: 0px 0px 10px 20px;
}
#pag_work_sing .projDetails ul li {
	margin-bottom: 5px;
	list-style-type: square;
	color: #1AC1AF;
}
#pag_work_sing .projDetails ul li span { color: #000000; }
#pag_work_sing a.visitSite {
	height: 31px;
	padding: 10px 40px 0px 0px;
	float: left;
	display: block;
	font: normal 20px/20px 'droid sans','arial','sans-serif';
	background: url('../images/paging-arrows.gif') right -123px no-repeat;
}
/*-----------------------------------------------------------*/

/* company --------------------------------------------------*/
#pag_comp { position: relative; }
#pag_comp .companyContainer {
	
}
#pag_comp .companyContainer .pictureCollage {
	
}
#pag_comp .companyContainer .pictureCollage .pic { 
	overflow: hidden; 
	background: url('../images/temp-pattern.gif');
}
#pag_comp .companyContainer .pictureCollage .pic1 {
	width: 469px;
	height: 320px;
	margin-right: 2px;
	float: left;
}
#pag_comp .companyContainer .pictureCollage .picContainer {
	width: 468px;
	height: 320;
	margin-bottom: 20px;
	float: left;
}
#pag_comp .companyContainer .pictureCollage .pic2 {
	width: 469px;
	height: 160px;
	margin-bottom: 2px;
	
}
#pag_comp .companyContainer .pictureCollage .pic3 {
	width: 233px;
	height: 158px;
	margin-right: 2px;
	float: left;
}
#pag_comp .companyContainer .pictureCollage .pic4 {
	width: 233px;
	height: 158px;
	float: left;
}
#pag_comp .companyContainer h2 {
	margin-bottom: 10px;
	font: normal 23px/23px 'droid sans','arial','sans-serif';
}
#pag_comp .companyContainer .teamPic {
		width: 260px;
		margin-left: 20px;
		padding-top: 220px;
		float: right;
		background: url('../images/company-theteam.gif') no-repeat;
}
#pag_comp .teamContainer {
	height: 722px;
	padding: 20px 0px 40px 0px;
	position: relative;
	overflow: hidden;
	display: none;
}
#pag_comp .teamContainer .teamMember {
	position: absolute;
		top: 20px;
		left: 0px;
}
#pag_comp .teamContainer .teamMember .photo {
	width: 470px;
	height: 700px;
	margin-right: 50px;
	float: left;	
}
#pag_comp .teamContainer .teamMember .details {
	width: 420px;
	margin-top: 60px;
	float: left;
}
#pag_comp .teamContainer .teamMember .details h3 {
	margin: 10px 0px;
	font: bold 33px/33px 'droid sans','arial','sans-serif';
}
#pag_comp .teamContainer .teamMember .details h4 {
	margin: 10px 0px;
	font: normal 23px/23px 'droid sans','arial','sans-serif';
}
#pag_comp .teamContainer .teamMember .details h4.title { margin-bottom: 20px; }
#pag_comp .teamContainer .teamMember .details ul {
	margin-left: 20px;
}
#pag_comp .teamContainer .teamMember .details ul li {
	margin-bottom: 5px;
	list-style-type: square;
	color: #1AC1AF;
}
#pag_comp .teamContainer .teamMember .details ul li span {
	color: #000000;
}
#pag_comp .teamContainer #team-luke {
	top: 20px;
}
#pag_comp .teamContainer #team-luke .photo {
	background: url('../images/team-luke.jpg') no-repeat;
}
#pag_comp .teamContainer #team-tuan {
	top: -700px;
}
#pag_comp .teamContainer #team-tuan .photo {
	background: url('../images/team-tuan.jpg') no-repeat;
}
#pag_comp .teamContainer #team-matt {
	top: -700px;
}
#pag_comp .teamContainer #team-matt .photo {
	background: url('../images/team-matt.jpg') no-repeat;
}
#pag_comp .companyContainer {
	height: 720px;
	padding: 20px 0px 40px 0px;
	position: relative;
	overflow: hidden;
	display: block;
}
#pag_comp .subContent { padding: 0px; }
/*-----------------------------------------------------------*/

/* services -------------------------------------------------*/
#pag_serv { position: relative; overflow: hidden; font: normal 14px/18px 'droid sans','arial','sans-serif'; }
#pag_serv h2 { margin: 20px 0px; font: bold 53px/53px 'droid sans','arial','sans-serif'; }
#pag_serv ul.servicesList { width: 960px; }
#pag_serv ul.servicesList li {
	width: 460px;
	margin: 0px 20px 20px 0px;
	float: left;
}
#pag_serv ul.servicesList li h3 {
	margin-bottom: 5px;
	font: normal 23px/23px 'droid sans','arial','sans-serif';
}
#pag_serv ul.servicesList li .serviceThumb {
	width: 460px;
	height: 220px;
	margin-bottom: 10px;
	background: #CCCCCC url('../images/services-thumbnails.jpg');
	display: block;
}
#pag_serv ul.servicesList li #serviceWebDev { }
#pag_serv ul.servicesList li #serviceECommerce { background-position: 0px -220px; }
#pag_serv ul.servicesList li #serviceSEO { background-position: 0px -440px; }
#pag_serv ul.servicesList li #serviceApplications { background-position: 0px -660px; }
#pag_serv ul.servicesList li #serviceCMS { background-position: 0px -880px; }
#pag_serv ul.servicesList li #serviceWP { background-position: 0px -1100px; }
#pag_serv ul.servicesList li #serviceBranding { background-position: 0px -1320px; }
#pag_serv ul.servicesList li #servicePrintDesign { background-position: 0px -1540px; }
#pag_serv ul.servicesList li .serviceDetails { }
/*-----------------------------------------------------------*/

/* contact --------------------------------------------------*/
#pag_cont { position: relative; font: normal 14px/18px 'droid sans','arial','sans-serif'; }
#pag_cont .contactForm {
	width: 600px;
	margin-right: 40px;
	float: left;
}
#pag_cont .contactForm .fieldSm {
	width: 290px;
	margin-right: 20px;
	float: left;
}
#pag_cont .contactForm .fieldSm .formTitle, #pag_cont .contactForm .fieldLg .formTitle { margin-bottom: 5px; }
#pag_cont .contactForm .fieldSm .formInputText {
	width: 280px;
	height: 30px;
	padding: 0px 4px;
	border: 1px solid #000000;
	font: normal 14px/14px 'droid sans','arial','sans-serif';
}
#pag_cont .contactForm .end { margin-right: 0px; }
#pag_cont .contactForm .fieldLg {
	width: 600px;
}
#pag_cont .contactForm .fieldLg .formTextarea {
	width: 590px;
	height: 192px;
	padding: 4px;
	border: 1px solid #000000;
	font: normal 14px/18px 'droid sans','arial','sans-serif';
}
#pag_cont .contactDetails {
	width: 300px;
	margin-top: 23px;
	float: left;
}
#pag_cont .contactDetails .detailsMap {
	width: 300px;
	height: 165px;
	margin-bottom: 40px;
	display: block;
	background: url('../images/contact-map.jpg') no-repeat;
}
#pag_cont h3 { font: bold 16px/18px 'droid sans','arial','sans-serif'; }
#pag_cont .phoneText { width: 50px; float: left; font-weight: bold; }
#pag_cont .phoneNum { width: 100px; float: left; }
#pag_cont .contactForm .fieldSm .errorField, #pag_cont .contactForm .fieldLg .errorField {
	border: 1px solid #C10000;
}
#pag_cont .contactForm .fieldSm .fieldFocus, #pag_cont .contactForm .fieldLg .fieldFocus { border: 1px solid #1AC1AF; }
#pag_cont .contactForm .errorMsg {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #C10000;
	font: normal 11px/13px 'droid sans','arial','sans-serif';
	color: #C10000; 
	background: url('../images/error-bg.jpg');
	position: relative;
	
	display: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pag_cont .contactForm .errorMsg .tail {
	width: 11px;
	height: 6px;
	position: absolute;
		top: -6px;
		left: 16px;
	background: url('../images/error-tail.gif') no-repeat;
}
#pag_cont .contactForm a.formSubmit {
	height: 31px;
	padding: 10px 40px 0px 0px;
	float: right;
	display: block;
	font: normal 20px/20px 'droid sans','arial','sans-serif';
	background: url('../images/paging-arrows.gif') right -123px no-repeat;
}
#pag_cont .note {
	width: 460px;
	margin-top: 10px;
	font: italic 11px/13px 'droid sans','arial','sans-seruf';
	color: #000000;
}
#pag_cont .required {
	font: normal 12px/14px 'droid sans','arial','sans-serif';
	color: #C10000;
}
/*-----------------------------------------------------------*/

/* work pagination ------------------------------------------*/
.pagingProjects {
	width: 940px;
	height: 41px;
	position: absolute;
		bottom: 20px;
		left: 0px;
}
.pagingProjects ul.itemPrev {
	width: 320px;
	height: 41px;
	float: left;
	position: relative;
}
.pagingProjects ul.itemNext {
	width: 320px;
	height: 41px;
	float: right;
	position: relative;
}
.pagingProjects ul.itemPrev li.item {
	height: 41px;
	position: absolute;
		bottom: 0px;
		left: 0px;
	background: url('../images/paging-arrows.gif') 0px 0px no-repeat;
}
.pagingProjects ul.itemNext li.item {
	height: 41px;
	position: absolute;
		bottom: 0px;
		right: 0px;
	background: url('../images/paging-arrows.gif') right -41px no-repeat;
}
.pagingProjects ul.itemPrev li.item .itemWrap a, .pagingProjects ul.itemNext li.item .itemWrap a {
	width: 400px;
	height: 41px;
	display: block;
}
.pagingProjects ul.itemNext li.item .itemWrap, .pagingProjects ul.itemPrev li.item .itemWrap { width: 400px; height: 41px; position: relative; }
.pagingProjects ul.itemPrev li.item .itemThumb {
	margin-right: 3px;
	border: 1px solid #1AC1AF;
	float: left;
}
.pagingProjects ul.itemNext li.item .itemThumb {
	width: 47px;
	height: 39px;
	margin-left: 3px;
	border: 1px solid #1AC1AF;
	float: right;
}
.pagingProjects ul.itemPrev li.item .itemDetails {
	position: absolute;
		top: 0px;
		left: 35px;
	z-index: 100;
}
.pagingProjects ul.itemNext li.item .itemDetails {
	position: absolute;
		top: 0px;
		right: 35px;
	text-align: right;
	z-index: 100;
}
.pagingProjects .itemDetails .itemTitle {
	font: normal 20px/20px 'droid sans','arial','sans-serif';
	z-index: 100;
}
/*-----------------------------------------------------------*/

/* big paging styles ----------------------------------------*/
.bigPaging {
	width: 940px;
	height: 41px;
	position: absolute;
		top: 724px;
		left: 0px;
}
.bigPaging a {
	height: 38px;
	display: block;
	font: normal 12px/12px 'droid sans','arial','sans-serif';
	background: url('../images/paging-arrows.gif') 0px 0px no-repeat;
}
.bigPaging a.prevLink {
	padding-left: 40px;
	float: left;
}
.bigPaging a.nextLink {
	padding-right: 40px;
	text-align: right;
	background-position: right -41px;
	float: right;
}
.bigPaging a .titleLink {
	margin-bottom: 3px;
	font: normal 20px/20px 'droid sans','arial','sans-serif';
}
.nextWorkList, .prevWorkList {
	width: 49px;
	position: absolute;
		top: -97px;
		right: 0px;
}
.prevWorkList { left: 0px; }
.nextWorkList ul, .prevWorkList ul {
	height: 136px;
	position: relative;	
}
.nextWorkList ul li, .prevWorkList ul li {
	width: 47px;
	height: 39px;
	position: absolute;
	border: 1px solid #1AC1AF;
	background: #FFFFFF;
	display: none;
}
/*-----------------------------------------------------------*/

/* privacy policy -------------------------------------------*/
#pag_pp { font: normal 14px/18px 'droid sans','arial','sans-serif'; }
#pag_pp h4 { font-style: italic; }
/*-----------------------------------------------------------*/

/* 404 ------------------------------------------------------*/
#pag_404 {
	width: 940px;
	height: 400px;
	margin-bottom: 40px;
	background: url('../images/404-bg.gif') bottom right no-repeat;
}
#pag_404 h1 {
	margin: 0px;
	font: bold 78px/78px 'droid sans','arial','sans-serif';
	color: #1AC1AF;
}
#pag_404 h2 {
	font: bold 32px/40px 'droid sans','arial','sans-serif';
	color: #AB9789;
}
/*-----------------------------------------------------------*/

/* footer ---------------------------------------------------*/
.footer {
	padding-top: 15px;
	border-top: 8px solid #000000;
	font: normal 14px/16px 'droid sans','arial','sans-serif';
	color: #000000;
}
.footer .navigation a {
	margin-left: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.footer a:hover { color: #1AC1AF; }
.footer .navigation { float: right; }
.footer .copy { float: left; }
.footer .quickContact {
	margin-top: 5px;
	font: normal 11px/13px 'droid sans','arial','sans-serif';
}
/*-----------------------------------------------------------*/