/* ------------------ Body Layout ------------------ */

body {

	background-color: #000000;
	background-image: url(/images/main_outline/body_background.jpg);
	background-repeat: repeat-x;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b7defd;
	position: relative;	
	margin-top: 0px;
	
}


a:link {

	color: #64baff;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {

	color: #64baff;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {

	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


h1 {

	color: #FF0000;
	
	font-size: 15px; 
	font-weight: bold;
	
	margin: 0px;
	padding: 0px; 
}

h2 {

	color: #64baff;
	
	padding-left: 25px;

	font-size: 13px;
	font-weight: bold;
}

h3 {

	font-size: 13px;
	font-weight: bold;
	color: #8ac0fd;
	
	margin: 0px;
	padding: 0px;

}




/* ------------------ Fonts ------------------ */

.font_bold {

	font-weight: bold;	
}

.font_red_12px {

	color: #ff1f1f;
	font-weight: bold;
	font-size: 14px;
}

.font_chilli_red {

	color: #db0104;
	font-weight: bold;
}




/*-------------------- Main Outline -------------------*/

#wrapper {

	width: 962px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	}
	
	
#top_block {

	width: 962px;
}

#footer {

	width: 962px;
}

#main_left_column {

	position: relative;

	float: left;

	margin: 0px;
	padding: 0px;

	width: 424px;
	height: 712px;
	
	background-image: url(/images/main_outline/content_body_bground.jpg);
	background-repeat: no-repeat;
}

#main_right_column {

	float: left;

	margin: 0px;
	padding: 0px;

	width: 538px;
	height: 712px;
}

		
/*-------------------- Main Menu -------------------*/

#main_menu {

	position: absolute;
	
	top: 75px;
	left: 19px;

	width: 400px;
	height: 20px;
}



/*-------------------- Main Menu Bottom -------------------*/

#main_menu_bottom {

	position: absolute;
	
	top: 690px;
	left: 45px;

	width: 350px;
	height: 20px;
}

#main_menu_bottom ul {

	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

#main_menu_bottom li {

	margin: 0px;
	padding: 0px;
	
	display: inline;
	
	font-size: 11px;
}


#main_menu_bottom li a {

	margin: 0px;
	padding: 0px 5px 0px 5px;
	
	color: #3a6e9f;
	font-weight: normal;
	
	text-decoration: none;
	
	font-size: 11px;
}


#main_menu_bottom li a:visited {

	margin: 0px;
	padding: 0px 5px 0px 5px;
	
	color: #3a6e9f;
	font-weight: normal;
	
	text-decoration: none;
	
	font-size: 11px;
}

#main_menu_bottom li a:hover {

	margin: 0px;
	padding: 0px 5px 0px 5px;
	
	color: #649cd0;
	font-weight: normal;
	
	text-decoration: underline;
	
	font-size: 11px;
}





/*-------------------- Popup Menu -------------------*/


/*-------------------- Popups Need To Be Called "Submenu +i" to Match In With the Javascript subMenu.js Menu -------------------*/

/*------ Consultancy Popup -----*/
#submenu1 {

	position: absolute;
	
	z-index: 1000;
	
	top: 520px;

	width: 260px;
	height: 160px;
	
}


.popup_background {

	padding: 35px 10px 7px 10px;
	background-color: #ffffff;
		
	color: #787878;
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	
	text-align: justify;
}

.popup_background p {

	padding: 0px;
	margin: 0px;
}

.popup_triangle {

	width: 220px;
	height: 18px;
	
	padding: 0px 0px 0px 30px;
}


.popup_close_x {

	position: absolute;

	width: 9px;
	height: 8px;
	
	top: 3px;
	left: 247px;
}


.popup_header {

	position: absolute;
	
	top: 10px;
	left: 9px;
}

.popup_click_to_hide {

	margin: 5px 0px 0px 0px;
	padding: 0px;
	
	text-align: right;
}


/*-------------------- Content Area -------------------*/

.content_area_header {

	position: absolute;
	
	top: 95px;

	width: 424px;
	height: 38px;
}


/*-------------------- Portfoio Area -------------------*/

#thumbnail_area {

	position: relative;
	
	z-index: 1000;
	
	top: 10px;
	left: 424px;
	
	width: 500px;
}


/* #thumbnail_area {

	position: relative;
	
	z-index: 1000;
	
	top: 130px;
	left: 424px;
	
	width: 200px;
} */


.thumbnail_shadow {

	height: 64px;
	width: 56px;
	
	background-image: url(/images/thumbnail_popup/thumbnail_bground_shadow.jpg);
	background-repeat: no-repeat;
	
	padding: 0px 0px 0px 8px;
	margin: 0px; 
}

#portfolio_main_graphic {

	width: 420px;
	height: 281px;
	
	top: 0px;
	/*top: 155px;*/
	
	position: relative;
	
	margin: 0px;
	padding: 0px 0px 0px 4px;

}

#portfolio_link_info {

	width: 460px;
	height: 50px;
	
	top: 325px;
	
	position: absolute;
	
	margin: 0px;
	padding: 0px 0px 0px 24px;

}

#portfolio_link_info h1{

	color: #ffffff;
	
	font-weight:bold;
	font-size:14px;
}

#portfolio_main_graphic_thumb_area {

	position: absolute;
	
	margin: 0px;
	padding: 0px;
	
	width: 60px;
	height: 15px;
	
	top: 290px;
	left: 395px;
}

#portfolio_main_graphic_thumb_area ul {

	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

#portfolio_main_graphic_thumb_area li {

	display: block;
	
	float: left;

	margin: 0px 5px 0px 0px;
	padding: 0px;
	
	width: 13px;
	height: 13px;
	
	text-align: center;
	
	background-color: #03192a;
	
	border: solid 1px #8c8c8c;
	
	color: #ffffff;
}


#portfolio_main_graphic_thumb_area li a {

	display: block;
	
	width: 13px;
	height: 13px;
	
	text-align: center;
	
	color: #ffffff;
	text-decoration: none;
}


#portfolio_main_graphic_thumb_area li a:visited {

	display: block;
	
	width: 13px;
	height: 13px;
	
	text-align: center;
	
	color: #ffffff;
	text-decoration: none;
}

#portfolio_main_graphic_thumb_area li a:hover{

	display: block;
	
	width: 13px;
	height: 13px;
	
	text-align: center;
	
	color: #ffffff;
	text-decoration: none;
	
	background-color: #0b4c7f;
}




/*-------------------- Contact Form  -------------------*/


.contact_form {

	padding: 0px;
	margin: 0px;
}

.contact_form_text_box {

	padding: 3px;
	margin: 0px;

	width: 320px;
	height: 13px;
	
	font-size: 13px;
	color: #000000;
	
	/*border: 1px solid #64baff;*/
	/*background-color: #0b3555;*/
}

.contact_form_text_area_box {

	padding: 3px;
	margin: 0px;

	width: 320px;
		
	font-size: 13px;
	color: #000000;
	
	/*border: 1px solid #64baff;*/
	/*background-color: #0b3555;*/
	
	font-family: Arial, Helvetica, sans-serif;
}

.contact_form_text {

	padding: 3px 0px 0px 25px;
	margin: 0px;

	font-size: 13px;
	color: #ffffff;
}

.contact_form_button {

	padding: 0px 0px 3px 0px;
	margin: 7px 7px 0px 7px;

	width: 80px;
	height: 20px;
	
	font-size: 13px;
	color: #000000;
	
	/* border: 1px solid #64baff;
	background-color: #0b3555; */
}