@charset "utf-8";

/*
Theme Name: Gallagher Construction LLC
Description: 
Version: 1.0
*/


/****************************************
		General Setting 
*****************************************/

@font-face {
    font-family: 'droid_serifregular';
    src: url('../fonts/DroidSerif-webfont.eot');
    src: url('../fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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



body {
	color : #333333;
	font-size : 14px;
	font-family: 'Open Sans', sans-serif;
	line-height : 1.6em !important;
	-webkit-text-size-adjust : none;
	background-color: #FFFFFF;
	background-image: url(images/bk-b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/********************************************************
    Link Color
********************************************************/
a{
	color : #ff8315;
	text-decoration : none;
}

a:hover{
	color : #888888;
}

a:active, a:focus {
	outline : 0;
	}


/********************************************************
    Font Size
********************************************************/

.serif{
    font-family: 'droid_serifregular';
}

.x-large   { font-size: 164%; }
.large     { font-size: 136.5%; }
.mid       {
	font-size: 108%;
	line-height: 1.7em;
}
.small     { font-size:  90%; line-height: 1.6em; }
.x-small   {
	font-size:  77%;
	line-height: 1.5em;
}
.bold
{
	font-weight: bold;
}
.strong
{
	font-weight: 600;
}

.normal
{
	font-weight: normal;
}
.itallic
{
	font-style: italic;
}
.redtxt {
	color: #CC3300;
}
.orangetxt {
	color: #FF8315;
}
.greytxt {
	color: #666666;
}
.lightgreytxt {
	color: #B5B5B5;
}
.warmgreytxt {
	color: #CBB9A6;
}
.brownytxt {
	color: #7A3400;
}
.coolgreytxt {
	color: #DBDBDB;
}

.readmore {
	font-size:90%;
	margin-top:7px;
	/*font-style: italic;*/
	margin-left: 3px;
	}

span.stk { text-decoration:line-through; } 

.txt_right{
	text-align: right;
}
.txt_center{
	text-align: center;
}

.align_left{
	float : left;
	clear : left;　
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
}

.align_right{
	float : right; 
	clear : right; 
	margin : 3px 0 10px 10px;
}

.align_center{

clear: both;
	margin: 0 auto;}

.border{
	border: #CCC solid 1px;
	padding:1px;
}

/* Social Icons */
.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
	text-align: center;
}

.social-icons li {
	display: inline-block;
	margin: -1px 4px 5px 0;
	padding: 0;
	border-radius: 100%;
	overflow: visible;

}

.social-icons li a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: #FFF;
	border-radius: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	color: #333 !important;
	text-decoration: none;
}

.social-icons li.social-icons-twitter a {
	background: #1aa9e1;
	color: #FFF !important;
}

.social-icons li.social-icons-facebook a {
	background: #3b5a9a;
	color: #FFF !important;
}

.social-icons li.social-icons-pinterest a {
	background: #cc2127;
	color: #FFF !important;
}

.social-icons li.social-icons-houzz a {
	background: #4dbc15;
	color: #FFF !important;
}


.social-icons li:hover a {
	background: #171717;
	color: #FFF !important;
}

.social-icons li:hover.social-icons-houzz a {
	background: #4dbc15;
}


.social-icons li:hover.social-icons-twitter a {
	background: #1aa9e1;
}

.social-icons li:hover.social-icons-facebook a {
	background: #3b5a9a;
}

.social-icons li:hover.social-icons-linkedin a {
	background: #0073b2;
}

.social-icons li:hover.social-icons-rss a {
	background: #ff8201;
}

.social-icons li:hover.social-icons-googleplus a {
	background: #dd4b39;
}

.social-icons li:hover.social-icons-pinterest a {
	background: #cc2127;
}

.social-icons li:hover.social-icons-youtube a {
	background: #c3191e;
}

.social-icons li:hover.social-icons-instagram a {
	background: #7c4a3a;
}

.social-icons li:hover.social-icons-skype a {
	background: #00b0f6;
}

.social-icons li:hover.social-icons-email a {
	background: #dd4b39;
}

.social-icons li:hover.social-icons-vk a {
	background: #6383a8;
}

.social-icons li:hover.social-icons-xing a {
	background: #1a7576;
}

.social-icons li:hover.social-icons-tumblr a {
	background: #304e6c;
}

.social-icons li:hover.social-icons-reddit a {
	background: #ff4107;
}

.social-icons.social-icons-transparent li {
	box-shadow: none;
}

.social-icons.social-icons-transparent li a {
	background: transparent;
}

.social-icons.social-icons-icon-light li a i {
	color: #FFF;
}






/********************************************************
    Headings
********************************************************/

h1,h2,h3,h4,h5,h6 {  }


h1 {
    font-size: 26px;
	margin-bottom: 15px;
	font-weight: 600; 
    }
	
	

h2 {
    font-size: 22px;
    }

h3 {
    font-size: 18px;
    }

h4 {
    font-size: 17px;
	line-height: 1.5em;
    }

h5 {
    font-size: 16px;
    }
	
h6 {
    font-size: 15px;
    }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/********************************************************
    Misc.
********************************************************/
.clear{ clear: both; line-height: 0}

.dotline {
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
}

.dotline-o {
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #ff8315;
}

.line {
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
}

/********************************************************
    Main contents
********************************************************/
#main_bg{
	clear : both;
	overflow : hidden;
	background-color: #FFFFFF;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom:30px;
}

#main_white{
	clear : both;
	overflow : hidden;
	background-color: #FFFFFF;
	padding-bottom:30px;
}
#main_bg_pg{
	clear : both;
	overflow : hidden;
	background-color: #FFFFFF;
	background-image: url(images/bg_pg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom:30px;
}
#wrapper{
	margin : 0 auto;
	padding : 0 1%;
	width : 98%;
	position : relative;
}

