/* 
		----------------------------------------------------
		CSS:		twiggy.carsonified.com
		Created: 	March 2009
		Author:     Mike Kus
		URL:		http://www.carsonified.com
	   	---------------------------------------------------
	*/



/*Reset*/

html{color:#000;background:#FFF;}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;}legend{color:#000;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

/*Fonts Reset*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

/* PNG FIX for ie6 */

img, div, a, h1, li {
	behavior: url(../iepngfix/iepngfix.htc);
}





/* ___________________________________________________________________________________________________________ */


html {
	background:url(../images/presentation/main_illustration_02.jpg) #ececec top repeat-x;
	background-attachment:fixed;
}

body {

}

body, input, select, textarea {
	font-family:Helvetica, Arial, sans-serif;
}









/* Text______________________________________________________________________________________________________ */

h2 {
	font-size:330%;
	font-weight:bold;
	color:#000;
	letter-spacing:-0.09em;
	padding:0px 0px 0px 0px;
	margin-bottom:30px;
	line-height:1em;
}

h2 span {
	color:#358ed6;
	font-size:40%;
	letter-spacing:-0.09em;
}

h3 {
	font-size:230%;
	font-weight:bold;
	color:#000;
	letter-spacing:-0.09em;
	padding:0px 0px 30px 0px;
	line-height:1em;
}

h4 {
	font-size:180%;
	font-weight:bold;
	color:#000;
	letter-spacing:-0.09em;
	padding:0px 0px 30px 0px;
	line-height:1em;
}

p {
	font-size:120%;
	color:#333;
	letter-spacing:-0.08em;
	line-height:25px;
	padding:0px 0px 30px 0px;
}

p.comment {
	margin:5px 0px 30px 0px;
	padding-bottom:0px;
	color:#666666;
	font-size:90%;
}

p.underline {
	padding:0px 0px 30px 0px;
	margin-bottom:30px;
	border-bottom:1px dotted #999;
}









/* Content Areas______________________________________________________________________________________________ */

#mainContainer {
	width:980px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

#header {
	width:980px;
}

#content {
	width:980px;
}

.primaryContent {
	float:left;
	width:580px;
	/*margin:-140px 0px 0px 20px;*/
	position:relative;
	top:-140px;
	right:20px;
	padding:20px 20px 20px 20px;
	background:url(../images/presentation/trans_black.png) top left repeat;
}

body#build .primaryContent, body#about .primaryContent {
  top: -140px !important;
  left:20px;
}

.primaryInner {
	background:#fff;
	padding:30px 30px 30px 30px ;
}

/*.primaryInner {
	background:url(../images/presentation/trans_white_65.png) top left repeat;
	padding:30px 30px 30px 30px ;
}*/

.secondaryContent {
	float:right;
	width:299px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}











/* Code ______________________________________________________________________________________________ */

pre {
	background-color:#f2f2f2;
	padding:30px 0px 15px 0px;
	margin-bottom:30px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}
	
code {
	color:#0072cf;
}









/* General ______________________________________________________________________________________________ */

ul {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #999;
	}
	
ul li {
	list-style-type:disc;
	margin:0px 0px 0px 20px;
	font-size:130%;
	color:#333;
	letter-spacing:-0.08em;
	line-height:25px;
	}	
	


ol {
	margin-bottom:30px;
	}
	
ol li {
	list-style-type:decimal-leading-zero;
	margin:0px 0px 0px 29px;
	font-size:130%;
	color:#333;
	letter-spacing:-0.08em;
	line-height:25px;
	}







/* Main Nav______________________________________________________________________________________________ */

ul#mainNav {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
ul#mainNav li {
	display:inline;
	}	
	
ul#mainNav li a {
	float:left;
	text-decoration:none;
	letter-spacing:-1px;
	font-size:135%;
	color:#fff;
	background-image:url(../images/presentation/nav_background2.png);
	font-weight:bold;
	padding:50px 16px 0px 16px;
	margin-left:1px;
	}
	

ul#mainNav li a.home {padding-bottom:13px}
ul#mainNav li a.about {padding-bottom:45px; background-position:-400px 0px;}
ul#mainNav li a.widget {padding-bottom:29px; background-position:-800px 0px;}
ul#mainNav li a.blog {padding-bottom:15px; background-position:-1200px 0px;}
ul#mainNav li a.carsonified {padding:50px 35px 15px 40px; background-position:-1600px 0px;}
ul#mainNav li a.carsonified span {display:none}

ul#mainNav li a:hover {
	color:#fff;
	background-image:url(../images/presentation/nav_background2.png);
	}
	

ul#mainNav li a.home:hover, body#home ul#mainNav li a.home {background-position:0px -200px;}
ul#mainNav li a.about:hover, body#about ul#mainNav li a.about {background-position:-400px -200px;}
ul#mainNav li a.widget:hover, body#build ul#mainNav li a.widget {background-position:-800px -200px;}
ul#mainNav li a.blog:hover {background-position:-1200px -200px;}	
ul#mainNav li a.carsonified:hover {background-position:-1600px -200px;}	
	










/* Links ______________________________________________________________________________________________ */

a {
	color:#dd0078;
	text-decoration:none;
}	

a:hover {
	color:#368fd6;
	text-decoration:none;
}	









/* Image replacement______________________________________________________________________________________________ */

a.homeTitle {
	float:left;
	background:url(../images/content/title_phone.png) top left no-repeat;
	display: block;
	width:630px;
	height:323px;
	border:none;
	padding:0px;
	margin:0px;
	}
	
a.homeTitle span {
	display:none;
	font-size:90%;
	}
	









/* Images______________________________________________________________________________________________ */

a.logoFrame {
	float:right;
	margin:10px -20px 0px 0px;
}

.blast {
	margin-bottom:10px;
	float:left;
}



/* video */

.video {
	margin:10px 0px 10px 0px;
	float:left;
}









/* Misc ______________________________________________________________________________________________ */

.marginBottom {
	margin:0px 0px 30px 0px;
	float:left;
}










/* =PATCHES
	---------------------------------------------------------- */
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */