@import url("typography.css"); 
@import url("color.css"); 

/* 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 {
	text-align : left;
	background-color: #fbfbfb;
}

#wrapper {
	width : 960px;
	margin : 0 auto;
	background-image: url(../IMAGES/navigation_line.jpg);
	background-repeat: repeat-x;
	background-position: left 11.9em;
	}

#branding {
border-bottom-style:solid;
border-bottom-width:3px;
border-top-style:solid;
border-top-width:3px;
height:11.3em;
margin-bottom:3em;
margin-top:1.5em;
}

#branding #navcon { 
height:4em;
margin:0;
padding:0;
top:62%;
z-index:90;
}



#content #content-main {
border-bottom-style:none;
border-right:1px solid #CCCCCC;
float:left;
margin:0 0 3.1em 20px;
padding-right:15px;
width:700px;
}

#content .content_sub {
float:right;
width:220px;
margin-bottom:2em;
margin-right:0px;
}

#content #site_info {
border-top-style:solid;
border-top-width:3px;
clear:both;
margin-top:1.5em;
padding-bottom:30px;
padding-left:20px;
padding-top:0;
}

#content #content-main .featured_workimg {
	float:left;
	border: 1px solid #CCCCCC;
}

#site_info { background-color:#dedbd8;
clear:both;
padding-top:3em;}

#wrapper #content #content-main .container {
border-bottom:1px dashed #CCCCCC;
margin-bottom:1.9em;
padding-bottom:1.9em;
}

#site_info .site_infowrappB {
	float:right;
	margin-top:-1.5em;
	padding:1.5em 0em 0em 0em;
	width:220px;
	background-color: #d7d4d1;
}

#site_info .site_infowrappC { margin:0 auto; width: 960px;}

#site_info .site_infowrappC .site_infowrappD { float:left;
font-weight:normal;
margin:0 10px 0 20px;
width:460px;}

#site_info .site_infowrappC .site_infowrappB .books { height: 8em;}

#site_info .copyright img {
float:left;
padding-right:10px;
padding-left: 20px;
}

#work #wrapper #content #content-main .container .bigA { float:right;  border:1px solid #ccc; margin-top:10px;}
#work #wrapper #content #content-main .container .work_description { float: left; width: 300px;}

#work #wrapper #content #content-main .container .provide img { border:1px solid #D4D6D9;
margin-right:20px;
float:left;}


form {
  font-size: 1.4em;
  width: 30em;
}


/* fieldset styling */

fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

input {
  width: 200px;
}


input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

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

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */



#work #wrapper #content #content-main .container .provide img { margin-bottom: 4.5em;}

#site_info .copyright a.snbutton { float:right; margin-top:-16px; border-bottom:none; margin-right:0; }

#site_info .copyright a.snbutton:hover {
background-image: url(../IMAGES/bookmarkhover.jpg);
color:#555350;
}
#site_info .copyright a.snbutton {
background-image:url(../IMAGES/bookmark.jpg);
background-position:left center;
background-repeat:no-repeat;
color:#999999;
padding-left:18px;

}

#site_info .web_comp { float:right;
margin-right:330px;
margin-top:-67px;}