/**********************************************

	General Styles
	
***********************************************/

body {

	background-color: #3A3A3A;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	color: #D8D8D8;
	line-height: 1.2em;

}

#page {

	width: 974px;
	margin-left: auto;
	margin-right: auto;

}

#page p {

	margin-bottom: 1em;

}

#page a {

	color: #F2EA03;
	text-decoration: none;

}

#page a:hover {

	text-decoration: underline;

}

/**********************************************

	Top Nav Styles
	
***********************************************/

#top_nav li {

	display: inline;

}

/**********************************************

	Left Column Styles
	
***********************************************/

#left_col {

	float: left;
	width: 262px;

}

#left_col img {

	margin-top: 5px;

}

/**********************************************

	Center Column Styles
	
***********************************************/

#center_col {

	float: left;
	padding-top: 5px;
	width: 310px;

}

.blog_entry {

	margin-left: 15px;

}

.blog_entry h1 {

	color: #D1D1D1;

}

.blog_entry p {

	color: #A8A9A8;

}

/**********************************************

	Right Column Styles
	
***********************************************/

#right_col {

	float: left;
	padding-top: 5px;
	width: 386px;

}

#right_col p {
	
	margin-left: 14px;

}

/**********************************************

	Left Nav Styles
	
***********************************************/

#left_nav {

	float: left;
	width: 200px;

}

#left_nav ol {

	list-style-type: decimal;
	padding-left: 30px;
	color: #F2EA03;
	_margin-top: 8px;
	#margin-top: 8px;

}

#left_nav h1 {

	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: .5em;
	margin-top: .5em;

}

/**********************************************

	Interior Content Styles
	
***********************************************/

.interior_content {

	margin-left: 205px;
	width: 700px;

}

.interior_content ul {
	
	list-style-type: disc;
	
}

.interior_content li {

	margin-left: 25px;
	margin-bottom: .2em;

}

.interior_content table {

	border: 1px solid #F0C603;
	color: #534502;
	margin-bottom: 1em;
	
}

#page .interior_content table tr td a {

	color: #660101;

}

.interior_content th {

	background-image: url('../images/table_head_bg.jpg');
	background-repeat: repeat-x;
	background-color: #F4DB66;
	text-align: left;
	padding-left: 4px;

}

.interior_content .subheader td {

	white-space: nowrap;
	border-top: 1px solid #F0C603;

}

.interior_content tr td {

	background-color: #FEF1B6;
	padding: 2px;
	text-align: center;

}

.interior_content tr.shaded td {

	background-color: #FAE78D;

}

.interior_content td.definition_header {

	background-color: #F8E06D ! important;

}

.interior_content td.definition {

	background-color: #FFED9D;
	text-align: left;
	padding: 8px;

}

#page .interior_content .callout {

	margin: 10px;
	margin-bottom: 1.2em;
	padding: 10px;
	border: 1px solid #424241;
	background-color: #444443;

}

#page .interior_content .callout h1{

	font-size: 1.2em;
	color: #FFF448;

}

.text {

	padding-left: 15px;

}

.text h1 {

	font-size: 1.6em;
	margin-bottom: 1em;
	font-weight: normal;

}

.number_bug {

	width: 80px;
	_width: 80px;
	height: 80px;
	_height: 80px;
	background-image: url('../images/button.png');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 3em;
	color: #fff;
	margin-left: -6px;
	float: left;

}

.number_bug p {
	padding-top: 30px;
	margin-bottom: 0px;
	_margin-bottom: -30px;

}

.process_phase {

	background-color: #383838;
	background-image: url('../images/section_bg.jpg');
	background-repeat: repeat-x;
	padding: 8px;
}

.process_text {

	margin-left: 85px;

}

.process_text h1 {

	font-size: 1.4em;
	font-weight: normal;
	padding-top: 30px;
	margin-bottom: 1.1em;
	color: #eee;

}

.portfolio_block {

	background-color: #383838;
	background-image: url('../images/section_bg.jpg');
	background-repeat: repeat-x;
	padding: 8px;
	padding-top: 1em;
	margin-bottom: 1em;
}

.portfolio_text {

	width: 400px;

}

.portfolio_text h2 {

	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: normal;

}

.portfolio_images {
	
	float: right;
	padding-top: 1em;
	
}

.portfolio_images img {

	background-color: #1F1F1F;
	padding: 8px;
	margin: 0 8px 8px 8px;

}

/****************************************************

	Form Styles
	
*****************************************************/

fieldset {

	margin-bottom: 1em;
	margin-left: 20px;

}

label {

	font-size: 1.4em;
	text-align: right;
	margin-right: 10px;
	vertical-align: middle;

}

input.contact {

	background-color: #F6FF00;
	background-image: url('../images/input_bg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #F6FF00;
	height: 35px;
	font-size: 1.4em;
	padding-top: 8px;
	padding-left: 5px;
	width: 300px;
	font-family: verdana, arial, sans-serif;
	
}

textarea {

	background-color: #F6FF00;
	background-image: url('../images/textarea_bg.jpg');
	background-repeat: no-repeat;
	border: 1px solid #F6FF00;
	height: 372px;
	width: 675px;
	font-size: 1.4em;
	padding-top: 8px;
	padding-left: 5px;	
	font-family: verdana, arial, sans-serif;

}