@charset "utf-8";

/***************************
**  JAM Digital : CSS  **
***************************/
body {
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
img {border: none;}
h1 {
	color: #717171;
	font-size: 28px;
}
a {outline:none;}


/***************************
**  HEADER : CSS  **
***************************/
#headerWrapper {
	background-image:url(../images/jam_header.png);
	background-repeat: repeat-x;
	height:18em;
	width: 100%;
}
#headerContainer {
	width: 100%;
	margin-left: auto;
	margin-right:auto;
}
#headerContainer .logo {
	left: 50%;
	margin-left:-316px;
	position: relative;
	width: 633px;
	height: 127px;
}
#headerContainer .dkFlag {
	position: relative;
	float:right;
	margin-top: 10px;
	margin-right: 9%;
}
#headerContainer .ukFlag {
	position: relative;
	float: right;
	margin-right: 1%;
	margin-top: 10px;
}
/* END: HEADER */


/***************************
**  NAVIGATION : CSS  **
***************************/
#navigationWrapper {
	width: 80em;
	height: 7em;
	background-image:url(../images/navigation_bg.png);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right:auto;
	display: block;
	position: relative;
	top: 3.5em;
}
.captionText {
	position:relative;
	margin-top: 45px;
	width:800px;
	margin-left: 50%;
	left:-400px;
	text-align:center;
}
.captionText h1 {
	font-size: 38px;
	color: #351f11;
	font-family: Palatino, serif;
	font-weight: bold;
}
.captionText span {
	color: #381601;
}
/*.captionText span {
	border-bottom: 1px dotted #351f11;
}*/
/* END: NAVIGATION */


/***************************
**  JQDOCK : CSS  **
***************************/
/*place the various demo menus around the screen (note: 1, 3, 4 and 7 are horizontal; 2, 5 and 6 are vertical)...*/
  #menu1 {position:relative; top:-65px; padding-left:210px;}
/* End navigation */


/***************************
**  CONTAINER : CSS  **
***************************/
.contentWrapper {
	background-image:url(../images/content_bg.png);
	background-position: bottom left;
	background-color:#F6F6F6;
	background-repeat: repeat-x;
	height: 50em;
	padding: 0 1.25em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 9.5em;
	margin-bottom: 4em;
	color: #333333;
}
.containerHeadingArea {
	Height: 50px;
}
.containerHeading {
	float: left;
	height: 50px;
}
.portfolioTagline {
	height: 50px;
	margin-top: -50px;
	margin-left: 180px;
}
.servicesTagline {
	height: 50px;
	margin-top: -50px;
	margin-left: 120px;
}
.contactTagline {
	height: 50px;
	margin-top: -50px;
	margin-left: 115px;
}
.contentWrapper h1 {
	padding-top: 0.5em;
}
.portfolioSection {
	
}
hr.span-15-divider {
	background-image: url(../images/divider-span-15.png);
	background-repeat: no-repeat;
	width: 97em;
	height: 0.13em;
	margin-left: -8.5em;
}
/* END: CONTAINER */


/***************************
**  ANYTHINGSLIDER : CSS  **
***************************/
.anythingSlider                         { width: 980px; height: 260px; position: relative; margin-left: -10px;}
.anythingSlider .wrapper                { width: 880px; overflow: auto; height: 240px; margin: 0 0px; position: absolute; top: 0; left: 50px; right: 50px;}
.wrapper img {float: left; margin-top: -10px; margin-left: -80px; padding-right: 30px;}
.wrapper p {width: 750px;}
                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: none;}
.anythingSlider ul li                   { display: block; float: left; padding: 0px; height: 240px; width: 880px; margin: 0px; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; margin-top: -40px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; margin-top: -40px; }
.anythingSlider .forward:hover          { background-position: 0 0px;}
.anythingSlider .back:hover             { background-position: -67px 0px;}
#thumbNav                               { position: relative; top: -60px; text-align: center; text-decoration:none; margin-left: 750px;}
#thumbNav a                             { color: #717171; font-size: 18px; font-family: Arial, Helvetica, sans-serif; display: inline-block; padding: 2px 11px; height: 32px; margin: 0 5px 0 0; background: url(../images/circle.png) no-repeat; text-align: center; text-decoration:none;}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #F6F6F6; border:none;}

