/*
442 Design Core CSS file
Version 1.0
*/

body { 
padding: 0; margin: 0; 
font-size: 62.5%; font-family : Helvetica, Arial, Verdana, sans-serif; text-align: center;  
}

/* Basic Text Reset
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, blockquote { padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; color: #58595b; }
ul { list-style-type: none; padding: 0; margin: 0; }
ul li { font-size: 1em; }

/* Basic Link Behaviour
-------------------------------------------------------*/
a { text-decoration: none; }
li a { color: #000; }
li a:hover,
body.contact #content_main .col-b a { color: #e0148f; }
body.contact #content_main .col-b a:hover { color: #000; }

/* Basic formatting
-------------------------------------------------------*/
#content_main h2,
#content_sub h3 { color: #e0148f; font-weight: bold; }
#content_main h2 {  font-size: 4.3em; padding: 0; line-height: 80%; margin: 0 20px 0 20px; }
#content_main h3 { margin: 0 20px 1em 20px; padding: 1em 0 .1em 0; font-size: 1.2em; border-bottom: 3px solid #aaa; }
#content_main h3 a { font-weight: normal;text-transform: uppercase; color: #e0148f; letter-spacing: 1px;  }
body.wide #content_main h2 { font-size: 2.5em;  color: #636363; padding: 20px 0 10px 0; line-height: 1}
#content_sub h3 { font-size: 16pt; margin: 0 0 1em 0; }
#content_main p { margin: 0 20px 1em 20px; }
body.contact #content_main .col-c h3 { font-size: 1.6em; margin: 0 0 1em 0; color: #e0148f; font-weight: bold; padding: 0; border: 0; } 
body.contact #content_main .col-c p { font-size: 1.1em; font-weight: normal; line-height: 1; padding: 0 0 1em 0; margin: 0;}


q { font-size: 3.9em; color: #e0148f; font-weight: bold;  line-height: 89%; }
body.wide #content_main div p { font-size: 1.4em; color: #000; display: block; margin: 0; padding: 1em 0 0 0; font-weight: bold;}

/* Lists
-------------------------------------------------------*/
ul#access { position: absolute; left: -9999px; }
#nav_main ul { float: left; padding: .2em 0; }
#nav_main li { display: inline; padding-left: 20px; }
body.project #content_sub li { font-size: 1.2em; margin-bottom: .6em; }
body.project #content_sub li:last-child { margin-bottom: 2em; }


dl, dt, dd { float: left; padding: 0; margin: 0; font-size: 1.1em; }
dl { padding: 3px 0; width: 100%; }
dt, dd, dd a { color: #ccc; font-weight: bold; }
dd a { font-size: 1em; }
dt { padding-left: 20px; }
dd { padding-left: 10px; }
dd em { font-style:normal; color: #fff;}
dd a:after { 
content: " > ";
}
	

/* Main Structure
-------------------------------------------------------*/
#wrapper { width: 900px; margin: 0 auto; }
div.vcard { width: 100%;  text-align: left; }
#container,
#branding,
#nav_main,
#content { width: 100%; float: left; text-align: left; position: relative; bottom: 0px;}
#nav_main { background: #fff; font-size: 1.5em; font-weight: bold; }

#siteinfo { clear: left; display: block; text-align: right; padding: .5em 0; background: #fff; height: 26px;}

body.project #content_main { float: left; width: 657px; }
body.project #content_sub { float: right; width: 220px; }

body.home #container { min-height: 454px; }
body.wide #content { border-bottom: 3px solid #e0148f; }
body.contact #content_main div.col-a, 
body.contact #content_main div.col-b, 
body.contact #content_main div.col-c { float: left !important; position: relative;  margin-left: 10px; padding-top: 20px;}
body.contact #content_main .col-a { width: 220px; }
body.contact #content_main .col-b { width: 300px; } 
body.contact #content_main .col-c { width: 340px; }
	
	/* Branding
	----------------------------------------------*/
	#branding { position: relative; }
	body.project #branding,
	body.wide #branding { background: #636363; }
	h1 { display: block; width: 900px; height: 168px; float: left; padding: 0; margin: 0; border-bottom: 1px solid #000; }
	/*h1 a {  } */
	h1 a img { border: 0; }
	#nav_main p { float: right; color: #e0148f; padding: .3em 0; width: 260px; font-size: 0.9em; font-weight: bold; }
	#featured { position: relative; left: -30px; visibility: hidden; z-index: 9000;}
	
	/* Content Main
	----------------------------------------------*/
	
	
	/* Home 
	------------*/
	body.home #content_main { height: 420px; padding: 30px 0 3em 0; float: left; margin-top: -168px;  width: 260px; background-image: url(../img/big-white.png);}
	p#launch-project { color: #808080; font-weight: bold; font-size: 1.3em; }
	p#launch-project span { text-transform: uppercase; }
	p#launch-project a { display: block; width: auto; background: #fff url(../img/arrow-big.gif) no-repeat 95% 50%; padding-left: 5px; color: #e0148f; width: 180px; font-size: 1.4em; margin-top: .2em; } 
	p#launch-project a:hover {  color: #000; }
	
	/* Project
	------------*/
	img.primary { margin-bottom: 1em; }
	img.primary { margin-bottom: 1em; }
	body.project #content_main .col-a { float: left; width: 49%; }
	body.project #content_main .col-b { float: right; width: 49%; }
	
	
	/* Wide
	------------*/
	body.wide #content_main {  width: 266px; float: left; }
	body.wide #content { background-color: #fff; min-height: 348px;  height: 348px; }
	body.wide #content_main div.quote { width: 360px; position: absolute; top: 30px; left: 390px; }
	body.contact #content_main {  width: 100%; float: left; }
	body.contact #content_main div.col-a { margin-left: 0 !important; }
	body.contact #content { background-image: none; }
	
	/* Content Sub
	----------------------------------------------*/
	body.home #content_sub { position: absolute; bottom: 0; right: 0; width: 260px; height: 252px; background: transparent url(../img/bg-black-trans.png) repeat top left; text-align: center; clip: auto; overflow: hidden;}
	body.home #content_sub div.wrapper { width: 240px; text-align: left; margin: 0 auto; display: block; padding: 0 0 10px 0;}
	body.home #content_sub h2 { text-transform: uppercase; color: #e0148f; font-size: 1.7em; font-weight: bold; padding: 10px 0; } 
	body.home #content_sub ul { margin: 0; float: left; width: 100%; }
	body.home #content_sub li { width: 48%; text-transform: uppercase; margin-bottom: 1em; float: left; }
	body.home #content_sub li a { color: #fff; font-size: 10px; background: transparent url(../img/arrow-small.png) no-repeat top right;  display: block; width: 100%;}
	body.home #content_sub li a:hover { color: #e0148f;  }

	body.project #content_sub .wrapper h3 { padding-top: 10px; margin: 0; }
	body.project #content_sub .wrapper ul li { padding: 0; margin: 0; }
	body.project .vcard .wrapper { width: 80%; margin: 0 auto; }
	
	/* vCard
	------------*/
	div.vcard { background:#e0148f; color: #fff; font-size: 1.2em; padding: 10px 0; }
	body.home #content_sub .vcard { display: block; font-weight: bold; margin: 0; width: 100%; float: left;  }
	body.home #content_sub .vcard .col-a, .vcard .col-b { width: 49%; float: left; }
	body.project .vcard { position: absolute; bottom: 0; right: 0; width: 220px; }
	
	body.wide #content_main .vcard { background: #fff; color:#636363;  }
	body.wide #content_main .wrapper { width: 90%;  margin-left: 20px; font-size: 1.2em; font-weight: bold; }
	body.wide #content_main .vcard .fn,
	body.wide #content_main .vcard2 .addr { font-size: 1.6em;  color: #636363; padding: 0;  }
	body.wide #content_main .vcard .addr { margin-bottom: 1.5em; }
	
	
/* Forms
-------------------------------------------------------*/	
#design fieldset {  position: absolute; top: 50px; right: 0; width: 260px; }
#design fieldset h2 { color: #aaa; font-size: 2.8em; font-weight: bold; margin-bottom: 10px; }
#design fieldset select { border: 1px solid #aaa; width: 70%; }

form { padding: 0; margin: 0; }
fieldset { border: 0; padding: 0; margin: 0; width: 100; }
label { display: block; width: 100%; float: left; padding: 0 0 1em 0; font-size: 1.1em;  }
label input, textarea {  width: 67%; float: right; }
input { font-size: 1.1em;  }
textarea { height: 60px; }
label span {  float: left; width: 30%;  padding-top: .3em;}
button { font-size: 1.6em; margin: 0 0 1em 0; color: #e0148f; font-weight: bold; float: right; background: none; border: none;  }