/** ANDRI - SHADOW AT TOP **/
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          z-index: 100;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
.lowtech,h1{position:absolute;right:9999em;left:auto;}
.clearfix:after,#commercial_list li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{background:#ffffff url(/img/textured_background.jpg) repeat-x; ;margin:60px 0 20px 0;min-width:750px;font-family:tahoma,"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#000000;font-size:85%;}
a:link{color:#000000;text-decoration:none;}
a:visited{color:#000000;text-decoration:none;}
a:hover,a:focus{color:#830000;text-decoration:none;}
a:active{color:#ccc;text-decoration:none;}
.wrap{margin:0 auto;width:774px;}
.wrap2{margin:0 auto;width:774px;}
.header{margin-bottom:92px;}
h1,h2{font-size:120%;font-weight:normal;margin-bottom:10px;display:block;width:100%;text-transform:lowercase;clear:both;}tr{border-bottom:1px solid #525152;}td{padding:5px 3px;white-space:nowrap;}
h3{font-size:110%;}

.pagecontent{float:left;width:575px;margin-top:10px;margin-left:200px;padding-bottom:20px;line-height:1.4em;}
* html 
.pagecontent{display:inline;}
.pagecontent p,.pagecontent ul{margin-bottom:10px;}
.subpage #navigation{float:left;width:199px;margin-top:10px;margin-left:-774px;font-size:120%;}
.navigation li a{margin-bottom:8px;display:block;color:#000000;text-transform:lowercase;}
.navigation li a:hover,.navigation li a:focus{text-decoration:underline;color:#830000;outline:0;}
.navigation li.selected a,.navigation li.selected a:hover{text-decoration:none;color:#830000;outline:0;}
.home .navigation{margin:0 auto;font-size:150%;position:relative;}
.home .navigation ul{margin-left:180px;}
.home .navigation li{float:left;_display:inline;margin-right:40px;}
.home .navigation li.last{margin-right:0;}

#commercial_list li{position:relative;margin-bottom:5px;}
#commercial_list li a{outline:0;}
#commercial_list .video_grabs{width:600px;}
#commercial_list .video_info{/*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); */width:600px;margin-left: 20px;margin-top: 5px;}
.pagecontent h2{border-bottom:0px solid #000000;clear:both;}
#contactagusthead{float:left;width:150px;margin-left:170px;margin-top:-270px;}
#contactagust{float:left;width:150px;margin-left:170px;margin-top:-250px;font-size:100%;color: #8b8b8b;}
#contactagustemail{float:left;width:150px;margin-left:170px;margin-top:-200px;font-size:90%;color: #8b8b8b;}
#contactagustemail2{float:left;width:150px;margin-left:170px;margin-top:-220px;font-size:90%;color: #8b8b8b;}
.contactblock{font-size:90%;width:180px;height:180px;float:left;margin:0 10px 0 0;}
.contactblock h2{font-size:150%;text-transform:lowercase;margin-bottom:5px;}
.contactblock h3{color:#ffffff; font-size:150%;text-transform:lowercase;margin-bottom:5px;}
.contactblock.elsewhere{margin-top:20px;}
a.email{color: #8b8b8b;} 
a.email:link{color: #8b8b8b; } 
a.email:visited{color: #8b8b8b;} 
a.email:active{color: #8b8b8b;} 
a.email:hover{color: #830000;}

/** ANDRI FADE IN **/
#imagefadein {
	display:none;
}
 /** ANDRI - IFRAME ON INDEX **/
.videoplayer iframe {
	-moz-box-shadow: 5px 5px 8px #666666;
	-webkit-box-shadow: 5px 5px 8px #666666;
	box-shadow: 5px 5px 8px #666666;
}

/* ANDRI - SHADOW AND ROUND CORNERS */
.shadow {
	-moz-box-shadow: 5px 5px 8px #666666;
	-webkit-box-shadow: 5px 5px 8px #666666;
	box-shadow: 5px 5px 8px #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
  
}

a:hover img.shadow {
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
   box-shadow: 5px 5px 5px #999;
}

/* ANDRI - Agust Baldursson Director img */
.title {
	float:left;
	width:335px;
	height:72px;
	margin-left:0px;
	padding-bottom:0px;
	background-image: url('/img/title.png');
}

/* NOT IN USE */
.videoround {
	z-index: 999;
	position:relative;
	width:640px;
	height: 344px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/*** SLIDESHOW **/
#slideshow {
	position:relative;
    height:168px;
    width: 335px;
    /*shadows*/
	-moz-box-shadow: 5px 5px 8px #666666;
	-webkit-box-shadow: 5px 5px 8px #666666;
	box-shadow: 5px 5px 8px #666666;
	/*rounded corners*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */	
    
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    /*rounded corners again*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */	
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}

/* Andri - VIDEO ON INDEX PAGE */

.videoplayer{
	padding-left: 0px;
	padding-top: 60px;
}
.subvideoplayer{
	padding-left: 0px;
	padding-top: 10px;
}


/** COLORBOX (for videos **/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) center center no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}