/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center;  }

body {
background-color:#000000; 
position : relative; 
width : 1000px; 
margin : 0 auto; 
text-align : left; }

.white{
width : 100%;
background-color:#FFFFFF;
}

div#nav_sub {
z-index:20;
text-align:right;

}


div#content { 
position : relative; 
width : 100%;
 
background-color:#000000;
}

div#blacktop{
height: 80px;
width: 100%;
background-color:#000000;

margin-top: -80px;

}
/* ---------------------------------------content areas--------------------------------------- */

div#content_main {
float:left;
width : 48.5%; 


background-color:#000000;
min-height: 550px; }

div#main_slide{
float:left;
width : 400px; 


background-color:#000000;
min-height: 550px;
 
 }
 


div#main_slide p{
margin-right:40px;

}
  
div#content_sub { 
float: left; 
position: relative; 
width : 51.5%; 
background-color:#000000;
line-height: 1.2em;
margin-right: -49.5%;
min-height: 550px;
 }
 
div#sub_slide{
 float: right; 
position: relative; 
width : 598px; 
background-color:#000000;
line-height: 1.2em;

min-height: 550px;
 }
 




div#line_break{
clear: both;
position:relative;
margin-left: 30px;
margin-right: 30px;
margin-bottom:30px;
height: 5px;
background : transparent url(../images/generic/line.png) repeat-x;
}
div#content_positioner{
margin-left:30px;

margin-bottom:22px;
}
div#image_holder{
width: 455px;
height: 220px;
background-color:#FFFFFF;
margin-left: 30px;


}

div#image_holder2{
width: 455px;
height: 455px;
background-color:#FFFFFF;
margin-left: 30px;
}

div#image_holder3{
margin: 20px;
width: 415px;
height: 415px;
background-color:#cccccc;

}

div#image_holder4{
position: relative;
padding: 20px;
width: 500px;
height: 499px;
background-color:#ffffff;
margin-left: 30px;

}


.image1{

margin: 20px;}

.image2{
margin: 17px;
}

.image3{
margin-left:15px;
}

.icon{
margin:0px;
z-index:13;
}

.popup-image{
margin: 20px;
text-align: center;}

div#popup-logo-holder{
text-align: right;
margin-right: 40px;
width: 100%;
z-index:10;
}
/* ---------------------------------------portfolio grid--------------------------------------- */

div#white_cube{
width: 212.5px;
height:212.5px;
background-color:#FFFFFF;
}


ul#grid_line1{

position : relative; 
display : block;
height : 242.5px; 
width : 1000px;

}

ul#grid_line1 li{

display : inline;
position : absolute; 
display : block;
height : 250px; 
width : 220px;

}

li.grid1{
left:30px;
}

li.grid2{
left:272.5px;
}
li.grid3{
left:515px;
}

li.grid4{
left:757.5px;
}

ul#content_blocks{

list-style: none;
padding-bottom:20px;
}

li.content_blocks{
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
width: 432px;
min-height:180px;
margin-bottom: 20px;
margin-left:30px;
border:dotted;
	border-width:thin;
	border-color:#CCCCCC;
}

li.news_blocks{
margin-left:30px;

width: 400px;

}

li.staff_blocks{
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
width: 432px;
min-height:200px;
margin-bottom: 20px;
margin-left:30px;
border:dotted;
	border-width:thin;
	border-color:#CCCCCC;
}
div#client_list{
margin-left : 30px; 


}

ul#client_list {
	float: left;
  	width: 58em;
  	margin: 0;
  	padding: 0px;
  	list-style: none;
	

}

li.client_list {
  float: left;
  width: 29em;
  margin: 0em;
  padding: 0;
  
}


div#calendar_box{
left : 0; 

background-color:#000000;
height: 800px; }

div#calendar{
margin-left : 10px; 


}


/* anchor styling */
ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}




/* =switch columns */
xdiv#content_main {
left : 50%; 
width : 50%; 
padding : 1em 0; }
  
xdiv#content_sub { 
left : 0;  
width : 50%; 
padding : 1em 0; }


div#vid_container{

padding-top: 50px;
padding-left: 150px;
padding-bottom:47px;
}

/* form */

div#form_col_1{
position: relative;
float: left;
margin-left: 30px;
margin-top: 50px;
width: 300px;
min-height: 300px;
}

div#form_col_2{
position: relative;
float: left;
margin-right: -350px;
margin-top: 50px;
width: 300px;
height: 300px;
}
fieldset {
width : 90%;
margin: 1em 0;
padding: 0.5em;
border : 1px dashed #666;
height: 300px;
}

legend {
font-weight: bold;
font-size:130%;
}
label {
display: block;
}

input [type="text"] {
width : 250px;
background-color : #666;
}

textarea {
width: 200px;
height: 100px;
}

div#icons{
height:25px;
width:150px;
margin-left:860px;
margin-top:5px;


}

div#email-logo{
height:55px;
width:25px;
margin-left:850px;
margin-top:-25px;


}

div#branding, div#nav_main, div#sub_nav_main, div#site_info {
width : 100%; }

/* =si_clear_children */
.sc,.pc {
	position : absolute;
	top: 0;
	left: 0;
}

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* =switch columns */

/* =switch columns */
div#content_main_email {
float:left;
width : 48.5%; 

background-color:#000000;
min-height: 200px; }


  
div#content_sub_email { 
float: left; 
position: relative; 
width : 51.5%; 
background-color:#000000;
line-height: 1.2em;
margin-right: -49.5%;
min-height: 200px;
 }

/* --------------------------------------- form--------------------------------------- */

label {
display: block;
}

input [type="text"] {
width : 180px;
background-color : #666;
}

textarea {
width: 180px;
height: 100px;
}

/* --------------------------------------- twitter --------------------------------------- */
div#twitter_div {
margin:30px;

}

ul#twitter_update_list{
}

ul#twitter_update_list li {
margin-top:7px;
}