/*****************************************************************************************
Name:			global.css
Copyright:		Breakthrough Design Group
Description:	Style sheet containing global styles
*****************************************************************************************/
/** Grey border:7b7b7b, mainbg:333333, GrayBg:666666, OrangeBar:c77f37 **/
img { behavior: url(scripts/iepngfix.htc) } /** Transparent PNG support **/
html, body {height:100%;overflow:hidden}
* {margin:0px;padding:0px}
body {background:#ffffff;font-family:arial; font-size:15px;}

p {margin:0 0 10px 0}
a {text-decoration:none}
a img {border:0px}
img {font-size:0px}

/** Classes **/
.content {clear:both;height:368px;text-align:left;}

.cmiddle {background:#ffffff;width:600px;height:100%}

.ht1 {display: table; #position: relative; overflow: hidden;}
.ht2 {#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;text-align:center;}
.ht3 {#position: relative;  #top: -50%;margin:0 auto 0 auto}

.inner {position:absolute;float:left;top:0px;left:0px}
.intro {display:none}

.left-section {width:88px;height:368px;float:left;margin-right:4px;position:relative;}
.left-section .inner{width:88px;height:368px;background:#ffffff;border-right:1px solid #7b7b7b;}

#loading {display:none}

.logo {float:left;width:232px;text-align:center}
.logo img {margin-left:5px}

.main {height:497px;width:959px;text-align:center;display:none}

.middle-section {width:633px;height:368px;float:left;margin-right:6px;position: relative;}
.middle-section .inner {width:633px;height:368px;}
.middle-section .inner .swipe-gray {width:30px;height:368px;float:left;background:#666666;border-right:3px solid #ff9933}
.middle-section .inner .swipe {height:100%;float:left;_display:inline}

.navigation {width:726px;float:left}
.navigation ul {_display:inline;}
.navigation li {list-style:none;float:right;padding:25px 0 24px 34px}
.navigation li a {color:#999999;}
.navigation li a:hover {color:#bbbbbb}

.outercontainer {height:100%;width:100%;overflow: hidden;}

.partners {}
.partners .logos1 {height:83px;padding-top:29px;padding-left:29px}
.partners .logos2 {height:84px;margin-top:22px;padding-left:29px} 
.partners .logos3 {height:84px;margin-top:22px;} 
.partners .midbottom {padding-top:15px;text-align:center;font-size:9px;color:gray}
.partners .midbottom a {color:gray;text-decoration:none}

.portfolio table td {vertical-align:top;padding-bottom:6px}
.portfolio table td.label{padding-right:10px}
.portfolio-pieces {font-size:0px;}

.portfolio-thumbs {float:left;margin-left:6px;height:368px;width:80px;font-size:0px;overflow:hidden}
.portfolio-thumbs img {float:left;}

.portfolio-thumbs-new {float:left;margin-left:6px;height:368px;width:80px;font-size:0px;overflow:hidden}
.portfolio-thumbs-new img {float:left;}

.port-table {}
.port-table .tr {height:74px}
.port-table .td {width:74px;height:74px;float:left;padding:0px;margin:0px;font-size:0px}
.port-table .td img {padding:0px;margin:0px}

.right-section {width:224px;height:368px;;float:left;position:relative;}
.right-section .inner {width:100%;height:368px;background:#ffffff url(images/logo-small.jpg) center 269px  no-repeat;}
.right-section .inner .t {padding:28px;font-family:arial;font-size:11px;color:#333333}
.right-section .inner .t a{color:black;}
.right-section .inner .t a:hover{color:black;text-decoration:underline}

.scroll {height:180px;overflow:hidden}
.scroll-controls {padding:3px}

.shim {position: fixed;z-index:10;top: 0px;left: 0px;height:100%;width:100%;display:none;}
.slideshow {position:relative;height:216px; width:216px;overflow:hidden;cursor: pointer; cursor: hand;}
.slideshow .ssimg{position:absolute;top:0px;left:0px;display:none}

.opacitylow {
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
	zoom:1;
}

.opacitymed {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	zoom:1;
}

#twitter ul li{margin-bottom:14px}
#twitter ul li a{display:block;font-size:11px;color:gray;text-decoration:none}
#twitter ul li span a {display:inline}
#twitter ul li a:hover {color:black}


/** Tools **/
.b {font-weight:bold}
.c {text-align:center}