body
{
min-width: 960px;
width: auto;
height: auto;
margin: 0 auto; 
background: url('/images/main.jpg') no-repeat;
background-attachment: fixed;
background-color: black ;
}

a
{	
color: black;
text-decoration: none;
}

a:hover
{
color:white;
text-decoration: underline;	
}

.wrap
{
width: 960px;
margin: 0 auto; 
height: auto;
text-align: center;
}

#header
{
	padding: 0px;
	width: 100%;
	height: 126px;
	margin: 0 auto; 
}

.page_heading
{
	color: #E1E1E1;
	width: 100%;
	height: auto;
	background-color: #0286C8;
	font: normal 18px verdana;
	line-height: 18px;
	padding: 2px;
}

#logo
{
width: 450px;
height: 126px;
float: left;
cursor: pointer;
clear: both;
}

.main_content
{
	width: 980px;
	height: 200px;
	margin: 0 auto; 
}

.mid_content_text 
{
	height: auto;
	margin-left: 20px;
}

.main_content_homepage
{
	width: 980px;
	height: auto;
	margin: 0 auto; 
}

.aboutus_body
{
width: 980px;
height: 400px;
}

.skillset_content
{
width: 980px;
height: 400px;
margin: 0 auto; 
}

.main_content_left
{
width: 300px;
height: 230px;
border: 3px solid #292929;
background: #676767;
float: left;
}

.main_content_right
{
width: 700px;
height: 230px;
border: 3px solid #292929;
background: #676767;
float: right;

}

.footer
{
width: 99%;
height: auto;
margin: 0 auto; 
background-color: #0286C8;
border: 3px solid #404040;
}

.header_top
{
height: 60px;
width: 100%;
}

.social_block
{
	width: 290px;
	height: 60px;
	float: right;
}

#fb_icon
{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 5px;
	right: 15px;
}

#twitter_bird
{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 5px;
	right: 55px;
}

#search_image
{
width: 30px;
height: 30px;
}

.google_search_box
{
float: left;
width: 150px;
height: 22px;
background: #242424;
font: normal 16px arial;
color: #E1E1E1;
margin-left: 15px;
margin-top: 2px;
}

.menubar
{
height: 60px;
width: 100%;
}

.menubar_icons
{
	width: 25px;
	height: 25px;
	float: left;
}

#header_content
{
padding: 3px;
width: 1020px;
height: 165px;
}

#header_content #header_left_content
{
border: 3px solid #404040;
text-align: left;
font-weight: bold;
font-family: Tahoma, Verdana, Helvetica, sans-serif, Arial;
padding: 2px;
color:#C3C3C3;
font-size: 12px;
width: 400px;
height: 140px;
float: left;
}

#header_content #header_right_content
{
text-align: left;
font-weight: bold;
font-family:Tahoma, Verdana, Helvetica, sans-serif, Arial;
padding: 2px;
color:#C3C3C3;
font-size: 12px;
width: 550px;
height: 140px;
float: right;
}

#header_content #header_right_content a
{
color: #F7F7F7;
text-decoration: none;
}

#header_content #header_right_content a:hover
{
color: #67CCFC;
text-decoration: none;
}

#animated_header
{
	width: 980px;
	height: 400px; 
	background: #000 url('../images/background_blue.jpg') repeat-y scroll left top;
	padding: 0px;
}

.overshadow{
	width:100%;
	height: 400px;
	background: transparent url('../images/overlay_big.png') no-repeat scroll left top;
}

#display_text
{
	font: normal 16px helvetica;
	color: #E2E2E2;
	width: auto; 
	height:auto;
	padding: 2px;
	text-align: left;
}

#display_text_smaller
{
	font: normal 12px Verdana;
	color: #E2E2E2;
	width: auto; 
	height:auto;
	padding: 2px;
	text-align: left;
}

#display_text_smaller li
{
	height: 18px;
	padding: 2px;
}

/*[if lte IE 6]>
#animated_header div{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='overlay.png', sizingMethod='scale');
}*/

.updates
{
	font: normal 16px helvetica;
	padding-top: 10px;
	float: right; 
	width: 100%;
	height: auto;
	color: #E2E2E2;
}

.updates a
{
	color : #2083FB;
	font-weight: bold;
	text-decoration: none;
	margin-top: -920px;
}

.updates a:hover
{
color : #BFBFFF;
font-weight: bold;
text-decoration: underline;
}

.white_symbol
{
color: white;
font-weight: bold;
}

.black_symbol
{
color: black;
font-weight: bold;
}

.desc_link 
{
	font: normal 14px helvetica;
	color: #EFEFEF;
}

#footer_body 
{
padding: 1px;
color: white;
font-family:Tahoma, Verdana, Helvetica, sans-serif, Arial;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#footer_body a 
{
	color: white;
	font: bold 12px Tahoma, Verdana, Helvetica, sans-serif, Arial;
	text-decoration: none;
}

#footer_body a:hover
{
	color: black;
	font: bold 12px Tahoma, Verdana, Helvetica, sans-serif, Arial;
	text-decoration: underline;
}

.footer_top
{
height: 170px;
width: 100%;
}

.footer_bottom
{
text-align: center;
height: 16px;
width: 100%;
}

.heading_1
{
color: #0286C8;
font-weight: bold;
font-family: verdana;
font-size: 14px;
}

/********************************** Web Projects CSS **********************************/

.wp_content
{
	width: 900px;
	height: auto;
	border: 1px solid #292929;
	font-family: helvetica;
	margin: 0 auto;
	padding: 2px;
}

.wp_heading
{
	color: white;
	font-weight: bold;
	font-family: arial;
	font-size: 16px;
	padding-left: 10px;
	background: #333333;
}

.wprojects_disp
{
	width: 100%;
	height: auto;
	font-family: helvetica;
	padding: 2px;
	padding-bottom: 5px;
}

.sub_titles
{
	color: #0286C8;
	width: 75px;
	padding-left: 20px;
	padding-right: 4px;	
	font-weight: bold;
	float: left;
}

.full_desc
{
	color: #C1C1C1;
	width: 790px;
	float: right;
}

.full_desc a
{
	color: #5959FF;
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
	cursor: pointer;
}

.full_desc a:hover
{
	color: #C1C1C1;
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
}

.full_desc .screenshot_link
{
	color: #5959FF;
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
	cursor: pointer;
}

.full_desc .screenshot_link:hover
{
	color: #C1C1C1;
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
}

.screens_image
{
	width: 200px;
	height: 250px;
	border: 3px solid black;
}

.screens_image:hover
{
	width: 200px;
	height: 250px;
	border: 3px solid #0286C8;
}

.screens_image_1
{
	width: 250px;
	height: 300px;
	border: 3px solid black;
}

.screens_image_1:hover
{
	width: 250px;
	height: 300px;
	border: 3px solid #0286C8;
}

.wp_text
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #E2E2E2;
	width: auto; 
	height:auto;
	padding: 2px;
	text-align: left;
}

.specify
{
	color: red;
	padding-left: 5px;
	font-style: italic;
	font-family: verdana;
}

.screenshots_disp
{
	width: 90%;
	height: auto;
	float: right;
}

/********************************** Desktop Projects CSS **********************************/
.dp_content
{
	width: 900px;
	height: auto;
	border: 1px solid #292929;
	font-family: helvetica;
	margin: 0 auto;
	padding: 2px;
}

.dp_heading
{
	color: white;
	font-weight: bold;
	font-family: arial;
	font-size: 16px;
	padding-left: 10px;
	background: #333333;
	cursor: pointer;
}

.dprojects_disp
{
	width: 100%;
	height: auto;
	font-family: helvetica;
	padding: 2px;
	padding-bottom: 5px;
}

.dp_text
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #E2E2E2;
	width: auto; 
	height:auto;
	padding: 2px;
	text-align: left;
}