.inner{
	margin : 0 auto; 
	width : 100%;
}

.clearfix{
	clear:both;
}


.totop {
	margin-right: 1.2em;
	float:right;
	font-size: 80%;
	line-height: 1.6em;
}
.totop a{
	color:#999999;
	text-decoration: none;
}

.spacer {
    margin-right : 18px;
}
/********************************************************
    Header
********************************************************/
#header{
	height : 136px;
}

#header h1{
	padding : 5px 0 10px 15px;
    font-size : 10px;
}

#header a{
	color : #666666;
}

#header a:hover{
	color : #888888;
}

/********************************************************
    Logo
********************************************************/
.logo{
	float : left;
    margin-top : 20px; 
}

.logo p{
	float : left;
}

.logo img{
	width : auto;
	float : left;
	padding-top: 2px;
	padding-bottom: 0;
}

.logo span{
	display : block;
}

/********************************************************
   Information
********************************************************/
.header_information {
    float : right; 
    margin-right : 5px;
    margin-top : 15px; 
    margin-bottom : 10px; 
    font-size : 14px; 
	line-height :1.8em;
    color : #666666;　
}
.header_information span{
    font-size : 17px;
}
.header_information p{
	text-align: center;
    font-size : 14px; 
}
.header_information .telnumber{
    font-size : 32px;
	font-weight:bold; 
}
.header_information a{
    color : #666666;　
}


/********************************************************
    Top page banner w 930px
********************************************************/
#top_banner{
	padding : 0;
	width : 100%;
	/*position : relative;*/
	z-index:1;
	margin-top: 23px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#top_banner img{
	max-width : 100%;
	height: 247px;
	width: 962px;	
}
#top_banner h1{
	color:#4d4d4d;
	line-height:125%;
	font-size:220%;
	margin-top: -300px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 60px;
	font-weight: 800; 
}
#top_banner h3{
	color:#4d4d4d;
	margin:0 0 2px 60px;
	font-size:120%;
	line-height: 1.6em;
	font-weight: 400;
}

#free_workshop{
	position: inherit;
	margin-top:124px;
	background-color:#2b2e35;
	height:90px;
	width:91%;
	z-index:2;
	float:right;
}

#free_workshop img{
	margin:-40px 0 0 -90px;
	
}

#free_workshop h3{
	color:#ffffff;
	margin-top: -90px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 60px;
	font-weight: 300;
}

#free_workshop h2{
	color:#ffffff;
	margin:0 0 0 60px;	
	font-size: 160%;
	font-weight:600;
}

.learn_more{
	float:right;
	margin: -5% 12% 0 0;
    background-color: #da231b;
    border-radius: 4px 4px 4px 4px;
    
    font-weight: 500;
    padding: 1%;
	text-shadow: 1px 1px #000000;
	
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	
}
.learn_more a{color: #FFFFFF;}

/********************************************************
   Meet the team section
********************************************************/

.teampc {
  float:right;
  margin: 5px;
}
.profile{
	margin-bottom:10px;
}
.profile h2 {
  font-family: 'droid_serifregular';
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 25px;
}
.profile img{
	float:left;
	margin-right:10px;
	border:#cccccc solid 1px;
	padding:2px;
	margin-bottom:50px;
}
/*..profile img{
	float:right;
	margin-left:10px;
	border:#cccccc solid 1px;
	padding:2px;
	margin-bottom:50px;
}

/********************************************************
    contact page style
********************************************************/
.contact_grid_twothird{
	float : left; 
	width : 520px;
	margin:30px 0 0 30px; 
}
.contact_grid_twothird h2{
	font-size:200%;
	margin-bottom:10px;
}
.contact_grid{
	float : left; 
	width : 380px; 
	margin:30px 0 0 10px; 
}
.contact_grid h3{
	font-size:200%;
	margin:15px 0 10px 0;
	font-weight:600;
}
/********************************************************
    Grid
********************************************************/
.grid_container{
    padding : 10px 0 20px;　
    overflow : hidden;
}

* html .grid_container{
	height : 1%;
}
	
.grid{
    float : left;
    border-radius : 5px;
}

.box{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box img{
    max-width : 100%;
    height : auto;
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
       -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
         -o-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
        -ms-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
            box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}

.box h3{
	padding : 10px 0 5px; 
}

.box h3, .box p{
	text-align : center;
}

.box p.readmore{
	padding : 10px 5px 5px;　
	text-align : right;
}


/********************************************************
    Main contents
********************************************************/
#main_full{
	margin-top : 35px;
}


#main{
	margin-top : 35px;
	margin-bottom : 15px;
}

#main_twothird{
	margin-top : 35px;
}

section.content article{
	padding-top : 20px;　
	margin-bottom : 30px;　
	overflow : hidden;
}

* html section.content article{
	height : 1%;
}

section.content p{
	margin : 0 10px 5px 0;
	padding-left:5px;
}


h2.heading{
	/*font-family: 'droid_serifregular';*/
	line-height : 36px;
	letter-spacing: 0px;
	font-weight:600;
	margin-bottom : 10px;　
}
h2.heading a{
	color : #493D2E;
}

h2.heading-sub{
	font-family:Orator Std;
	line-height : 40px;
	color : #666666;
	letter-spacing: 1px;
	font-weight:300;
	margin-bottom : 10px;　
}


section.content img{
	max-width : 90%;　
	height : auto;　
}
/********************************************************
    General List Setting
********************************************************/
ul.o-circle{
	list-style-type: none;	
    margin-top:30px;

	
}
ul.o-circle li.one{	
    
	list-style-position: outside;
	background-image: url('images/1.png');
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 60px; 
	padding-top:10px;
}
ul.o-circle li.two{	
    list-style-position: outside;
	background-image: url('images/2.png');
    background-repeat: no-repeat;
    background-position: 0px 50px;
    padding-left: 60px; 
	padding-top:50px;
	
}


/********************************************************
    Project Spotlight Detailed List
********************************************************/
.prodetail{
    margin-bottom:10px;
}
.prodetail .item {
  width: 100px;
  float: left;
}
/********************************************************
    featured service
********************************************************/
#featured_services{
	background-color: #f2f1e8;
	color: #493d2e;
	clear : both;
	overflow : hidden;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	margin-left: 22px;
}


#featured_services a{color: #493d2e;
}

#featured_services h2 a{
	line-height : 30px;
	letter-spacing: 0px;
	font-weight: 600;
	margin-bottom : 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#side_bar_services p{
	font-size : 13px;
	line-height:1.4em; 
}

/********************************************************
    Side Bar News
********************************************************/
#side_bar_services ul{
	padding-top: 10px;
	clear : both;
	overflow : hidden;
	padding: 20px;
	color: #493D2E;
	
  background-color: #f2f1e8;
  }

#side_bar_services li{
	margin-bottom : 7px;
	list-style : none;
}

#side_bar_services li:last-child{
	border : 0;
	margin-bottom : 0px;
}

#side_bar_services li a{
	/*display : block; */
}

#side_bar_services ul.list li{
    clear : both;
	margin-bottom　:　5px;
    padding : 5px 0;
    overflow : hidden;
    border : 0;
}
#side_bar_testimonial{
	margin-top:10px;
　
}

#side_bar_services{
	margin-top:0px;
　
}
#side_bar_services h2 .ser{
	font-size : 18px;
	margin-bottom : 15px;
	font-weight:600;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;

　
}
#side_bar_services h3{
	font-size : 15px;
	margin-bottom : 5px;
	font-weight:400;
　
}
#side_bar_services h4{
	font-size : 17px;
	margin-bottom : 5px;
	font-weight:600;
　
}
#side_bar_services p{
	font-size : 13px;
	line-height:1.4em; 
}
#side_bar_services h5{
	font-size : 108%;
	line-height:1.6em;
	padding-bottom:10px;
	font-weight:300; 
}
/********************************************************
    Side Bar
********************************************************/
#side_bar_left h1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	font-weight:600;
}

#side_bar_left ul{
	list-style-image:url(images/gray_circle.png);
}

#side_bar_left li{
	list-style : none;
	margin-bottom : 5px;
}

#side_bar_left li:last-child{
	border : 0;
	margin-bottom : 0px;
}

#side_bar_left li a{
	/*display : block; */
	color : #333333;
}

#side_bar_left li a:hover{
	color : #888888;
}

#side_bar_left ul.list li{
    clear : both;
	margin-bottom　:　5px;
    padding : 5px 0;
    overflow : hidden;
    border : 0;
}


#side_bar_left .workshopbanner, #side_bar_right .workshopbanner{
	padding-top:20px;
	padding-bottom:10px;
	}
	
#side_bar_right li a{
	/*display : block; */
	color : #333333;
}
	
	 
ul.list li{
	height : 1%;
}

ul.list li img{
	float : left; 
	margin-right : 10px;
}

ul.list li{
	font-size : 12px; 
	line-height : 1.35;
}
/********************************************************
   Testimonials
********************************************************/



#testimonial{
	clear : both;
	overflow : hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/bg-testi.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F2F1E8;
	color: #493D2E;
	/*text-shadow: 1px 1px #ffffff;*/
}

* html #testimonial{
	height : 1%;
}

#testimonial-side{
	clear : both;
	overflow : hidden;
	padding:20px;
	background-color: #F2F1E8;
	color: #493D2E;
}

#testimonial-side a{
	color: #FF8315;
}

#testimonial-side h2{
	clear : both;
	overflow : hidden;
	text-align:center;
}

#testimonial-side p{
	font-size : 110%;
	line-height : 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:10px;
	margin-bottom:5px;
}
#testimonial-side h6{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 0;
  text-align: right;
	margin-bottom:5px;
	font-weight: normal;
}


/********************************************************
   News
********************************************************/

.penandhummer h1{
  font-size: 28px;
	color:#493d2e;
	clear : both;
	overflow : hidden;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 36px;
	letter-spacing: 0px;
	font-weight: 600;
	margin-bottom: 10px;
}
.penandhummer h2{
	text-align:center;

	margin-bottom: 0px;
}

.penandhummer h5{
	color:#493d2e;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-top: 0px;
	margin-bottom:10px;
	font-weight: 600;
	text-align: center;
}


#news{
	clear : both;
	overflow : hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/bg-testi.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F2F1E8;
	color: #493D2E;
	/*text-shadow: 1px 1px #ffffff;*/
}

* html #news{
	height : 1%;
}



#news-side {
	clear: both;
	overflow: hidden;
	padding: 20px;
	background-color: #fff;
	color: #493D2E;
	margin: 0px;
	/*border-width: 1px;
	border-color: 493D2E;

	border-style: solid;*/
}

#news-side a{
	color: #FF8315;
}

#news-side h2{
	font-size : 125%;
	clear : both;
	overflow : hidden;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#news-side h3{
	font-size : 14px;
	line-height : 2em;
	clear : both;
	overflow : hidden;
}

#news-side p{
	font-size : 105%;
	line-height : 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:5px;
	margin-bottom:5px;
}

#news-side p a{
	font-size : 100%;
}

#news-side h6{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 0px;
	margin-bottom:10px;
	font-weight: normal;
}


/********************************************************
   column 1/3
********************************************************/
.column-one-third-pic{
	float : left; 
	width : 295px; 
	overflow : hidden;
	padding:0px;
	background-color: #fff;
	margin-left: 22px;
}

.column-one-third-pic-right{
	float : right; 
	width : 295px; 
	overflow : hidden;
	padding:0px;
	background-color: #fff;
	margin-left: 22px;
}


.column-one-third-inner{
	width : 255px; 
	overflow : hidden;
	padding:20px;
	background-color: #F2F1E8;
	color: #493D2E;
	margin-left: 0px;
}

.column-one-third-white{
	float : left; 
	width : 295px; 
	overflow : hidden;
	padding:0px;
	background-color: #ffffff;
	color: #493D2E;
	margin-left: 22px;
}

.column-one-third{
	float : left; 
	width : 255px; 
	overflow : hidden;
	padding:20px;
	background-color: #F2F1E8;
	color: #493D2E;
	margin-left: 22px;
}

.column-one-third a{
	color: #FF8315;
}

.column-one-third h2{
	font-size : 130%;
	clear : both;
	overflow : hidden;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.column-one-third h3{
	font-size : 14px;
	line-height : 1.6em;
	clear : both;
	overflow : hidden;
}

.column-one-third h5{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  line-height: 15px;
  margin-top: 0px;
	margin-bottom:10px;
	font-weight: 600;
	text-align: center;
}


.column-one-third p{
	font-size : 105%;
	line-height : 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:5px;
	margin-bottom:5px;
}

#column-one-third p a{
	font-size : 100%;
}

.column-one-third h6{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 20px;
	margin-bottom:20px;
	font-weight: 600;
}


.column-one-third-w{
    float : left;
    width : 255px;
    overflow : hidden;
    padding: 20px;
    background-color: #ffffff;
    color: #493D2E;
    border: 1px solid #DBDBDB;
    margin-left: 22px;
	min-height: 320px;
}

.column-one-third-w a{
	color: #FF8315;
}

.column-one-third-w h2{
	font-size : 125%;
	clear : both;
	overflow : hidden;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.column-one-third-w h3{
	font-size : 14px;
	line-height : 2em;
	clear : both;
	overflow : hidden;
}

.column-one-third-w p{
	font-size : 105%;
	line-height : 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:5px;
	margin-bottom:5px;
}

.column-one-third-w p a{
	font-size : 100%;
}



.column-one-third-w h6 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	background-color: #ff8315;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
	padding: 6px 10px;
	float: right;
}

.column-one-third-w h6 a {
	color: #fff;
}


/* Style the tab */





.tab_wrap{margin:auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{min-width:80px; display:inline-block; padding:12px 10px 12px 10px; color:#676767; background:#f2f1e8; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-top-left-radius:5px; border-top-right-radius:5px; vertical-align:bottom; transition:ease 0.2s; margin:10px 5px 0;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}


.tab_area label:hover{opacity:0.5;}
.panel_area{background:#ffffff;}
.tab_panel{width:100%; padding:20px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label{background:#ff8315; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#ff8315; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#ff8315; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#ff8315; color:#fff;}
#tab4:checked ~ .panel_area #panel4{display:block;}
#tab5:checked ~ .tab_area .tab5_label{background:#ff8315; color:#fff;}
#tab5:checked ~ .panel_area #panel5{display:block;}
#tab6:checked ~ .tab_area .tab6_label{background:#ff8315; color:#fff;}
#tab6:checked ~ .panel_area #panel6{display:block;}
#tab7:checked ~ .tab_area .tab7_label{background:#ff8315; color:#fff;}
#tab7:checked ~ .panel_area #panel7{display:block;}


@media only screen and (max-width:480px){
.tab_area label{width:100%; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
	}


/* Style the tab 


.tab {
  overflow: hidden;
}


@media only screen and (max-width:480px){
	#tabs li a {
	width: 100%;}
	}

/* Style the buttons that are used to open the tab content 
#tabs li a {

  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 12px;
	margin: 0px 0px 8px 0;
  transition: 0.3s;
	font-weight: 600;
  background-color: #f9f9f5;
	color: #676767;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	-ms-transition: background-color .1s;
	transition: background-color .1s;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}

/* Change background color of buttons on hover 
#tabs li a:hover {
	background: #ff8315;
	color: #fff;	
}

#tabs .ui-tabs-active, .ui-state-active li a  
{
	background: #ff8315;
	color: #fff;	
}



/* Create an active/current tablink class 
#tabs li a .selected  {
	background: #ff8315;
	color: #fff;
}

/* Style the tab content 
.tabcontent {
  display: none;
  border-top: none;
} 


/********************************************************
   New Gallery
********************************************************/

.gall img { float: left; cursor: pointer;}

.by {
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 2em;
    }



/********************************************************
   Project Spotlight
********************************************************/

#project-side{
	clear : both;
	overflow : hidden;
	padding:10px;
	background-color: #ffffff;
	color: #493D2E;
	width:208px;
	border: 1px solid #DBDBDB;
}

#project-side a{
	color: #ffffff;
}


#project-side p{
	font-size:110%;
	margin-top:10px;
	margin-bottom:5px;
}
#project-side h4{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 17px;
  margin-top: 5px;
	margin-bottom:5px;
	font-weight: normal;
}
#project-side h6{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 5px;
	margin-bottom:5px;
	font-weight: normal;

    background-color: #ff8315;
    color: #fff;
    cursor: pointer;	
    border-radius: 5px;
    display: inline-block;
    padding: 6px 10px;
	float:right;
}

#project-side h6 a, a:hover{
}


.project-image-link {
	display:inline-block;
	padding:4px;
	/*margin:0 0.5rem 1rem 0.5rem;*/
	background-color:#fff;
	line-height:0;
	-webkit-transition:background-color 0.1s ease-out;
	-moz-transition:background-color 0.1s ease-out;
	-o-transition:background-color 0.1s ease-out;
	transition:background-color 0.1s ease-out;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	margin-top: 0.5em;
}
.project-image-link:hover {
	background-color:#4ae
}
.project-image {
	width:7rem;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px
}
.project-image_l {
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}


/********************************************************
    Toggle and Accordion
********************************************************/
#acitem{
	margin-bottom:10px;
}
#acitem dt{
	display:block;
	width:420px;
	height:50px;
	line-height:50px;
	text-align:left;
	border-bottom: 1px dotted #dbdbdb;
	cursor:pointer;
	background:url(images/accordion_on_off.png) 0px -63px no-repeat;
	
	}
#acitem dt p{
	line-height:50px;
	text-align:left;
	margin-left:30px;
	font-size:  15px;
	
		}
#acitem dd{
	width:420px;
	height:auto;
	text-align:left;
	border-bottom: 1px dotted #dbdbdb;
	display:none;
	}
#acitem dd p{
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:15px;
	}
#acitem dd ul.number li{
	list-style:decimal;
    margin:0 0 5px 50px;
	font-size:  14px;
}
#acitem dd img{
	margin:0 10px 10px 25px;
	}
#acitem dt.active{
	background:url(images/accordion_on_off.png) 0px 18px no-repeat;
	}






/********************************************************
    Grid
********************************************************/
.testimonial_container{
　
    overflow : hidden;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	color: #493D2E;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

* html .testimonial_container{
	height : 1%;
}
	
.testimonial_container h4{
	margin-bottom : 10px;
	font-size : 21px;
	line-height:1.6; 
    font-family: 'droid_serifregular';
	font-weight:normal;
	text-align:center;
}
.testimonial_container h5{
	margin-bottom : 5px;
    font-family: 'droid_serifregular';
	font-weight:normal;
	text-align:center;
　
}
.testimonial_container p{
	font-size : 110%;
	line-height:1.4; 
	font-weight:normal;
	text-align:center;
}




/********************************************************
   Footer
********************************************************/



#footer{
	clear : both;
	overflow : hidden;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
	background-image: url(images/bg-footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #5E5343;
	color: #FFF;
	text-shadow: 1px 1px #493d2e;}

* html #footer{
	height : 1%;
}

#footer h3 a{
	color:#ff8315;
}
#footer a{
	color:#ffffff;
}

/********************************************************
    Grid
********************************************************/
.footer_container{
　
    overflow : hidden;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

* html .footer_container{
	height : 1%;
}
	
.footer_container .grid_onethird{
    float : left;
	margin-right : 35px;
}
.footer_container .grid_twothird{
    float : left;
	margin-right : 10px;
	width:650px;
}

.footer_container h3{
	margin-bottom : 10px;
	font-weight:normal;
}
.footer_container h6{
	margin-bottom : 8px;
	font-weight:normal;
　
}
.footer_container p{
	font-size : 95%;
	line-height:1.5; 
}


address{
	font-size : 12px;
}

.footer_container li{
	float : left;
}


/********************************************************
   footer-bottom section
********************************************************/
#footer-bottom{
	clear : both;
	overflow : hidden;
	background-color: #493D2E;
	color: #E4D4C5;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.footer-logo{
	float : left;
    margin-top : 0px; 
}

.footer_information p{
	dislay:block;
	float:right;
    font-size : 10px; 
}

ul.foot_navi{
	float : left;
	margin:0px;  
}

ul.foot_navi li{
	float : left;
	font-size : 12px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #ACBE92;
	margin:0 9px 0 10px;

}
#footer-bottom a{
	color : #E4D4C5;
}


#footer-bottom a:hover{
	color : #A2998A;
}
 

/********************************************************
    Section Service Introduce
********************************************************/



section.featuredgallery h2{
	margin-bottom : 15px;
	font-weight:600;
}

section.featuredgallery h2.sub {
    font-size : 18px;
  color: #333333;
  line-height: 36px;
}

