/* CSS Basic Styles Document */
/*container - full width of the site*/
/* Main DIVs */

body {
	text-align:center;
}

.cont2 {width:799px;}
	#header {padding:120px 17px 0 17px;} 
	#fc {width:799px;}
		#content {padding:0 17px 10px 17px;}
		.twocol #content {width:579px;}
		.twocol #rc {width:200px;}
	#footer {width:759px;}
	
body, html, #page {height:100%;}

.cont2 {
	margin:0 auto;text-align:left;
	position:relative;
}

#header {}
	.twocol #content {float:left;overflow:hidden;}
	.twocol #rc {float:right;}
#footer {margin:0 auto;}

/* CSS Advanced Styles Document */

/* Main Backgrounds */

body {background:url(../images/bodyback.gif) top repeat-x #000;}
.cont2 {background:#fff;}
/* #page {background:url(../images/back.jpg) top center no-repeat;}
#page .cont {background:url(../images/contentback.jpg) top center no-repeat;} */

/* =General styles
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

* {margin:0;padding:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
body {font-family:Arial, Helvetica, sans-serif;}
.clear {clear:both;}
.center {text-align:center;}
img.right {float:right;}
hr {display:none;}
abbr {border-bottom: 1px dotted #999;}
abbr:hover {cursor: help;}
li {list-style:none;}
.skip {position:absolute;left:-9999px;}
br.clear {font-size:0;height:0;line-height:0;overflow:hidden;clear:both;}

/* =General Form styles
-------------------------------------------------------------------*/

form {font-size:0.63em;}

/* =Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#header h1, #header h1 a {width:260px;height:80px;}
#header h1 {position:absolute;top:20px;left:24px;}
#header h1 a {
	display:block;text-indent:-9999px;text-align:left;
	background:url(../images/logo.gif);}
#header h2 {
	position:absolute;right:0;top:0;
}

#header .pic {
	text-align:center;
	padding-bottom:6px;
}

#header .cont {text-align:center;}
#header .menu {margin:0 auto;}
#header .menu {
	position:absolute;left:395px;top:87px;
	height:24px;width:385px;
	background:url(../images/menu.gif) top left no-repeat;
}
#header .menu li {
	position:absolute;top:0;left:0;
	height:24px;
	overflow:hidden;
}
#header .menu li a {
	display:block;
	height:24px;
	text-indent:-9999px;
}
#header .menu li a:hover {
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#header .menu li.labou {width:66px;}
#header .menu li.labou a:hover, #pabout #header li.labou a {background-position:0 -24px;background-image:url(../images/menu.gif);}
 {background-position:0 -24px;}

#header .menu li.lgall {width:71px;left:66px;}
#header .menu li.lgall a:hover, #pgall #header li.lgall a {background-position:-66px -24px;background-image:url(../images/menu.gif);}

#header .menu li.lspec {width:115px;left:137px;}
#header .menu li.lspec a:hover, #pspec #header li.lspec a {background-position:-137px -24px;background-image:url(../images/menu.gif);}

#header .menu li.lpres {width:53px;left:252px;}
#header .menu li.lpres a:hover, #ppres #header li.lpres a {background-position:-252px -24px;background-image:url(../images/menu.gif);}

#header .menu li.lchar {width:80px;left:305px;}
#header .menu li.lchar a:hover, #pchar #header li.lchar a {background-position:-305px -24px;background-image:url(../images/menu.gif);}

#phome .lhome a, #phome .labou a, #pgall .lgall a, #pspec .lspec a, #ppres .lpres a, #pchar .lchar a, .ptech .stech a, .pacco .sacco a, .ptoys .stoys a, .pplan .splan a, .pcrew .screw a, .pcuis .scuis a {
	cursor:default;text-decoration:underline;
}

#header .submenu {
	line-height:23px;
	margin:0 0 8px 0;
	background:url(../images/submenu.gif) top repeat-x #a6a5a5;
	height:1%;
	border-top:1px solid #d7d7d7;
	border-right:1px solid #c4c3c3;
	border-bottom:1px solid #848484;
	border-left:1px solid #c4c3c3;
}

#header .submenu li {
	display:inline;
	float:left;
}

#header .submenu li a {
	display:block;
	font-size:0.69em;

	color:#000;
	text-transform:uppercase;
}

#pspec .submenu li a {
	padding:0 30px;
}

/* =ColumnBoxes Design 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

div#content div.title {
	height:35px;padding:7px 10px 8px 12px;
	background:url(../images/h1-back.gif) top left no-repeat;
}

div#content div.box {
	padding:12px;
	border:1px solid #b8b8b8;
	margin-bottom:8px;
	
}

div#content div.box {
height:1%;
}

div#content div.box p{
	color:#666;
	font-size:0.7em;
	line-height:150%;
	margin:10px 0;
	text-align:justify;
	
}
div#content div.box table{
font-size:.7em;
color:#666;
}
div#content div.box p.center-text {
	text-align:center;
	
}
div#content div.box div.photos {
	width: 705px;
	overflow: hidden;
	
}

div#content div.box h3.designer-name{
	width: 220px;
	background-color: #fff;
	margin: 35px 0 -12px;
}

div#content div.box img.right {margin-left:15px; float: right;}
div#content div.box div.spec-tech {float: right;}
.ptech div#content div.box p {margin-top:0;}

.ptech #content p strong {
	float:left;
	width:140px;
}

.ptech #content p br {
	clear:left;
}

/* ML Div's
-------------------------------------------------------------------*/

#press {font-size:0.63em
	z-index: 10;
	overflow: visible;
	}

.floatright
{
	float: right;
	border: 1px solid #666;
	padding: 2px;
	height: 163px;
	width: 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 12px;
}

.floatleft
{
	float: left;
	border: 1px solid #666;
	padding: 2px;
	height: 100px;
	width: 1212px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 12px;
}

/* =Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer {
	line-height:30px;
	text-align:left;
	clear: both;
}

#footer, #footer a {
	color:#fff;
	font-size:11px;
}

/* =sIFR */

/*sIFT*/
.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;}
/* 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 #content h1 {
	visibility: hidden;
	font-size:19px;line-height:33px;
}
.sIFR-hasFlash #content h2 {
	visibility: hidden;
	font-size:18px;line-height:30px;
	margin-bottom:15px;
	width:360px;
}
.sIFR-hasFlash #content h3.designer-name {
	visibility: hidden;
	font-size:18px;line-height:30px;
	width:220px;
}
.sIFR-hasFlash .pcuis #content h2 {width:340px;}
.sIFR-hasFlash .pacco #content h2 {width:220px;}

/* Example of decoy:
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}*/

/* Example of call:
<script type="text/javascript">
//<![CDATA[
if(typeof sIFR == "function"){
sIFR.replaceElement(named({sSelector:"div#content h1", sFlashSrc:"flash/twcenmt.swf", sColor:"#000000", sLinkColor:"#000000", sBgColor:"#FFFFFF", sHoverColor:"#CCCCCC", nPaddingTop:1, nPaddingBottom:1, sWmode : "transparent", sFlashVars:"textalign=center&offsetTop=0"}));
//]]>
}
</script>
*/