@charset "utf-8";
/* CSS Document */

body {
	background-color: #828282;
	*background-color: #000000 !important;
	font-family: Arial;
	font-size: 15px;
	color: #727272;
	margin: 0px !important;
	padding: 0px !important;
}
.bg {
	background: url(../img/background_black.png) repeat-x !important;
	*background: none;
	position:absolute;
	top:0px;
	width:100%;
	*width: 0px;
	height: 618px;
	margin:0px;
	padding:0px;
	z-index: -1;
}
.container {
	width: 1000px;
	height: auto;
	margin: 0px auto;
	margin-top: -15px; 
	*margin-top: -25px !important;
	/* padding: 0px !important;		
	/* background: blue; */
}

/* Menu - Header */
.content_header {
	width: 1000px !important;
	height: 105px; 
	padding: 0px !important;		
	margin: 0px !important;
	/* margin-top:10px; */
/* 	background: red;  */
}
.language{
	width: 200px;
	/* height: 95px;  */
	margin: 0px auto;
	display: block;
	float: left;
	margin-left: 30px;
	margin-top: 10px;

	/* background: yellow; */
}
.lan_espanol a{
	display: block;
	float: left;
	margin-left: 10px;
	width: 51px;
	height: 15px; 
	background: url(../img/lan_es_button.png) no-repeat;
	outline: none;
	border: none;
	text-decoration: none;
}
.lan_espanol a:hover {
	width: 51px;
	height: 15px; 
	background: url(../img/lan_esON_button.png) no-repeat;
	
}
.lan_english a{
	display: block;
	float: left;
	margin-left: 5px;
	width: 51px;
	height: 15px; 
	background: url(../img/lan_en_button.png) no-repeat;
	outline: none;
	border: none;
	text-decoration: none;
}
.lan_english a:hover {
	width: 51px;
	height: 15px; 
	background: url(../img/lan_enON_button.png) no-repeat;
}
.logo_header a {
/* 	background: url(../img/logo_header.png) no-repeat; */
	width: 449px;
	height: 95px; 
	*height: 90px !important; 
	margin: 0px auto;
	/* background:red; */
	display: block;
	float: left; 
	padding-left: 48px;
	*padding-left: 28px;
	/* margin-bottom: 10px !important;  */
	margin-top: 15px !important; 
	outline: none !important;
	text-decoration: none !important; 
}
.contact_button a{
	/* background: url(../img/contact_button.png) no-repeat; */
	width: 49px;
	height: 68px; 
	float: left; 
	margin-top: 42px !important;  
	*height: 68px !important; 
	margin-left: 180px;
	outline: none !important;
	text-decoration: none !important;
}
.menu_bar{
	width: 1000px !important;
	height: 36px !important;
	*height: 32px !important;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	/* background: blue; */
	margin-top: 10px;
	_margin-top: 0px;
	/* margin-bottom: 4px; */
}
.graphic_design a {
	background: url(../img/button_GD.png) no-repeat; 
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
.graphic_design a:hover, .graphic_design_selected {
	background: url(../img/button_GD_on.png) no-repeat; 
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;	
}
.web_design a{
	background: url(../img/button_WD.png) no-repeat;
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
.web_design a:hover,.web_design_selected {
	background: url(../img/button_WD_on.png) no-repeat;
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;	
}
.mobile_design a{
	background: url(../img/button_MD.png) no-repeat;
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
.mobile_design a:hover,.mobile_design_selected {
	background: url(../img/button_MD_on.png) no-repeat;
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;	
}
.photography a {
	background: url(../img/button_PH.png) no-repeat; 
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
.photography a:hover, .photography_selected {
	background: url(../img/button_PH_on.png) no-repeat; 
	width: 200px;
	height: 29px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;	
}
.about a{
	background: url(../img/button_AB.png) no-repeat; 
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
}
.about a:hover ,.about_selected{
	background: url(../img/button_AB_on.png) no-repeat; 
	width: 200px;
	height: 29px; 
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;	
}


/* Home */
.content{
	width: 1000px;
	height: 434px; 
	margin: 0px auto;
	margin-top: 47px;
	*margin-top: 0px;
	background: #383838;
}
.logo_home{
	background: url(../img/logo_home_1.png) no-repeat;
	*background: url(../img/logo_home.png) no-repeat;
	width: 772px;
	height: 292px; 
	margin: 0px auto;
	
}

/* Home  Samples */
.content_middle{
	width: 1000px;
	height: 434px; 
	margin: 0px auto;
	margin: 0px;
	padding: 0px;
	/* background: yellow; */
}
.content_samples_full{
	width: 1000px;
	height: 432px; 
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: -5px;
	*margin-top: -1px;
}


/* Section samples + Info */
.content_column_info {
	width: 199px;
	height: 432px; 
	float: left;
	background: #383838;
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
	/*margin-top: -5px;*/
}
.content_samples_section{
	width: 799px;
	height: 432px; 
	float: left;
	margin: 0px;	
	padding: 0px;
	margin-left: 1px;
	margin-top: 1px;
	/*margin-top: -5px;*/
}
.content_links {
	width: 199px;
	height: 300px;
	margin: 0px;
	padding: 0px;
}
.gd_link1 a {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 3px 29px;
	display: block;
	outline: none;
	border: none;
	text-decoration: none;
	color: #727272;
}
.gd_link1 a:hover {
	font-size: 12px;
	font-weight: bold;
	outline: none;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 3px 29px;
	display: block;
	background: #727272;
	color: #383838;
}
.content_square_links {
	width: 150px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	margin: 0px auto;
}
.square_links a {
	width: 33px;
	height: 33px;
	background: #727272;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 3px;
	margin-top: 3px;
	outline: none;
	border: none;
	text-decoration: none;
}
.square_links2 a {
	width: 33px;
	height: 33px;
	background: #4a4a4a;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 3px;
	margin-top: 3px;
	outline: none;
	border: none;
	text-decoration: none;
}
.back_button a{
	background: url(../img/back_button.png) no-repeat;
	*background: url(../img/back_buttonIE.png) no-repeat;
	width: 199px;
	height: 24px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	border: none;
	outline: none !important;
	text-decoration: none !important;
}

/* Info content - one sample */
.content_info_sample {
	font-size: 12px;
	font-weight: bold; 
	color: #727272;
	padding: 30px 0px 0px 30px;
	height: 270px;
}
.visit_site a{
	font-size: 12px;
	font-weight: bold; 
	color: #919191;
	border: none;
	outline: none !important;
	text-decoration: none !important;
}
.content_one_sample {
	width: 799px;
	height: 432px; 
	float: left;
	margin: 0px auto;
	margin-top: 1px;
	margin-left: 1px;
	padding: 0px;
/* 	background: url(../img/WD_1.png) no-repeat; */
	/*background: #383838;*/
}

/* Contact */
.contact_icons {
	background: url(../img/contact_icons.png) no-repeat;
	*background: url(../img/contact_icons_ie.png) no-repeat;
	width: 199px;
	height: 177px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 255px;
}
.content_contact{
	width: 799px;
	height: 432px; 
	float: left;
	margin: 0px auto;
	margin-top: 1px;
	margin-left: 1px;
	padding: 0px;
	background: #383838;
}
.column_left {
	width: 377px;
	*width: 360px;
	height: 432px; 
	float: left;
	margin-left: 22px;
}
.contact_title {
	background: url(../img/contact.png) no-repeat;
	*background: url(../img/contact_ie.png) no-repeat;
	width: 345px;
	height: 24px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
}
.contact_text {
	background: url(../img/contactinfo.png) no-repeat;
	*background: url(../img/contactinfo_ie.png) no-repeat;
	width: 167px;
	height: 129px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
}
.column_right {
	width: 378px;
	*width: 360px;
	height: 432px; 
	float: left;
	margin-left: 22px;
}
.contact_line {
	background: url(../img/line.png) no-repeat;
	*background: url(../img/line_ie.png) no-repeat;
	width: 345px;
	height: 24px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.contact_input {
	margin-top: 30px;
}
.input_email{
	background: #727272;
	width: 325px;
	height: 24px; 
	color: #383838;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 10px 0px 10px;
	margin-bottom: 15px;
	border: none !important;
	outline: none !important;
}
.input_message{
	background: #727272;
	width: 335px;
	height: 100px; 
	color: #383838;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 0px 6px 10px;
	margin-bottom: 15px;
	border: none !important;
	outline: none !important;
	overflow: auto !important;
}
.button_send {
	background: url(../img/button_send.png) no-repeat;
	width: 73px;
	height: 29px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	border: none !important;
	outline: none !important;
	cursor: hand;
	cursor: pointer;
}


/* About */
.personal_photo {
	background: url(../img/personal_photo.jpg) no-repeat;
	width: 160px;
	height: 160px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin: 35px 0px 177px 20px;
	*margin: 35px 0px 177px 10px;
}
.bio_title {
	background: url(../img/biography.png) no-repeat;
	*background: url(../img/biography_ie.png) no-repeat;
	width: 100%;
	height: 24px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.know_title {
	background: url(../img/knowledge.png) no-repeat;
	*background: url(../img/knowledge_ie.png) no-repeat;
	width: 100%;
	height: 24px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.about_text{
	width: 335px;
	color: #727272;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: normal;
}
.about_title{
	width: 325px;
	color: #979797;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.contact_text_link a{
	text-decoration: none;
	outline: none;
	border: none;
	color: white;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}






/* Green footer */
.green_footer{
	background: url(../img/green1.png) repeat-x;
	*background: url(../img/green1.gif) repeat-x;
	height: 39px;
	width: 100%;
	position: absolute;
	top: 572px;
	z-index:10;
}