section.featuredgallery h2 a{
	color : #333;
}
section.featuredgallery h3{
	font-size : 16px;
	margin-bottom : 8px;
	font-weight:600;
　
}
section.featuredgallery h3 a{
	color : #333;
}


section.featuredgallery p{
    font-size : 13px;
    line-height : 1.4em; 
}


section.featuredgallery img{
	max-width : 100%;　
	height : auto;　
}

.one_feature {
	float: left;
	width: 45%;
	margin-right: 5%;
	margin-bottom: 10px;
}
.one_feature.last {
	margin-right: 0%;
	margin-bottom: 10px;
}

.one_feature .right {
	float: left;
}

.one_feature .left {
	float: left;
	width: 60%;
	margin-right: 10px;
}




/********************************************************
    For PC
********************************************************/
@media only screen and (min-width: 960px){
	
	
#header,.inner{
	width : 960px; 
	padding : 0; 
	margin : 0 auto; 
}

#wrapper{
	width : 960px; 
	padding : 0; 
	margin : 0 auto; 
}



/********************************************************
    Navigation Top
********************************************************/
nav#top_navi{
	clear : both;
	overflow : hidden;
	position : relative;
}
	
nav#top_navi .inner{
	width : 980px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

nav#top_navi ul li{
	float : left; 
	position : relative;
}

nav#top_navi ul li:first{
	border-left-width: 0px;
}


nav#top_navi ul li a {
	color: #ffffff;
	display: block;
	float: left;
	height: 24px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #958F87;
	font-weight: 600;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-top:17px;
	margin-bottom:8px;
	width: 120px;
}



nav#top_navi ul li.social{
	margin-left:0px;
}
nav#top_navi ul li.social a {
	display: block;
	float: left;
	height: 24px;
	text-align: center;
	width: 30px;
	border-left-width: 0px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-top:17px;
	margin-bottom:8px;
}


nav#top_navi ul li a span,nav#top_navi ul li a strong{
    display : block;
}

nav div.navibox{
	display : block !important;
	float : left;
	color: #262424;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
}



a#menu{
	display : none;
}

nav#top_navi li a:hover{
	color: #ff8315;
	display:block;
	
}
nav#top_navi ul li.social a:hover{
	color: #FF8315;
	display:block;
	
}

nav#top_navi li.active a {
  color: #ff8315;
}
nav#top_navi li.active a:hover {
	display:block;
}
nav#top_navi li.first a {
	border-left-width: 0px;
}

#top_banner{
	margin-left : 10px;
}

#subpage #top_banner{
	margin : 17px auto;
}


#white_box{
	float  :left;
	width : 955px;
	padding-bottom:25px;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#main_full{
	float  :left;
	width : 920px;
	margin-left : 15px;
	margin-bottom : 30px;
}
	
#main{
	float  :right;
	width : 635px;
	margin-left : 15px;
	margin-bottom : 20px;
}
#main_left{
	float  :left;
	width : 635px;
	margin-left : 15px;
	margin-bottom : 20px;
	margin-top: 25px;
}

	
#main_twothird{
	float  :left;
	width : 600px;
	margin-left : 15px;
	margin-bottom : 30px;
}
#main_wform{
	float  :left;
	/*width : 500px;*/
	margin-left : 20px;
	margin-bottom : 30px;
}

#tab_main{
	float  :left;
	width : 645px;
	margin-bottom : 20px;
	padding-bottom:20px;
	border: 1px solid #DDDDDD;
}

#side_bar_left{
	float : left;
	width : 215px;
	overflow : hidden;
	padding-top: 15px;
	padding-bottom: 0;
	margin-left: 20px;
	margin-right:20px;
	margin-top:30px;
}


#side_bar_right{
	float : right;
	width : 215px;
	overflow : hidden;
	padding-top: 25px;
	padding-bottom: 0;
	margin-left: 20px;
	margin-right:20px;
}

#side_bar_testimonial{
	float : left;
	width : 240px;
	overflow : hidden;
	padding-top: 25px;
	padding-bottom: 0;
	margin-left: 15px;
	margin-right:15px;
}

#side_bar_services{
	float : right;
	width : 265px;
	overflow : hidden;
	padding-top: 25px;
	padding-bottom: 0;
	margin-left: 20px;
	margin-right:10px;
}

#side_bar_left article, #side_bar_right article, #side_bar_services article, #side_bar_testimonial article{
	margin-bottom : 20px; 
	overflow : hidden;
}

/********************************************************
    Whole Grid rule
********************************************************/
.grid_container{
	width : 960px; 
	margin : 0 0 0px -10px;
}
.grid_container-main{
	width : 650px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: -10px;
}
.grid_half{
	float:left;
	width : 390px;
	margin-left:20px;
}

/********************************************************
    3 Grid rule
********************************************************/
.grid{
	float : left; 
	width : 300px; 
	margin-left : 0px;
}
.grid_logo{
	float : left; 
	width : 280px; 
	margin-left : 0px;
}
.grid_onefourth{
	float : left; 
	width : 150px; 
	margin-left : 0px;
}

.grid_onethird{
	float : left; 
	width : 320px; 
	margin-left : 0px;
}
	
.grid_onethird_banner{
	float : left; 
	width : 145px; 
	margin-left : 10px;
	margin-top : 10px;
	text-align: center;
}
	
.grid_onethird_banner-l{
	float : left; 
	width : 155px; 
	margin-left : 10px;
	text-align: center;
}

	

