/*		Lapengine - KBG - JCK - Version 2.3		*/

/*		Page Styles		*/

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}

body { font-family: Verdana, Arial; font-size: 12px; color: #333333; line-height: 18px;  background:#ffffff url('../images/header_bg.gif') repeat-x right top;}

/*		Text Styles		*/

p { padding: 0px 0px 5px; margin: 0px; }
a { color: #000000; outline: none;}


.white  { color: #FFFFFF; }
.black  { color: #000000; }
.gray 	{ color: #717171; }

.georgia { font-family: Georgia; }

h1, h2, h3, h4, h5, h6 { padding: 5px 0px 5px 0px; }

.t_10 { font-size: 10px; line-height: 12px; }
.t_11 { font-size: 11px; line-height: 14px; }
.t_12 { font-size: 12px; line-height: 18px; }
.t_14 { font-size: 14px; line-height: 20px; }
.t_18 { font-size: 18px; line-height: 24px; }
.t_20 { font-size: 20px; line-height: 24px; }
.t_24 { font-size: 24px; line-height: 30px; }
.t_30 { font-size: 30px; line-height: 30px; }

.crossout  { text-decoration: line-through; }
.uppercase { text-transform: uppercase; }
.center    { text-align: center;}
.bold      { font-weight: bold; }
.justify   { text-align: justify; }
.right     { text-align: right; }

/*		Block Styles		*/

.bg_EEEEEE { background-color: #EEEEEE; }

.block_0  { padding: 0px 0px 10px; }
.block_10 { padding: 0px 10px 10px; }
.block_20 { padding: 0px 20px 10px; }
.block_30 { padding: 0px 30px 10px; }
.block_40 { padding: 0px 40px 10px; }
.block_blank { padding: 0px; margin: 0px; }
#error_block { padding: 10px; color: #FF0000; font-weight: bold; }

.top_5 { padding-top: 5px; }
.top_10 { padding-top: 10px; }
.top_20 { padding-top: 20px; }
.top_30 { padding-top: 30px; }
.top_40 { padding-top: 40px; }

.img_10 { padding: 0px 10px 10px 0px; }

.float_left { float: left; }
.clear { clear: both; }

/*		Grid Division Layout		*/

.wrapper {}

	.page_wrapper {}

		#main_content {}
	
		#page {	width: 1025px; margin: 0px auto; position: relative;}

			.re_index { position: absolute; top:5px; left:1028px; }
			.fb_icon { width:24px; height:24px; background: transparent url('../images/fb_icon.png') no-repeat top right; }
			.fb_icon:hover { background-position:bottom; }
			
			.twitter_icon { margin-top: 7px; width:24px; height:24px; background: transparent url('../images/twitter_icon.png') no-repeat top right; }
			.twitter_icon:hover { background-position:bottom; }
			
				.col_200 { width: 200px; padding-right:5px;}
				.col_700 { width: 700px; }
				.col_823 { width: 823px; }
				
				.col_200, .col_700, .col_823 { float: left; }

		#footer {}
		
/*		Navigation 		*/		
		
		.nav { width:1025px; height:82px; color:#a9a9a9; }
		.nav a{ text-decoration:none; color:#a9a9a9; }
		
		/*		Project based navigation	*/
		
		/*		top buttons	*/
		.top_nav {float:left; width:137px; height:36px; background: transparent url('../images/nav_top.gif') no-repeat top right; }
		.top_nav:hover {  background: transparent url('../images/nav_top_hover.gif') no-repeat top right;  }
		/*		bottom buttons	*/
		.bottom_nav{ float:left; width:137px; height:36px; background: transparent url('../images/nav_bottom.gif') no-repeat top right; }
		.bottom_nav:hover { background: transparent url('../images/nav_bottom_hover.gif') no-repeat top right; }
		/*		blank button place holder	*/
		.blank_button {float:left; width:137px; height:36px; background: transparent url('../images/nav_bottom.gif') no-repeat top right; }
		
		/*		Custom padding for lines within nav		*/
		.nav p{ padding: 13px 0px 0px 10px; }
		.nav_two_line p{ padding: 5px 0px 0px 10px; line-height: 14px; }
		.nav_two_line_large p{ padding: 5px 0px 0px 8px; line-height: 14px; }
		
		/*	Main navigation buttons	*/
		.main_nav { width: 200px; float:left; }
		.main_nav a{ color: #FFFFFF; }
		.main_nav p{ font-size: 13px; }
		
		/*		3 main buttons	*/
		.exp_btn { width:83px; height:82px; background: transparent url('../images/experience_btn.png') no-repeat top right; }
		.exp_btn:hover { background-position:bottom; }
		.exp_btn p{ padding: 49px 0px 0px 6px; }
		
		.home_btn { width:54px; height:82px; background: transparent url('../images/home_btn.png') no-repeat top right; }
		.home_btn:hover { background-position:bottom; }
		.home_btn p{ padding: 49px 0px 0px 8px; }
		
		.contact_btn { width:62px; height:82px; background: transparent url('../images/contact_btn.png') no-repeat top right; }
		.contact_btn:hover { background-position:bottom; }
		.contact_btn p{ padding: 49px 0px 0px 4px; }
		
		
/*     Index page specific       */

/*     about section specific   */

		.about { background:#292929 url('../images/about_bg.gif') repeat-x right top; height:100%; width:100%;}	
		
		.about_content { width: 1025px; margin: 0px auto; position: relative;  height:550px;}
		.about_content h1 { color:#8c8c8c; font-size: 28px; padding: 28px 0px 0px 20px; }
		.about_content h4 { color:#d5b87b; font-size: 14px; padding: 15px 0px 0px 20px; }
		.about_content hr { margin: 5px 20px 0px 20px; border: none; border-top: 1px solid #3f3f3f; }
		.about_content p { margin: 10px 20px 0px 20px; color:#FFFFFF;  line-height:16px; }
		
		.who { width: 323px; height:100%; display:inline; float:left; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background:#3b3b3b url('../images/who_bg.gif') repeat-x right top; padding-top: 0px;  }
		.who h4{ padding-top: 70px; }
		
/*     contact section specific   */		
		
		.contact { background:#bbbbbb url('../images/contact_bg.gif') repeat-x right top; height:100%; width:100%;}	
		.contact a{ text-decoration:none; color: none; outline: none; }
		
		.contact_content { width: 1025px; margin: 0px auto; position: relative;  height:450px;}
		.contact_one { padding-left: 20px; float:left;  width:275px; }
		.contact_one h1 {  color:#ffffff; font-size: 28px; padding-top:28px; }
		.contact_one label {  color:#000000; font-size: 14px; line-height:18px; padding-top:20px; }
		.contact_one hr { margin-top: 5px; border: none; border-top: 1px solid #3f3f3f; }
		.contact_one p { font-size: 14px; line-height:15px; padding-top:15px; }
		
		
		.contact_two { padding: 60px 0px 0px 40px; float:left;  width:300px; }
		.contact_two label { font-weight: bold; font-size: 14px; }
		.contact_two input { width:265px; margin: 5px 0px 5px 0px; }
		
		
		
		.contact_three { padding: 60px 0px 0px 40px; float:left;  width:350px; }
		.contact_three label { font-weight: bold; font-size: 14px; }
		.contact_three textarea { margin: 5px 0px 5px 0px; width: 345px; height:110px; }
		.contact_three input { border: none; width:87px; height:24px; background: transparent url(../images/submit.png) no-repeat top left; margin: 5px 0px 0px 0px; }
		.contact_three input:hover { background-position: bottom; }

/*     email validation, success ect.    */	
		
		.email-failed { text-align:center; font-size: 18px; padding: 20px 0px 20px 0px; }
		.email-sent { text-align:center; font-size: 18px; padding: 20px 0px 20px 0px; }
		
/*     base section specific   */		
		
		.secondary_page_info{ width:265px; height:480px; float:left; }
		.secondary_page_info h2{ font-weight: bold; font-size:14px; }
		.secondary_page_info p{ line-height:16px; font-size:14px; }
		
		.secondary_page_experience{ width:350px; height:480px; float:left; }
		.secondary_page_experience h2{ font-weight: bold; font-size:14px; }
		.secondary_page_experience p{ line-height:16px; font-size:14px; }
		
		.bill_img{ width:639px; height: 480px; float: left; }
		
		.seletected_projects{ width: 1025px; height: 155px; }
		
		
		#slider-wrapper{ 
		margin: 5px 0px 0px 10px; 
		width: 725px; height:480px; 
		position: relative; 
		float:left; 
		border: solid 1px #e0e0e0 ;
		padding: 10px;
		}
		
		#slider-wrapper-experience{ 
		margin: 5px 0px 5px 12px; 
		width: 639px; height:480px; 
		position: relative; 
		float:left; 
		border: solid 1px #e0e0e0 ;
		padding: 10px;
		}
		
		#slider {
			position:relative;
			width:725px; /* Change this to your images width */
			height:480px; /* Change this to your images height */
			z-index:1;
			background:url('../images/loading.gif') no-repeat 50% 50%;
		}
		#slider img {
			display:none;
			width: 700px; height:470px; 
			position:absolute;
			top:0px;
			left:0px;
		}
		#slider a {
			border:0;
			display:inline;
		}
		
		#slider .nivo-controlNav {
			position:absolute;
			width:1025px;
			left:-289px;
			top:515px; /* Put the nav below the slider */
		}
		
		#slider .nivo-controlNav img {
			display:inline; /* Unhide the thumbnails */
			position:relative;
			width:200px;
			height:130px;
			padding-left:5px;
		}