/* generic */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#8E8E8E;
}

h1 {margin:0; padding:0; font-weight:normal; font-size:1.5em;}
h2 {margin:0; padding:0; font-weight:normal; font-size:1.5em;}
h3 {margin:0; padding:0; font-weight:normal; font-size:1.5em;}

a {color:#0069AA; text-decoration:none;}
a:hover {color:#8E8E8E;}

.blue-text {color:#0069AA;}

img {border:0;}

.divider {float:left; margin:10px 0; padding:0; width:100%; height:5px; background:url(images/divider.gif) 0 0 repeat-x;}

ul.no-pad {margin:0; padding:0;}
ul.no-pad li {margin:0 0 0 16px;}

/* body IDs */

#brand-dna {background:url(images/bg_dna.jpg) 280px 0 no-repeat;}
#environment {background:url(images/bg_env.jpg) 280px 0 no-repeat;}
#kit-of-parts {background:url(images/bg_kop.jpg) 280px 0 no-repeat;}
#moments {background:url(images/bg_opp.jpg) 280px 0 no-repeat;}
#attract-build-capture-digital {background:url(images/bg_abc.jpg) 280px 0 no-repeat;}
#retail-academy {background:url(images/bg_retail.jpg) 280px 0 no-repeat;}
#build-implementation {background:url(images/bg_build.jpg) 280px 0 no-repeat;}
#find-us {background:url(images/main-images/contactusmap.jpg) 280px 0 no-repeat;}
#download {background:url(images/bg_fishes.jpg) 280px 0 no-repeat;}

/* structure */

#wrapper {float:left; margin:0; padding:0; width:910px;}

#left-col {float:left; margin:0; padding:0; width:280px; min-height:650px; background:url(images/ai_logo.gif) 29px 70px no-repeat;}
#home-link {margin:0; padding:0; width:183px; position:absolute; top:70px; left:29px;}
#left-col-content {float:left; margin:118px 0 0 0; padding:0; width:280px; min-height:532px; }
#left-col-news {float:left; margin:0 0 0 30px; padding:0; width:220px; min-height:204px;}
#left-col-news ul {float:left; margin:10px 0 0 0; padding:6px 0 0 0; width:220px; background:url(images/divider.gif) 0 0 repeat-x;}
#left-col-news li {float:left; margin:0 0 0 0; padding:2px 0 10px 0; width:220px; list-style-type:none; background:url(images/divider.gif) 0 100% repeat-x;}
#left-col-news span.view-all-news {float:left; margin:2px 0 0 0; padding:0; width:220px; text-align:left;}
#left-col-footer {float:left; margin:0; padding:24px 0 2px 0; width:250px; text-align:right; background:url(images/blue-footer.gif) 100% 100% no-repeat ; }
#left-col-footer span { padding-right: 42px; }

#right-col {float:left; margin:0; padding:70px 20px 0 20px; width:570px; min-height:600px; background:url(images/right-col-bg.jpg) 0 0 no-repeat;}

/* structure - homepage */

#homepage #right-col {padding:188px 102px 0 20px; width:508px; min-height:462px; background:url(images/home-bg.jpg) 100% 100% no-repeat;}

/* main nav */

#left-col-content ul.main-nav {float:left; margin:0; padding:0; width:280px; min-height:280px;}
#left-col-content ul.main-nav li {float:left; margin:0; padding:0 0 0 18px; width:262px; list-style-type:none;}
#left-col-content ul.main-nav li a {display:block; height:28px; text-indent:-9999px;}

#left-col-content ul.main-nav li.about-us a {background:url(images/nav.gif) 0 0 no-repeat; width:262px;}
#left-col-content ul.main-nav li.about-us a:hover {background:url(images/nav.gif) 0px -130px no-repeat;}

#left-col-content ul.main-nav li.our-work a {background:url(images/nav.gif) 0 -27px no-repeat; width:262px;}
#left-col-content ul.main-nav li.our-work a:hover {background:url(images/nav.gif) 0px -157px no-repeat;}

#left-col-content ul.main-nav li.products-and-services a {background:url(images/nav.gif) 0 -54px no-repeat; width:262px;}
#left-col-content ul.main-nav li.products-and-services a:hover {background:url(images/nav.gif) 0px -184px no-repeat;}

#left-col-content ul.main-nav li.contact-us a {background:url(images/nav.gif) 0 -81px no-repeat; width:262px;}
#left-col-content ul.main-nav li.contact-us a:hover {background:url(images/nav.gif) 0px -211px no-repeat;}

#left-col-content ul.main-nav li h3 {text-indent:-9999px; margin:0; padding:0 0 10px 0;}
#left-col-content ul.main-nav li ul {float:left; margin:0 0 0 0; padding:0 0 0 0; width:250px;}
#left-col-content ul.main-nav li ul li {float:left; margin:0; padding:0; width:180px; list-style-type:none;}
#left-col-content ul.main-nav li.about-us ul li a {background:none; text-indent:20px; height:20px;}
#left-col-content ul.main-nav li.about-us ul li a:hover {background:none; text-indent:20px;}
#left-col-content ul.main-nav li.our-work ul li a {background:none; text-indent:20px; height:20px;}
#left-col-content ul.main-nav li.our-work ul li a:hover {background:none; text-indent:20px;}
#left-col-content ul.main-nav li.products-and-services ul li a {background:none; text-indent:20px; height:20px;}
#left-col-content ul.main-nav li.products-and-services ul li a:hover {background:none; text-indent:20px;}
#left-col-content ul.main-nav li.contact-us ul li a {background:none; text-indent:20px; height:20px;}
#left-col-content ul.main-nav li.contact-us ul li a:hover {background:none; text-indent:20px;}

/* photobooth */

.photobooth-content {float:left; margin:0; padding:0; width:305px;}

#michael-allen {float:left; margin:0; padding:0; width:300px;}
#mark-howman {float:left; margin:0; padding:0; width:300px;}
#richard-lamping {float:left; margin:0; padding:0; width:300px;}
#steve-dixon {float:left; margin:0; padding:0; width:300px;}
#nic-preece {float:left; margin:0; padding:0; width:300px;}
#richard-benson {float:left; margin:0; padding:0; width:300px;}
#james-white {float:left; margin:0; padding:0; width:300px;}
#charles-clark {float:left; margin:0; padding:0; width:300px;}
#dylan-stuart {float:left; margin:0; padding:0; width:300px;}
#christina-blache {float:left; margin:0; padding:0; width:300px;}

.photobooth-flash {float:left; margin:0; padding:0; width:570px;}

/* products */

#products-image {float:left; margin:215px 0 0 10px; padding:0; width:250px;}
#products-content {float:left; margin:215px 0 0 10px; padding:0; width:300px;}
#products-image-moments {float:left; margin:215px 0 0 10px; padding:0; width:300px;}

.no-bg {background:none;}

/* find us */

#find-us-box {float:left; margin:0; padding:0; width:570px; min-height:476px; background:url(images/main-images/contactusmap.jpg) 0 0 no-repeat;}

/* download amail */

.text-left {float:left; margin:0; padding:0; width:310px;}
.image-right {float:right; margin:0; padding:0 0 0 10px; width:250px;}

ul.download-amail {float:left; margin:0; padding:0; width:100%;}
ul.download-amail li {margin:5px 0 0 0;}
ul.download-amail li input.text-box {width:210px;}

/* print */

#print-header {display:none;}
#print-footer {display:none;}

/* sIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 21px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

/* Our Work */

.image-wrapper {float:left; margin:0; padding:0; width:570px; position:relative;}
#main-display {position:absolute; top:0; left:85px; width:485px; height:299px;}

#imageContainer         {float:left; margin:0; padding:0; width: 570px; height: 299px; overflow: hidden;}
#imageContainer img     {margin-bottom: 5px; display: block;}
#thumbContainer         {float:left; margin-top: 5px; padding:0; width:100%;}

.our-work-pic-box {float:left; margin:0; padding:0; width:570px; height:299px;}
.our-work-pic-box-image-thumb-wrapper {float:left; margin:0; padding:0; width:75px; position:relative;}
.our-work-pic-box-image-thumb {float:left; margin:0 0 0 0; padding:0 0 3px 0; width:75px; height:58px;}
.our-work-pic-box-image-thumb a {float:left; margin:0; padding:0; height:58px;}
.our-work-pic-box-image-thumb-main {float:left; margin:0 0 0 0; padding:0; width:485px; position:relative;}

.our-work-pic-box-close {float:left; margin:0; padding:0; width:73px; height:53px; border:1px solid #CCCCCC; line-height:53px; text-align:center; display:block;}

.slick-box-style {position:absolute; top:0; left:10px; background:url(images/our-work/white-bg.png) 0 0 repeat; width:465px; height:279px; padding:10px;}
.slick-box-style p {margin:0; padding:0 0 10px 0;}
.slick-box-style ul {margin:0; padding:0 0 10px 15px;}
.slick-show-hide-buttons {position:absolute; top:244px; left:0; background:#FFF; border:1px solid #CCCCCC; width:73px; height:53px; text-align:center; line-height:53px;}
.slick-show-hide-buttons a {display:block;}
.slick-show-hide-buttons a.read-more {line-height:normal; padding:13px;}

/* News */
.news-item { float: left; width: 100%; margin: 0; padding: 0; }
.news-item img { float: right; margin: 0; padding: 20px 0 0 10px; }
.news-item p { margin: 1em 0; padding: 0; }

/* Amail */
form ul { padding: 0; margin: 0; }
form li { padding: 0; margin: 0; list-style-type: none; }

/* Cube */

#myOverlay {width:543px; height:570px;  /* overlay is initially hidden */ display:none; background-image:url(images/white.png);}  

/*      close button (div.close element) is auto-generated by default.      here it is positioned on top-right corner  */ 

#myOverlay div.close { background:url(images/close.png) no-repeat;     position:absolute; top:25px; right:16px;     width:51px;     height:25px;     cursor:pointer;     }  

/*      the actual content is moved little bit inside so that it doesn't overlap     with the drop shadow in the overlayed image */ 

.cube-position {float:left; margin:41px 0 0 15px; padding:0; width:512px; height:512px;}

.mini-cube {float:left; margin:0; padding:0; width:60px;}
.cube-link {float:left; margin:20px 0 0 0; padding:0; width:200px;}