#start-stop                             { background-image: url(../images/play.png); background-repeat: repeat-x; padding: 0px 0px; width: 32px; height: 32px; text-align: center; position: absolute; right: 245px; top: -60px; border: none;}
#start-stop.playing                     { background-image: url(../images/pause.png);}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
#page-wrap                              { width: 760px; padding: 15px; background: none; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }
.anythingSlider pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }
.anythingSlider ul                                      { margin: 0 0 25px 25px; }
.anythingSlider ul li                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }
#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }
/*
    For Specific Slides
*/
.textSlide                              { padding: 10px 30px; }
.textSlide h3                           { font-size: 26px; font-family: Arial, Helvetica, sans-serif; margin-top: -10px; padding-left: 345px; color: #d9261c;}
.textSlide h4                           { text-transform: uppercase; font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
.textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li                        { display: list-item; }
.textSlide p {padding-bottom: 15px; text-align: left;}
.textSlide a {color: #d9261c; text-decoration: underline; margin-left: 0px;}
/* END: ANYTHINGSLIDER */


/***************************
**  JSQUARES / PORTFOLIO : CSS  **
***************************/
#js-container,
#js-container-2 {
	width:729px;
	margin:30px auto; 
	position:relative;
	height:410px;
}
.js-image {
	background:#000;
	font-size:1em;
	overflow:hidden;
	position:absolute;
	z-index:1;
	text-align:left;
}
.js-image a img,
a .js-overlay-image {
	border:none;
}
.js-image,
.js-image img,
.js-image.size-3,
.js-image.size-3 img,
.js-overlay-image {
	width:222px;
	height:154px;
}
.js-image.size-2,
.js-image.size-2 img {
	width:110px;
	height:76px;
	font-size:.6em;
}
.js-image.size-1,
.js-image.size-1 img {
	width:54px;
	height:37px;
	font-size:.3em;
}
.js-small-caption {
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	width:94%;
	padding:3%;
	height:auto;
}
.js-small-caption {
	opacity:.8;
}
.js-caption-overlay {
	background:#000;
	z-index:998;
	padding:12px;
	position:absolute;
	overflow:hidden;
}
.js-caption-overlay img {
	border: 1px solid #FFFFFF;
}
.js-small-caption span {
	color:#fff;
}
.js-overlay-image {
	float:left;
}
.js-overlay-html {
	float:left;
	padding:0 0 0 15px;
	width:180px;
}
.js-overlay-html h4 {
	margin:0;
	padding:0 0 10px 0;
	color: #FFFFFF;
}
.js-overlay-html p {
	font-size: 10px;
	margin:0;
	color: #FFFFFF;
}
.js-overlay-html a {
	color: #FFFFFF;
	line-height: 25px;
}
.projectListing {
	position: absolute;
	margin-bottom: 0px;
	height: 150px;
	color: #6e6e6e;
}
.projectListing a {
	text-decoration: none;
	color: #6e6e6e;
}
.projectListing a:hover {
	text-decoration: underline;
}
.projectListing a.on {
	text-align: left;
	text-decoration: none;
	color: #6e6e6e;
}
.projectListing ul {
	list-style-type: none;
	margin-top: -5px;
	margin-left: -35px;
	/*list-style-image: url(../images/li_item.png);*/
}
.projectListing li {
	text-align: right;
	line-height: 35px;
	font-size: 16px;
}
.portfolioSelectionAvenue {
	height: 64em;
}
.portfolioSelectionBlasen {
	height: 66em;
}
.portfolioItem {
	float: left;
	margin-left: 170px;
}
.portfolioSelectionAlexandra {
	height: 70.5em;
}
.portfolioSelectionZoe {
	height: 62.5em;
}
.portfolioSelectionStopVolden {
	height: 62.5em;
}
.portfolioDescription {
	clear: left;
	float: left;
	margin-top: -597px;
	margin-left: 660px;
	width: 310px;
	font-size: 13px;
}
.portfolioDescription h2 {
	color: #6e6e6e;
}
.portfolioDescription a {
	text-decoration: underline;
	color: #6e6e6e;
	font-size: 13px;
}
.portfolioDescription li {
	line-height: 20px;
	font-size: 13px;
}
.portfolioDescription li a {
	text-decoration: none;
	color: #000000;
}
/* END: JSQUARES / PORTFOLIO */


/***************************
**  SERVICES PAGE : CSS  **
***************************/
.servicesContainer {
	height: 74em;
}
/*.serviceListing {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6e6e6e;
}
.serviceListing td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6e6e6e;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6e6e6e;
	text-align: right;
}
.serviceDetails {
	margin-top: -16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6e6e6e;
}
.serviceDetails td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6e6e6e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6e6e6e;
	clear:both;
	margin:0;
	text-align: right;
}*/
.serviceOffers p {
	font-size: 14px;
	color: #000000;
}
.serviceOffers table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6e6e6e;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6e6e6e;
	width: 990px;
}

.serviceOffers td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6e6e6e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6e6e6e;
	font-size: 14px;
}
.serviceOffers a {
	text-decoration:none;
	color:#000000;
}
.serviceOffers pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
.serviceDescription {

}
.serviceDescription h2 {
	color: #717171;
	font-size: 22px;
}
.serviceDescription h3 {
	color: #717171;
	font-size: 18px;
	padding-top: 20px;
}
.serviceRequestContainer {
	width: 210px;
}
.serviceRequest {
	float: left;
	width: 160px;
}
.offerRequestSubmit {
	margin-top: -5px;
	margin-right: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 155px;
	background-image: url(../images/submit_button.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: bottom left;
	border-color: #73767f;
	border-style: solid;
	border-width: 1px; 
	height: 28px;
	cursor: pointer;
	padding-top: 6px;
}
.offerRequestSubmit a {
	text-decoration: none;
	color: #010101;
}
.serviceArrow {
	float: right;
	width: 37px;
	margin-right: 755px;
	margin-top: -65px;
	z-index: 1001;
}
#tooltip{
	position:absolute;
	border:1px solid #6e706f;
	background:#000000;
	padding:2px 5px;
	color:#f6f6f6;
	display:none;
	width: 140px;
	line-height: 16px;
	font-size: 12px;
	}
