
/*
    Created by
     _____                            _   _      
    |  ___|                          | | (_)     
    | |____  ___ __   ___  _ __   ___| |_ _  ___ 
    |  __\ \/ / '_ \ / _ \| '_ \ / _ \ __| |/ __|
    | |___>  <| |_) | (_) | | | |  __/ |_| | (__ 
    \____/_/\_\ .__/ \___/|_| |_|\___|\__|_|\___|
              | |                                
              |_|     
    =============================================
    Exponetic Ltd
    team@exponetic.com
    http://www.exponetic.com
    ============================================= 
    
    $Author: james $
    $Date: 2005-06-14 09:38:18 +0100 (Tue, 14 Jun 2005) $
    $Rev: 1005 $

*/


/*<group=De-style>*/

a:link,a:visited
{
	text-decoration: none;
	cursor: pointer;
}
ul,ol
{
	list-style: none;
}
html,
body,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
p,blockquote,
pre,
form,fieldset,input
{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,
pre,code
{
	font-size: 1em;
}
a img,
:link img,
:visited img
{
	border: none;
}
address
{
	font-style: normal;
}
pre
{
	font-size: 1.1em;
}

/*</group>*/

/*<group=Image Replacement>*/

.fir
{
	height: 0;
	overflow: hidden;	
}
	
/*</group>*/

/*<group=Common>*/

body
{
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	background-color: #000;
	color: #fff;
}
a
{
	color: #e22188;
}
a:visited
{
	color: #e22188;
}
a:hover
{
	color: #000;
	text-decoration: underline;	
}
p
{
	line-height: 145%;
}
.clearBoth
{
	clear: both;
}

/*<group=Rules>*/

.dr /* Because IE is lame at HRs with images */
{
	height: 15px;
	width: 233px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/_img/tpl/_common/dr_regular.png'); 
}
.dr.heavy
{
	background-image: url('/_img/tpl/_common/dr_heavy.png'); 
}
.dr.light
{
	background-image: url('/_img/tpl/_common/dr_light.png'); 
}
.dr hr
{
	display: none;
}
	
/*</group>*/

/*<group=Copy Blocks>*/

#copyBlocks
{
	margin-top: 10px;
	padding: 5px 5px 0 5px;
	border: 1px solid #000;
	background-color: #ccc;
}
#copyBlocks .copyBlock
{
		float: left;
	width: 250px;
	margin-bottom: 6px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
}
#copyBlocks .copyBlock.right
{
	float: right;
}
#copyBlocks .copyBlock div
{
	 min-height: 74px; 	font-size: 110%;
	padding: 8px;
	border: 1px solid #999;
}
#copyBlocks .copyBlock h3
{
	margin-bottom: 2px;
	font-size: 110%;
	color: #e02189;
}

/*</group>*/


/*<group=Footer>*/

#footer
{
	padding-top: 5px;
	padding-bottom: 20px;
	color: #666;
	text-align: center;
}
#footer a
{
	color: #666;
}
#footer p.float
{
	width: 25%;
}
#footer p#copyright
{
	float: left;
	text-align: left;
}
#footer p#legal a
{
	margin: 0 5px;
}
#footer p#contact
{
	float: right;
	text-align: right;
}

/*</group>*/
	
/*</group>*/




/*<group=Highlights>*/

#highlights
{
	position: absolute;
	top:  14px;
	right: 52px;
	width: 230px;
	height: 100px;
	z-Index: 999;
}
#highlights a
{
	display: block;
	width: 219px;
	height: 0;
	margin-top: 8px;
	padding-top: 69px;
	overflow: hidden;
	background-repeat: no-repeat; 
	background-position: top right; 
	background-image: url('/_img/tpl/_common/highlights.png'); 
}

#highlightContent
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	background: #000;
	border: 1px solid #000;
	visibility: hidden;
	z-Index: 999;
}
#highlightContent div
{
	border: 1px solid #ccc;
	padding: 12px;
}

#highlightContent div h3,#highlightContent div h3 a
{
	color: #E42189;
	padding-bottom: 6px;
	font-size: 1.1em;
	font-weight: bold
}
#highlightContent div p
{
	padding-bottom: 6px;
	font-size: 1.1em;
	color: #ccc;
}

	
/*</group>*/

/*<group=Common>*/

body
{
	background-color: #399;
}

#page
{
	position: relative;
	width: 717px;
	margin: 0 auto;
	padding-top: 66px;
	background: transparent url('/_img/tpl/magazine/_common/back.gif') no-repeat top left;
}

#logoLLB
{
	position: absolute;
	top: 10px;
	left: 25px;
	height: 0;
	width: 110px;
	padding-top: 110px;
	text-align: center;
	overflow: hidden;
	font-size: 1.7em;
	text-transform: uppercase;
	background-repeat: no-repeat; 
	background-position: top left; 
	background-image: url('/_img/tpl/_common/logo_llb_white.png'); 
}
#content
{
	min-height: 650px;
}