/********************************** TrueFormValidator CSS **********************************/

.tfv_content
{
	width: 900px;
	height: auto;
	border: 1px solid #292929;
	font-family: helvetica;
	margin: 0 auto;
	padding: 3px;
}

.tfv_content a
{
	color: #5959FF;
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
}

.tfv_content a:hover
{
	color: #C1C1C1;
	font-family: verdana;
	font-size: 12px;
	text-decoration: underline;
}

.tfv_content ul
{
	padding: 2px;
	padding-left: 20px;
}

.tfv_sub_titles
{
	color: #0286C8;
	width: 97%;
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	padding-left: 20px;
	padding-right: 4px;	
	font-weight: bold;
	float: left;
	background-color: #EEEEEE;
}

.tfv_middle_adjust
{
	width: auto;
	height: auto;
	padding: 3px;
}

.copy_textbox
{
	font-family: courier;
	color: black;
	background-color: #D8D8D8;
	width: 95%;
	margin: 6px;
	margin-left: 10px;
	border: 2px solid #0286C8;
	padding: 1px;
}

.copy_textbox:hover
{
	font-family: courier;
	color: black;
	background-color: white;
	width: 95%;
	margin: 6px;
	margin-left: 10px;
	border: 2px solid #0286C8;
	padding: 1px;
}

.numbers
{
	color: #0286C8;
	font-family: helvetica;
	font-size: 12px;
	font-weight: bold;
}

.tfv_details_table
{
	position: relative;
	width: 75%;
	height: auto;
	margin: 0 auto;
	border: 2px dotted #0286C8;
}

.tfv_details_table th
{
	background-color:  #0286C8;
	padding: 2px;
	padding-left: 4px;
}


.tfv_details_table td
{
	padding: 2px;
	padding-left: 4px;
}


/********************************** Miscellaneous **********************************/
.map_content
{
	width: 900px;
	height: 400px;
	border: 1px solid #292929;
	font-family: helvetica;
	margin: 0 auto;
	padding: 3px;
}

.map_content a
{
	color: #5959FF;
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
}

.map_content a:hover
{
	color: #C1C1C1;
	font-family: verdana;
	font-size: 12px;
	text-decoration: underline;
}

/********************************** Miscellaneous **********************************/
.spacer
{
height:1px;
clear: both;
}

.spacer_small
{
height:3px;
clear: both;
}

.spacer_big
{
height:5px;
clear: both;
}

.spacer_large
{
height:8px;
clear: both;
}

.spacer_huge
{
height:10px;
clear: both;
}

/********************************** JQUERY STUFF CSS **********************************/

#carousel_div
{
	width: 976px;	
	height: 220px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

.carousel_bound {
	width: 880px;
	height: 220px;
	background: url('/images/middle_trans_2.png') no-repeat;
	float: left;
	margin-left: 50px;
}

.carousel_bound #carousel
{
	margin: 0px auto;
	width: 860px;
	height: 200px;
	margin-top: 11px;
	margin-left: 15px;
}

.behind_text
{
	width: 855px;
	height: 200px;
}

.carousel_image
{
	width: 539px;
	float: left;
	height: 200px;
	padding: 1px;
}

.carousel_text
{
	width: 300px;
	height: 200px;
	color: #0286C8;
	font: normal 18px helvetica;
	padding-right: 3px;
	padding-left: 3px;
	float: right;
}

.carousel_text_heading
{
	font: bold 22px verdana;
	color: white;
}

.prev
{
	height: 220px;
	width: 50px;
	cursor: pointer;
	float: left;
	left: 0px;
	position: absolute;
}

.next
{
	height: 220px;
	width: 50px;
	cursor: pointer;
	position: absolute;
	float: right;
	right: 0px;
}

.prev:hover
{
	background: url('/images/left.png') no-repeat;
	height: 220px;
	width: 50px;
	float: left;
}

.next:hover
{
	background: url('/images/right.png') no-repeat;
	height: 220px;
	width: 50px;
	float: right;
}