.offerRequestContainer {
	height: 95em;
}
	
/***************************
**  CONTACT PAGE: CSS  **
***************************/
#contact-wrapper {
	float: left;
	width: 430px;
	border:none;
	background: none;
	padding: 0px;
	margin-bottom: 20px;
}
#contact-wrapper div {
	clear: both;
	margin: 1em 0;
}
#contact-wrapper label {
	display: block;
	float: none;
	width: auto;
	font-size: 16px;
}
form#contactform input {
	border-color: #73767f;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	font-size: 16px;
	color: #000000;
}
input[type="text"] {
	width: 92%;
}
form#contactform textarea {
	font-family: inherit;
	font-size: 16px;
	padding: 0.6em 0.5em 0.7em;
	border-color: #73767f;
	border-style: solid;
	border-width: 1px;
}
input.button {
background-image: url(../images/submit_button.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
background-position: bottom left;
border-color: #73767f;
border-style: solid;
border-width: 1px; 
height: 33px;
cursor: pointer;
}
.contactWrapper {
height: 64.5em;
}
.contact-information {
float: right;
margin-top: -71px;
}
.gMap {
float: right;
border: 1px solid #73767f;
height: 271px;
width: 375px;
margin-right: 95px;
margin-top:-12px;
}
.outlook-vcard-link a {
text-decoration: underline;
color: #010101;
}
.sitemapContainer {
	
}
.sitemapTaglineImage {
	height: 50px;
	margin-top: -50px;
	margin-left: 135px;
}
/* END: CONTACT FORM */


/***************************
**  FRONTPAGE : CSS  **
***************************/
.span-7-divider {
	background-image: url(../images/divider-span-7.png);
	background-repeat: no-repeat;
	height: 0.16em;
	width: 34em;
	margin-left: -8.5em;
}
.span-8-divider {
	background-image: url(../images/divider-span-8.png);
	background-repeat: no-repeat;
	height: 0.16em;
	width: 25em;
}
.span-9-divider {
	background-image: url(../images/divider-span-9.png);
	background-repeat: no-repeat;
	height: 0.16em;
	width: 34em;
}
.span-7 h1 {
	float: right;
	margin-right: 85px;
	margin-top: -10px;
}
.span-8 h1 {
	float: right;
	margin-right: 130px;
	margin-top: -10px;
}
.span-9 h1 {
	float: right;
	margin-right: 140px;
	margin-top: -10px;
}
.linkedinDescription {
	font-size: 14px;
	text-align: justify;
}
.linkedinDescription a {
	font-size: 14px;
	text-decoration:underline;
	color: #333333;
}
.linkedInWidget {
	margin-top: -2px;
	text-align: left;
}
.linkedInWidget a {
	font-size: 14px;
	text-decoration:underline;
	cursor: pointer;
	color: #333333;
}
.logo-large-img {
	float: right;
	max-width: 100px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 0px;
}
.linkedinUser {
	margin-bottom: 5px;
}
.linkedinUser a {
	text-decoration: underline;
	font-size: 14px;
	color: #333333;
}
#twitter_div {
	margin-left: -45px;
	width: 340px;
}
#twitter_div a {
	color: #333333;
}
ul#twitter_update_list {
	list-style: none;
	font-size: 14px;
}
ul#twitter_update_list li {
	margin-bottom: 5px;
	color: #333333;
}
#twitter-link { color: #333333; text-decoration: underline; font-size: 14px; margin-top: -5px; margin-bottom: -5px; margin-left: 45px;}
.content-shadow {
	background-image: url(../images/shadow3.png);
	border: none;
	background-repeat: repeat-x;
	height: 22px;
	margin-top: -49px;
	padding-bottom: 30px;
}
/* END: FRONTPAGE */