.grid_onethird_s{
	float : left; 
	width : 185px; 
	margin-left : 10px;
}
.grid_onethird_m{
	float : left; 
	width : 250px; 
	margin-left : 0px;
}

.grid_onethird_l{
	float : left; 
	width : 360px; 
	margin-left : 70px;
}

.grid_onethird_l-nlm{
	float : left; 
	width : 420px; 
	margin-left : 0px;
}

.grid_faq{
	float : left; 
	width : 420px; 
	margin-left : 60px;
}

.grid_footer_onethird_s{
	float : left; 
	width : 280px; 
	margin-left : 0px;
}


.grid_twothird_s{
	float : left; 
	width : 480px; 
	margin-left : 0;
}
	
.grid_twothird_m {
	float: left;
	width: 390px;
	margin-right: 40px;
	margin-left: 20px;
	margin-bottom: 30px;
}

	.grid_twothird_ml {
	float: left;
	width: 380px;
	margin-right: 0px;
	margin-left: 40px;
	margin-bottom: 30px;
}
	
.grid_twothird_mll{
	float : left; 
	width : 510px; 
	margin-right : 20px;
}

	
.grid_twothird{
	float : left; 
	width : 590px; 
	margin-left : 0;
}
.grid_twothird_l{
	float : left; 
	width : 630px; 
	margin-left : 0;
}
.two_third_tab{
	padding-top : 20px;　

}

.two_third_tab img{
	
	float:left;
	
}
.two_third_tab p{
	padding:0 10px 10px 0;
	margin-left:200px;
	line-height: 1.7em;
	
}
#grid_twothird_testmonial{
	float : left; 
	width : 385px; 
	margin-left : 10px;
}
	

.testmonial{
	background-color:#eaf0f0;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top: 18px;
	padding-right: 22px;
	padding-bottom: 18px;
	padding-left: 20px;
	margin-top: 15px;
	width:90%;
}
.testmonial h3{
	text-align:right;
	color:#a1a7a7;
	margin-bottom:18px;
	font-weight:normal;
}
.testmonial p{
    font-family: 'droid_serifregular';
	font-style:italic;
	line-height:1.6em;
	margin:0;
}

#grid_twothird_blueInfo{
	float : left; 
	margin-left : 0px;
}
.download_forms{
	background-color:#eaf0f0;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	margin-top: 15px;
	color: #333333;
}
.download_forms img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 20px;
}
.download_forms a{
	text-decoration: underline;
	color: #333333;
}

#workshop_minibanner {
	display:none;
}

}


/********************************************************
    Smaller than standard 960 (devices and browsers) 768, 800(ipad port 縦)
********************************************************/
@media only screen and (max-width:959px){
	
#header{
	height : 110px;
}
	
*{
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -o-box-sizing : border-box;
    -ms-box-sizing : border-box;
    box-sizing : border-box;
}
	
nav#top_navi{
    clear : both;
    width : 100%;
    margin : 0 auto;
    padding : 0;
    border : 1px solid #665848;
	background-color: #413629;
}

nav#top_navi a.menulist{
    width : 100%;
    display : block;
    height : 40px;
    line-height : 40px;
    font-weight : bold;
    text-align : left;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

nav#top_navi a#menu span{
	padding-left : 10px; 

}
	


nav#top_navi a#menu:hover{
	cursor : pointer;
}

nav .navibox{
    display : none;
    width : 100%;
    position : relative;
    right : 0;
    top : 0;
    z-index : 1;
}

nav#top_navi ul li{
    float : none;
    clear : both;
    width : 100%;
    height : auto;
    line-height : 1.2;
}

nav#top_navi ul li a, nav#top_navi ul li.current-menu-item li a{
    display : block;
	padding : 15px 10px;
	text-align : left;
	color : #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}

	
nav#top_navi ul li a span{
	padding-left : 10px;
}
	
nav#top_navi ul li:first-child a{
	border-top : 1px solid #e4e4e4;
	color : #fff;
}

nav#top_navi ul li a:hover{
	background-color:#ff8315;
}

nav#top_navi ul li:last-child a{
	border : 0;
}
	
nav#top_navi ul li.active a{
	color : #888888;
}

nav div.navibox{
	float : none;
}

#side_bar_left{
	padding-top : 20px;
	/*padding-bottom : 30px;*/
}

	
#side_bar_left article{
	padding : 5px 0 15px;
}
	
#side_bar_right{
	padding-top : 20px;
	padding-bottom : 30px;
	float:left;
}

	
#side_bar_right article{
	padding : 5px 0 15px;
}
	
#footer ul.foot_navi{
    float : none;
    width : 100%;
    text-align : center;
}

ul.foot_navi li{
	float : none;
	display : inline-block;
}
	
.grid{
	width : 32%; 
	margin : 10px 0 0 1%;
}
	


.footer-logo{
	float : none; 
	text-align  :center; 
	width : 100%;
}

.footer_information {
	float : none; 
	text-align  :center; 
	width : 100%;
    margin-bottom : 10px; 
}
.footer_information p{
	float : none; 
	text-align  :center; 
	width : 100%;
}

ul.foot_navi{
	float : none; 
	text-align  :center; 
	width : 100%;
    padding : 10px 0;
}

.header_information {
	float : none; 
	text-align  :center; 
	width : 100%;
}
.header_information p{
	float : none; 
	text-align  :center; 
	width : 100%;
}


