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

* {margin: 0; padding:0;}
img {border: none;}
/*a:link {color: #666666; text-decoration: underline; -moz-transition: 0.4s all linear; -webkit-transition: 0.4s all linear; -o-transition: 0.4s all linear; transition: 0.4s all linear;}*/
a:link {color: #666666; text-decoration: underline;}
a:hover {color: #000000;}
a:hover {color: #000000;}
.clear {clear: both;}

body {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
font-style: normal;
line-height: 18px;
background-color: #626262;}

#top_page {
margin: 0 auto;
width: 960px;
height: 50px;}

#page {
margin: 0 auto;
width: 960px;
background-color: #ffffff;}

p {
padding: 15px 0 0 0;}

h3 {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
margin: 0;}

h2 {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
margin: 0;
color: #000000;
padding: 15px 0 0 0;}

h2#home_title {
background-image: url(../images/title_welcome.png);
background-repeat: no-repeat;
background-position: top center;
text-indent: -2000em;}

/* HEADER */

#header {
width: 960px;
height: 155px;
background-image:url(../images/header_banner.png);
background-repeat:no-repeat;}

#header_l {
float: left;
width: 395px;
padding: 32px 0 0 0;
text-align: center;}

#header_r {
float: right;
width: 565px;
padding: 32px 0 0 0;}


/* FOOTER */

#footer {
margin: 10px auto 30px auto;
width: 960px;
color: #b3b3b3;
font-size: 100%;
text-align: left;
font-size: 11px;}


/* MENUS */

ul#nav {
width: 565px;
height: 15px;
margin: 0 0 0 0;
padding: 0 0 0 0;}

ul#nav li {
float: left;
list-style-type: none;
padding: 0 0 0 55px;}

a#btn_home {
display: block;
height: 15px;
width: 57px;
padding: 30px 0 0 0;
background-image: url(../images/btn_home.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;}

a#btn_home:hover {
padding: 30px 0 0 0;
background-position: -57px;}

a#btn_home_on {
padding: 30px 0 0 0;
background-position: -57px;}

a#btn_about {
display: block;
height: 15px;
width: 76px;
background-image: url(../images/btn_about.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;
text-indent: -2000em;}

a#btn_about:hover {
background-position: -76px;}

a#btn_about_on {
background-position: -76px;}

a#btn_portfolio {
display: block;
height: 15px;
width: 83px;
background-image: url(../images/btn_portfolio.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;
text-indent: -2000em;}

a#btn_portfolio:hover {
background-position: -83px;}

a#btn_portfolio_on {
background-position: -83px;}

a#btn_services {
display: block;
height: 15px;
width: 69px;
background-image: url(../images/btn_services.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;
text-indent: -2000em;}

a#btn_services:hover {
background-position: -69px;}

a#btn_services_on {
background-position: -69px;}

a#btn_contact {
display: block;
height: 15px;
width: 70px;
background-image: url(../images/btn_contact.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;
text-indent: -2000em;}

a#btn_contact:hover {
background-position: -70px;}

a#btn_contact_on {
background-position: -70px;}


/* CONTENT */

#content {
padding: 40px 0 30px 0;
}

#content_top {
height: 350px;
}

#content_btm {
padding: 30px 0 30px 0;}

.home_clm_right {
width: 525px;
height: 180px;
padding: 0 37px 0 0;
float: right;}

.home_clm_right img {
	float: left;
}

#home_content {
width: 290px;
float: right;
padding: 0 0 0 15px;}

#home_content img {
float:none;}

.home_clm_left {
width: 310px;
height: 180px;
float: left;
padding: 0 65px 0 20px;}

a#btn_more {
display: block;
height: 15px;
width: 54px;
background-image: url(../images/btn_more.png);
background-position: 0px bottom;
background-repeat: no-repeat;
cursor: pointer;}

a#btn_more:hover {
background-position: -54px bottom;}

#about_clm_right {
width: 550px;
float: right;
padding: 0 15px 0 0;}

#about_clm_left {
width: 340px;
padding: 0 35px 0 20px;
float: left;}

.press_roll {
padding: 0 0 30px 0;}

.left_press {
width: 265px;
float: left;}

.right_press {
width: 265px;
float: right;}

.press_photo {
width: 125px;
height: 150px;
margin-right: 15px;
float: left;}

.press_info {
width: 125px;
height: 150px;
float: right;}

a#btn_download {
display: block;
height: 15px;
width: 117px;
padding: 20px 0 0 0;
background-image: url(../images/btn_download.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;}

a#btn_download:hover {
background-position: -117px;}

a#btn_read {
display: block;
height: 15px;
width: 117px;
padding: 20px 0 0 0;
background-image: url(../images/btn_read.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;}

a#btn_read:hover {
background-position: -117px;}

.services_clm_right {
width: 470px;
padding: 0 37px 0 55px;
float: right;}

.services_clm_left {
width: 395px;
float: left;}

#recent_work {
padding: 0 65px 0 20px;}

#recent_work img {
padding: 30px 0 0 0;}

a#btn_detail {
display: block;
height: 15px;
width: 96px;
padding: 20px 0 0 0;
background-image: url(../images/btn_detail.png);
background-position: 0px;
background-repeat: no-repeat;
cursor: pointer;}

a#btn_detail:hover {
background-position: -96px;}

.portfolio_clm_right {
width: 535px;
padding: 0 20px 0 10px;
float: right;}


/* POP UP */
.white_content {
display: none;
position: absolute;
background-color: #FFFFFF;
top: 205px;
right: center;
width: 800px;
z-index:1000;
overflow: auto;
/*border: solid #EAEAEA thin; */
padding: 10px 0	0 0;
box-shadow: 2px 2px 8px #bcbcbc;
}

a.btnclose {
padding: 0 0 0 750px;
text-align: right;
}

.white_content img {
margin:10px 0 0 0;
}