@charset "utf-8";
/* CSS Document */
html,body {	margin: 0px;padding: 0px;color: #000;letter-spacing:0.04em;}
body {background-image: url(img/infra.png);background-repeat:repeat;font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;margin: 0px; }
td {font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;color: #000;}
.login_container{position:absolute; top:0; left:0; width:98%; margin:20px; padding:0; background-color:#FFF; height:600px; opacity:0.8;}
.login_container:hover{ opacity:1;}	
.tbl_row_odd {background-color: #DCDCDC;}
.msg_warn{ color:#C30;}
.error_msg{color:#F00; float:left;}
.succ_msg{color: #090; float:left;}
.tbl_insert{margin:0 0 0 100px; display:block;}
.frm_insert{margin:0 0 0 100px;}
.frm_footer{ color:#666; font-size:12px; margin:30px auto 50px;}
img {border: 0px; border:none; border:#333 0px solid; z-index:1000;}
img:hover{ border: 0px; border:none; border:#333 0px solid;}
#txtbio{ width:90%; min-height:150px; hight:150px; height:!important auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; display:inline-block; padding:10px;}
#txtbio value{ margin: 10px; display:inline-block;}

h2 {font-size: 20px;font-weight: normal;}


.clearfix{ content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;} 


#main_container {margin:10px auto; height: auto; width: 960px;padding:0;}
#branding_bar {	margin: 0px auto;	height: auto;width: 924px;padding:0;color:#222;}
#navbar_main {	width: 896px;height: auto;padding: 0px 10px 10px 10px;border: none;color:#000;}
#navbar_container {	background-color: transparent;	border-bottom:#C7C7C7 1px solid;width: 920px;height: auto;padding: 15px 0px 8px 16px;font-size:14px;}

#body_column_left_container {padding: 0px 0px 0px 16px;width: 236px;height: auto;margin: 0px 0px 16px 0px;border: none;float: left;display:inline-block;}
#body_column_left {	padding: 4px 0px 16px 0px;width: 220px;margin: 0px 16px 16px 0px;border: none;float: left;	background-color: transparent;}
#body_column_right_container { position:relative; padding: 0px;width: auto;height: auto;margin: 0px 0px 16px 0px;border: none;float: left;display:inline-block;}
.tbl_numbering li{ list-style-type:decimal; list-style:outside; list-style-position:outside;}


#body_column_left_one{ width:205px; border:#CCC 1px solid; height:185px; margin:20px 0 0 0;}
#body_column_left_one:hover{opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}

#boxnavone p,#boxnavtwo p,#boxnavthree p{ text-align:center; margin:20px 0 0 0; cursor:pointer;}
#boxnavone{ position:   absolute; cursor:pointer; display:none;font-size:18px; background-color:#000; color:#FFF; width:217px; height:140px;opacity:0.7;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#boxnavtwo{ position: absolute; cursor:pointer; display:none;font-size:18px; background-color:#000; color:#FFF; width:217px; height:140px;opacity:0.7;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transitionopacity:0.9;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#boxnavthree{ position: absolute; cursor:pointer; display:none;font-size:18px; background-color:#000; color:#FFF; width:217px; height:140px;opacity:0.7;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}

#body_column_right img { border:#000 0px solid;opacity:0.9;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms; z-index:1111;}
#body_column_right img:hover { border:#000 0px solid;opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}


.index_ancor_box{ border:none; text-decoration:none; color:#333; cursor:pointer; opacity:0.9;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms; }
.index_ancor_box:hover{opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms; }

/*#trophy_wrapper{ width:300px; height:auto; float:left; margin:10px; display:inline-block; border:#EFEFEF 1px solid; opacity:0.8;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms; transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms; }
#trophy_wrapper:hover{ border: #D3D3D3 1px solid;opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms; transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms; }

#trophy_img{ width:auto; height:auto; float:left;} 
#trophy_writing_container{ display:block; width:200px; height:auto;} 
#trophy_heading { width:90%; height:auto; padding:10px 0 10px 0; background-color:#FFF; border: #EEE 1px solid; position:relative; left:-20px; top:10px; }
#trophy_heading p{ margin:5px 10px 0 0px; padding-left:20px; font-size:16px; }
#trophy_price{ width:100%; height:auto; margin:15px 0 0 -10px;}
#trophy_main_wrapper{ display:inline-block;}*/




#body_column_right li{ letter-spacing:0.04em; color:#444; padding:1px 0;}
#body_column_right .h_left{ position:relative; left:-20px; margin-left:0; width:auto; display:inline-block; background-image: url(img/infra.png); background-repeat:repeat; border: #C7C7C7 1px solid; padding:6px 16px 6px 16px;  }
#body_column_right .a_left a:link{ color:#666; margin:0; }
#body_column_right .a_left a:hover{ color:#000; } 

#body_column_right .leaveComment{ background-image:url(src/comment.jpg); background-repeat:repeat-x; color:#fff; cursor:pointer;} 
#body_column_right .f_left{margin:0 0 10px 0;}
#body_column_right p { margin:0 10px 15px 15px; color:#666;display:block; letter-spacing:0.04em;}
#body_column_right h4{ color:#333; display:block;letter-spacing:0.04em;}
#body_column_right h4, h2{ margin-left:15px;}
#body_column_right hr{ position:relative; left:-20px; border: #E8E8E8 1px solid;width:506px; }
#body_column_right a{ color: #777; margin: 0 0 0 0;}
#body_column_right a:hover{ color: #000;}

#body_column_right {padding: 4px;width: 668px;height: auto;margin: 0px 10px 10px 0px;border: #BFC6CE 1px solid;background-color:#FFF;letter-spacing:0.04em;}
#body_column_right_hidden .fb-page{ margin:50px auto 0; text-align:center;}
#body_column_right_hidden {display:none; float:left; text-align:center; position: absolute; top:0px; left:-20px; bottom:0; right:-20px; width: 718px; display:auto; border: #BFC6CE 1px solid; z-index:8888; background-color:#F6F7F8;}


#body_column_right_hidden #body_column_right_exit{ position: absolute; top:-30; left:0; right:0; height:auto;  background-color:#526796; z-index:9999; cursor:pointer;opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#body_column_right_hidden #body_column_right_exit:hover{opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}

#body_column_right_hidden #body_column_right_exit p{  padding:5px 0;color:#FFF; font-weight:bold; text-align:center; margin:7px auto; }
#body_column_right #full_container #left_container{ background-color: transparent;  width:200px; height:120px; float:left;}
#body_column_right #full_container #right_container{ width:486px; height:auto; padding:10px 0 0 20px; float:left; text-align:left; display:block; letter-spacing:0.04em;}
#body_column_right #full_container #right_container_two{ width:446px; height:auto; padding:10px 0 0 20px; float:left; text-align:left; display:block; letter-spacing:0.04em;}
#body_column_right #full_container #right_container_two a:link{color:#666; text-decoration:none;}
#body_column_right #full_container #right_container_two a:hover{color:#000;}

#body_column_right #full_container{ position:relative; margin-bottom:10px; display:inline-block; left:-20px;background-image:url(img/infra.png);background-repeat:repeat; border: #C7C7C7 1px solid;  width:708px; height:auto; z-index:1000;opacity:0.9;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#body_column_right #full_container:hover{ background-image:none; background-color:#FFF;opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#body_column_right #full_container:hover #box img{-ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg);-webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -ms-transition-duration: 500ms;}


#body_column_right #full_container #box{z-index:1000;width:217px; margin:10px 0px 10px 12px; height:140px; float:left; display:block; background-color:#FFF; border: #C7C7C7 0px solid;opacity:0.9;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#body_column_right #full_container #box:hover{opacity:1;-moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms;-webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;-o-transition: opacity; -o-transition-timing-function: ease-out; -o-transition-duration: 500ms;	transition: opacity;transition-timing-function: ease-out; transition-duration: 500ms;}
#page_header_main {	padding: 4px;width: 668px;margin: 0px 10px 10px 0px;border: none; background-color: #FFF;border:#999 1px solid;letter-spacing:0.04em;}	

.para_img{float:left; margin: 0 10px 10px 0; display:block; border:#000 0px solid; border:none;}

iframe{margin:0 auto;}

.header_page_main_bold {font-size: 14px;color: #555;width:400px;letter-spacing: 0.04em;}
.header_page_main_bold_two,
.header_page_main_bold_three,
.header_page_main_bold_four,
.header_page_main_bold_five{ display:none; font-size:14px; color:#555; width:400px; letter-spacing:0.04em;}
.clearfloat_right {	height: 0px;clear: right;font-size: 1px;line-height: 0px;}
.clearfloat_both {height: 0px;clear: both;font-size: 1px;line-height: 0px;}
.a_alone a:link{color: 999;letter-spacing: 0.04em;text-decoration: none;margin:0 0 20px 8px;padding:0 0 5px 0;}
.a_alone a:visited{color: 999;letter-spacing: 0.04em;text-decoration: none;margin:0 0 20px 8px;padding:0 0 5px 0;}
.a_alone a:hover{color: #000;letter-spacing: 0.04em;text-decoration: none;margin:0 0 20px 8px;padding:0 0 5px 0;}
.a_alone a:active{color: #000;letter-spacing: 0.04em;text-decoration: none;margin:0 0 20px 8px;padding:0 0 5px 0;}

.navbarmain a:link {color: #888;letter-spacing: 0.04em;text-decoration: none;font-weight: bold;}
.navbarmain a:visited {	color: #777;letter-spacing: 0.04em;text-decoration: none;font-weight: bold;}
.navbarmain a:hover {color: #000;letter-spacing: 0.04em;text-decoration: none;font-weight: bold;}
.navbarmain a:active {color: #000;letter-spacing: 0.04em;text-decoration: none;font-weight: bold;}
#admin_skills_subnav {	padding: 4px 8px 4px 8px;width: 652px;margin: 0px 0px 10px 6px;	border: #BFC6CE 1px solid;	background-color: #F0ECE3;	font-size: 12px;float: right;}
.subnav a:link {font-size: 12px;color: #000000;text-decoration: none;font-weight: normal;}
.subnav a:visited {	font-size: 12px;color: #000000;text-decoration: none;font-weight: normal;}
.subnav a:hover {font-size: 12px;color: #000000;text-decoration: underline;font-weight: normal;}
.subnav a:active {font-size: 12px;color: #000000;text-decoration: none;font-weight: normal;}
.grey-line{float: left;width: 100%;height: 1px;background-color: #DDD;border-width: 0;}
.warning_msg {color: #C00;font-weight: bold;}
.right_container_background{ background-image:url(img/stone_tile.jpg); background-repeat:repeat; cursor:pointer;}



/*------------------CONTACT----------------------*/
#bottom_info{ width:100%; height:auto; background-color:transparent; display:inline-block;}
#address_info{ width:25%; margin:20px 0 0 30px; padding:10px; border-right: #E9E9E9 1px solid; height:auto; display:inline-block; float:left; letter-spacing: 0.07em; color:#666;}
#tbl_insert{ display:inline-block; float:left; color:#666; letter-spacing:0.07em;}
#tbl_insert input{ width:280px; padding:5px; font-size:16px;border:#CCC 1px dotted;}
#tbl_insert input:focus{width:280px; padding:5px; font-size:16px;border: #CCC 1px solid;}
#tbl_insert textarea{ width:280px; font-family:Arial, Helvetica, sans-serif; padding:5px; border:#CCC 1px dotted;}
#tbl_insert textarea:focus{ width:280px; font-family:Arial, Helvetica, sans-serif; padding:5px; border:#CCC 1px solid;}


/*--------------------FOOTER-----------------------*/
#footer_container{height:auto; display:inline-block; width:100%; background-image:url(img/stone_tile.jpg); background-repeat:repeat; margin-top:50px; border-top:#CCC 2px solid;}
#footer_container #center{ width:960px; margin:0px auto; height:auto; display:block;} 
#footer_container #center #footerright{ float:left; width:200px; height:200px; margin:20px; background-color: transparent; }
#footer_container #center #footerleft{ float:left; width:660px; height:200px; margin:20px 20px 20px 10px; }
#footer_container #center #footerleft #sitemap{ height:190px; width:170px; padding-left:20px; margin:5px; float:left; border-left:#CCC 1px solid; color:#666;}
#footer_container #center #footerleft #rightcont{ height:190px; width:445px; margin:5px 0px 5px 5px; float:left; border:#CCC 0px solid;}
#footer_container #center #footerleft #rightcont #rightcont_top{ width:100%; height:auto; margin:5px 0 0 0; padding:0 0 10px 0;border-bottom: #CCC 1px solid; color:#999; font-style:italic; letter-spacing:0.07em;}  
#footer_container #center #footerleft #rightcont #rightcont_bottom{ width:100%; height:auto; padding-top:10px;letter-spacing:0.07em; color:#999; font-size:13px;} 


#sitemap a:link{ color:#999; text-decoration:none;}
#sitemap a:visited{ color:#999; text-decoration:none;}
#sitemap a:hover{ color:#666; text-decoration:none;}
#sitemap a:active{ color:#999; text-decoration:none;}
	 .desktop{display:block;}
	 .tablet{display:none;}

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	 .desktop{display:none;}
	 .tablet{display:block;}
 }