/********************************************************
    cont...smaller than regulor screen for 768,800 (ipad port 縦)
********************************************************/

body {
	background-color: #FFF;
	background-image: none;	
	
	}
.logo{
	clear:both;
	margin-top:0;
	margin-left:10px;
}
.header_information{
	margin-top:10px;
}

nav#top_navi ul li.social{
	background-color: #413629;
	width:100%;
	height:50px;
	
}
nav#top_navi ul li.social a{
	float:left;
	
}
nav#top_navi ul li.social a:hover{
	background-color: #413629;
}
#main_bg {
    background-image: url("images/bg_pg_mobil.png");
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    overflow: hidden;
}
#main_bg_pg {
    background-image: url("images/bg_pg_mobil-sub.png");
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    overflow: hidden;
}

#top_banner img{
	max-width : 100%;
    height : auto;
}

#top_banner h1{
	font-size:170%;
	margin:-260px 0 0 0;
}
#top_banner h3{
	margin:0;
	font-size:110%;
}
/*#main_full img{
	width:40%;
	height:auto;
	float:left;
}*/
.grid_half{
	width:50%;
	float:left;
}


.two_third_tab img {
	float:left;
	margin-right:10px;
	width:100px;
	height:auto;
}
.featuregallery{
	width:100%;
	}
	
.grid_onethird_s{
	float:left;
	margin-top:10px;
	width:240px;
}
#side_bar_testimonial {
    margin-top: 10px;
	width:100%;
}

#side_bar_services {
    margin-top: 10px;
    margin-bottom: 10px;
	width:45%;
	float:left;
}
	

	
	
.footer-logo{
	width:280px;
	float:left;
}
.footer_container .grid_onethird{
	width:400px;
	float:left;
}
.grid{
	width:400px;
}

/********************************************************
    Smart phone landscape 640 iphone 横
********************************************************/
@media only screen and (max-width:640px){
	
	
.logo{
	clear : both; 
	width : 300px; 
}
	

.logo img{
	float : left;
	padding : 0;
	width : 300px;
	height:auto;
}
.header_information span {
    font-size: 15px;
}
.header_information .telnumber {
    font-size: 20px;
    font-weight: bold;
}
#main_bg {
    background-image: url("images/bg_pg_iphone.png");
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    overflow: hidden;
}
#main_bg_pg {
    background-image: url("images/bg_pg_iphone-sub.png");
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    overflow: hidden;
}
#main{
	margin-top:50px;
}
.grid_onethird_s{
	float:left;
	margin-top:10px;
	width:180px;
}
#side_bar_testimonial {
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
	}

#side_bar_services {
  margin-bottom: 15px;
  margin-top: 10px;
  width: 100%;
}
.footer-logo {
	width:236px;
	
}
.footer-logo img{
	width:236px;
}
.footer_container .grid_onethird{
	width:100%;
	margin-top:40px;
	
}
.grid{
	width:350px;
	margin-top:-180px;
	margin-left:320px;
}
.align_left,.align_right{
    float : none;
    display : block;
    margin : 0 auto 10px;
}
/*#main_full img{
	width:30%;
	height:auto;
	float:left;
	padding-right:10px;
}*/
.grid_half{
	width:65%;
	float:left;
}


#project-side {
    width: 230px;
}
}

	


	
	

/********************************************************
    Smart phone portrate 320, 360 & landscape 480 iphone 縦
********************************************************/
@media only screen and (max-width:480px){
.logo {
    margin-top:10px;
    padding: 0;
    width: 100%;
	
}
.logo img {
    height: auto;
    padding: 0;
    width: 90%;
}
.header_information {
float:left;
}
#main_bg {
    background-image: none;
}
#main_bg_pg {
    background-image: none;

}
h2.heading-sub img{
    width:98%;
}
#main {
    margin-top: 10px;
}
#main_full img{
    width:98%;
	height:auto;
}
.footer-logo {
	width:90%;
	
}
.footer-logo img{
	height:auto;
	padding-right:10px;
}
.footer_container .grid_onethird{
	width:100%;
	margin-top:10px;
	
}
.grid{
	width:350px;
	margin-top:10px;
	margin-left:0;
}
.grid_onethird_s{
	clear:both;
	margin-top:10px;
	width:200px;
}

.profile p {
  margin-bottom: 25px;
}

.profile img{
    width:40%;
	height:auto;
	margin-bottom:0px;
}
#main_full img{
	width:98%;
	height:auto;
	padding-right:10px;
}
.grid_half{
	width:98%;

}
  
.testimonials_houzz {
	background-color: #007562;
	color: #fff;
	clear: both;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 22px;
}

/*FAQ page*/
#acitem dt {
	background: url("images/accordion_on_off.png") no-repeat scroll 0 -79px rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    width: 100%;
}
#acitem dt p{
	line-height:20px;
	text-align:left;
	margin-left:30px;
	margin-top:5px;
	font-size:  15px;
	
		}
#acitem dt.active {
    background: url("images/accordion_on_off.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
}

}
  

/********************************************************
    Smart phone portrate 320 iphone portlait
********************************************************/
@media only screen and (max-width:320px){
/*top page 320 for iPhone portlaite view*/
/*FAQ page*/
#acitem dt {
	background: url("images/accordion_on_off.png") no-repeat scroll 0 -79px rgba(0, 0, 0, 0);
    display: block;
    height: 65px;
    width: 100%;
}

}