/***************************
**  ABOUT PAGE : CSS  **
***************************/
.aboutUsContainer {
	height: 55.5em;
	font-family: inherit;
}
.aboutIntroText {
	font-size: 24px;
	font-stretch: ultra-expanded;
}
.aboutIntroTextDark {
	color: #333333;
}
.aboutIntroTextDarkBlue {
	color: #73641F;
}
.aboutIntroTextRed {
	color: #D1AC5B;
}
.aboutIntroTexDarkGrey {
	color: #B93B00;
}
.aboutIntroTextGreen {
	color: #D77D02;
}
.aboutIntroTextLightBlue {
	color: #9E782F;
}
.aboutDescription {
	font-size: 14px;
	color: #333333;
}
.aboutTagline {
	height: 50px;
	margin-top: -50px;
	margin-left: 160px;
}
/* END: ABOUT PAGE */


/***************************
**  FOOTER : CSS  **
***************************/
#footer {
	position: absolute;
	margin-bottom: 0px;
	margin-top: 40px;
	background:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	width: 100%;
	height: 40px;
}
#footer p {
	padding: 0.63em 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #ffffff;
	font-size:16px;
	text-align:center;
}
#footer b {
	font-weight: lighter;
	font-size:16px;
	text-decoration: underline;
	color: #ffffff;
}
/* END: FOOTER */


/********************************
**  SITE ADMINISTRATION : CSS  **
*********************************/
.maintenanceContainer {
	height: 53em;
}
.maintenanceTagline {
	height: 50px;
	margin-top: -50px;
	margin-left: 400px;
}
.error404Container {
	height: 52em;
}
.error404Tagline {
	height: 50px;
	margin-top: -50px;
	margin-left: 180px;
}
/* END: SITE ADMINISTRATION */