/*<group=Copy>*/
#copy
{
	width: 531px;
	margin-left: 128px;
	color: #333;
}
/*<group=Paper>*/

#paper
{
	color: #333;
	font-size: 110%;
}

#paper.top
{
	position: relative;
	padding-top: 22px;
	background: url('/_img/tpl/magazine/_common/paper_back_top.gif')  no-repeat center top; 
}
.mid
{
	background: url('/_img/tpl/_common/paper_back_mid.png')  repeat-y center top; 
}
.bottom
{
	padding: 0 30px 20px 30px;
	background: url('/_img/tpl/_common/paper_back_bottom.png')  no-repeat center bottom; 
}
#paper h1,
#paper h2 
{
	font-family: 'Times New Roman', serif;
}
#paper h1,
#paper h2 
{
	margin: 0 50px;
	text-align: center;
}
#paper h1
{
	padding-top: 10px;
	font-size: 200%;
	font-variant: small-caps;
}
#paper h2
{
	font-size: 110%;
	text-transform: uppercase;
}
#paper h3
{
}
#paper #drLast
{
	clear: both;
	padding: 20px 0 0 0;
	 
	margin-bottom: 0;
}
#paper .dr.last
{
	clear: both;
	padding: 20px 0 0 0;
	margin-bottom: 0;
}
#paper img
{
	margin: 11px 10px 2px 11px;
	 
}
#paper h3, 
#paper h4
{
	margin: 10px 30px;
	font-size: 110%;
}
#paper h3
{
	color: #000;
}
#paper h4
{
	margin-top: 20px;
	color: #339A99;
}
#paper p
{
	margin: 10px 30px;
}
#paper p.attribution
{
	margin-top: 0;
	 
	margin-bottom: 30px;
	text-align: center;
}
#paper .breakout
{
	margin: 0 10px;
	padding: 10px 0;
	background-color: #cde5e5;
}
#paper .breakout h3,
#paper .breakout p
{
	margin-left: 20px;
	margin-right: 20px;
}
#paper h3.summary
{
	margin: 30px 10px 5px 10px;
	padding: 3px 0;
	background-color: #333;
	color: #fff;
	text-align: center;
	font-size: 140%;
	font-family: 'Times New Roman', serif;
	font-variant: small-caps;
}
#paper ul.summary
{
	margin: 0 5px;
}
#paper ul.summary li
{
	position: relative;
	float: left;
	 
	width: 198px;
	margin: 5px;
	padding: 10px;
	border: 1px solid #ccc;
}	
/*</group>*/


	
/*</group>*/

/*<group=Copy Blocks>*/

#copyBlocks
{
}	
#copyBlocks .copyBlock
{
}
	
/*</group>*/

/*<group=Nav>*/

#nav
{
	position: absolute;
	top: 110px;
	left: 8px;
	width: 170px;
}

#nav li a
{
	display: block;
	height: 0;
	width: 110px;
	padding-top: 24px;
	overflow: hidden;
	background-repeat: no-repeat; 
	background-position: 0 0; 
}
#nav li a:hover
{
	background-position: 0 -24px; 
}
#nav li a.selected
{
	background-position: 0 -48px; 
}
#nav li#nav_home
{
	position: relative;
	top: 10px;
	left: -14px;
	height: 137px;
	
}
#nav li#nav_home a
{
	display: block;
	position: relative;
	width: 85px;
	top: 22px;
	left: 24px;
	padding-top: 91px;
	background-repeat: no-repeat; 
	background-position: top left; 
	background-image: url('/_img/tpl/_common/navigation.png'); 
}
#nav li#nav_space a
{
	background-image: url('/_img/tpl/magazine/_common/nav_space.png'); 
}
#nav li#nav_light a
{
	background-image: url('/_img/tpl/magazine/_common/nav_light.png'); 
}
#nav li#nav_colour a
{
	background-image: url('/_img/tpl/magazine/_common/nav_colour.png'); 
}
#nav li#nav_texturePattern a
{
	padding-top: 36px;
	background-image: url('/_img/tpl/magazine/_common/nav_texture_pattern.png'); 
}
#nav li#nav_texturePattern a:hover
{
	background-position: 0 -36px; 
}
#nav li#nav_texturePattern a.selected
{
	background-position: 0 -72px; 
}
#nav li#nav_proportion a
{
	background-image: url('/_img/tpl/magazine/_common/nav_proportion.png'); 
}
	
/*</group>*/

/*<group=Footer>*/

#footer
{
	margin-top: 20px;
	padding: 6px 0 7px 0;
	background-color: #000;
}
#footer .padding
{
	width: 717px;
	margin: 0 auto;
}
	
/*</group>*/
	
/*</group>*/

/*<group=Pages>*/
	
/*</group>*/
