@charset "UTF-8";
body  {
	font: 100% Helvetica, Arial, sans-serif;
	background-color: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#666;
	line-height: 1.4em;
	font-size: 11px;
}


.twoColHybLt #container, #container_home, #container_info { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.twoColHybLt #container_home { 
	width: 207px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}

.twoColHybLt #container_info { 
	width: 620px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}

.twoColHybLt #sidebar1, #sidebar_home {
	width: 207px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:100%;
	background: #f2f2f0; /* the background color will be displayed for the length of the content in the column, but no further */
	position:fixed;
}

.twoColHybLt #sidebar_home {
	position: static;
}

.twoColHybLt #mainContent { 
	text-align: left;
	margin: 0 30px 0 240px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

.twoColHybLt #mainContentlogo { 
	text-align: left;
	margin: 0px 0px 0px 207px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*----GLOBAL----*/
.logo 												{ margin: 20px 0 20px 0; }
.logo a, .logo a:hover								{ border-bottom:0;}
#navcontainer										{ margin: 0 20px 40px 20px; padding: 0; }
#newscontainer										{ border-top: dotted thin; margin: 0 20px 20px 20px; padding-top: 15px;}
	#newscontainer.home								{ padding-top:5px;}
	
.aboutcontainer										{ float:left; width:650px; }
.aboutcontainer .col1								{ float:left; margin: 0px 20px 0px 0px; width:240px; line-height:1.6em; }
.aboutcontainer .col2								{ float:left; margin: 0px 20px 0px 0px; width:160px; line-height:1.6em; }
.aboutcontainer .col3								{ float:left; margin: 0px 20px 0px 0px; width:185px; line-height:1.6em; }


.clear												{ clear: both; }
.image												{ border:0; margin-top:20px; float:left; width:650px; }
.image_about										{ border:0; margin:55px 0 20px 0; float:left; width:650px; }


#home												{ background-image:url(_randomize/rotate.php); background-repeat:repeat; background-attachment:fixed; }
.description										{ display:block; width:697px; height:122px; float:left; border-bottom-style: dotted; border-bottom-width:thin; padding-top:50px; }
.description2										{ width:697px; float:left; border-bottom-style: dotted; border-bottom-width:thin; padding:60px 0 30px 0; }
.horizontal_line									{ width:697px; float:left; border-bottom-style: dotted; border-bottom-width:thin; padding:5px 0 30px 0; }

#col1												{ float: left; width: 430px; padding-right: 30px; }
#col2												{ float: left; width: 230px; }




/*----NAVIGATION----*/
ul													{ font-weight: bold; margin: 0; padding:0; list-style-type: none; }
ul a												{ display: block; width: 165px; height: 17px; text-decoration: none; background: url(_images/nav_arrow.gif) no-repeat left .2em  ; text-indent: 18px; border-bottom:0; } 
ul.project a										{ background: none; text-indent: 0; } 

#home #navcontainer .home a,
#about #navcontainer .about a,

#ideapaint #navcontainer .work a,
#ideapaint #newscontainer .ideapaint a,

#korte #navcontainer .work a,
#korte #newscontainer .korte a,

#xms #navcontainer .work a,
#xms #newscontainer .xms a,

#rwh #navcontainer .work a,
#rwh #newscontainer .rwh a,

#kmk #navcontainer .work a,
#kmk #newscontainer .kmk a,

#shiner #navcontainer .work a,
#shiner #newscontainer .shiner a,

#follett #navcontainer .work a,
#follett #newscontainer .follett a,

#gettys #navcontainer .work a,
#gettys #newscontainer .gettys a,

#recycling #navcontainer .work a,
#recycling #newscontainer .recycling a,

#sigmachi #navcontainer .work a,
#sigmachi #newscontainer .sigmachi a,

#exos #navcontainer .work a,
#exos #newscontainer .exos a,

#summer #navcontainer .work a,
#summer #newscontainer .summer a,

#strategy #navcontainer .work a,
#strategy #newscontainer .strategy a,

#asm #navcontainer .work a,
#asm #newscontainer .asm a,

#debt #navcontainer .work a,
#debt #newscontainer .debt a,

#logos #navcontainer .work a,
#logos #newscontainer .logos a,

#rfrm #navcontainer .work a,
#rfrm #newscontainer .rfrm a,

#merchant #navcontainer .work a,
#merchant #newscontainer .merchant a,

ul a:hover											{ color:#00aeef; background-position: right .2em; border-bottom:0; }





/*----LINK STYLING----*/
a													{ color: #666; text-decoration:none; border-bottom:1px dotted #666; }
a:hover												{ color: #00aeef; text-decoration:none; border-bottom:1px dotted #666; }


/*----TYPE STYLES----*/
.headline											{ font-weight: bold; line-height: 0em; color: #00aeef; }
.headline a											{ color:#00aeef; text-decoration:none; color: #00aeef; border-bottom:0 }

#about												{ float: left; width: 586px; background-color:#F2F3F0 } /*----INFO DIV----*/
#about .image										{ margin:90px 0 15px 0; }
#about .about_title									{ display:block; width:650px; float:left; border-top:dotted thin; padding-top:15px; margin-top:30px; }

h1													{ font-size:1.2em; color: #666; font-weight: bold; line-height: 1.55em; } /*----INFO H1----*/
h2													{ font-size: 12px; color: #666; font-weight: normal; line-height: 1.5em;  } /*----INFO P----*/

#blue												{ color: #00aeef; }
#fancybox-outer a									{ border-bottom:0;}