f
h1, h2, h3, h4, h5, h6,
h2 a, strong{
color: #333333;
font-family:'Rokkitt'; 
font-weight:700; 
font-style:normal; 
}
h1{font-size:22px; line-height:25px;}
h2{font-size:20px; line-height:23px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px;}
h5{font-size:14px; line-height:18px;}
h6{font-size:13px; line-height:28px;}
h1, h2, h3, h4, h5, h6{margin-bottom:15px;}

p{margin-bottom:15px;}

a:hover{color: #e7bb30;}

#header, #right, .header{
background-color: #ffffff;
background: url('../img/header-right-bg.gif');}


#menu a{
color: #ffffff;
font-size: 22px;
font-weight: bold;
font-style: normal;
font-family: 'Terminal Dosis';
margin-bottom:3px;
}
#menu span{
font-size: 12px;
font-style: normal;
font-family: 'Droid Serif';
color: #ffffff;
text-shadow: 0px 1px 1px #151515;
text-align:center;
}
#menu .current,
#menu a:hover{color: #e7bb30;}




#footer{
color: #666666;
background-color:#004831;
padding:0px 10px 0px 10px;
}

#footer h3{color: #666666;}
#footer a{
color: #ffffff;
}
#footer a:hover{
color: #e7bb30;
border-bottom: 1px solid #e7bb30;
}



/* #Media Queries
================================================== */


body { overflow-x : hidden ;}
.wrapper{width: 100%;margin: 0px auto 0px auto;}
.scroll{width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
	margin:0px 0px 0px 0px;
}
#header{
text-align: center;
height: auto;
position: relative;
}

#logo{
	float: none;
	width:100%;
	max-width: 300px;
	margin: 20px auto 0;
	background-color:#FFFFFF;
}

#menu{
float: none;
padding: 0px;
margin:30px auto 0px auto;
width:300px;
text-align:center;
}
    #menu li{
        float: left;
        line-height: 16px;
        margin-left: 10px;
    }
#menu span {
	font-size: 10px;
}
#menu a{
font-size: 14px;
font-weight: bold;
}
#menu li{
height: 100%px;
line-height: 15px;
}

.scroll{
padding-bottom: 0px;
padding-top: 0px;
}


.alignleft {
float:none;   
}
.p-left{
float: none;
width:100%;
}
.p-right{
float: none;
width:100%;
}
.ptitle h2 {
	margin-left:10px;
	
}

#left{
width: 100%;float: none;
background-color:#FFF;
margin: 0 !important;
padding: 0 !important;
}

#right{
width:100%;
height: 93px;
margin: 0 !important;
padding: 0 !important;
}

#right ul{float: none;}

#header .wrapper,
.header .wrapper{
width:100%;
}

.header{display: block;}

.ei-slider{
    width: 100%;
	height: 220px;
}
.ei-slider-large {
	width:100%;
	padding:0px 10px 0px 10px;
}
.company table th {
	font-size:90%;
}
.company table td {
	font-size:90%;
	width:100%;
}



.ei-title h2{
font-size: 16px;
line-height: 16px;
}
.ei-title h3{
font-size: 11px;
line-height: 15px;
}
.ei-title{
	position: absolute;
	top:42%;
	right: 0 !important;
	margin-right:10px !important;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.imgArea {
width:100%;
display:block;text-align:center;
}
.imgCompany {
	width:100%;
display:block;text-align:center;

}
.imgCompany table td {
	text-align:left;
	
}
.imgCompany img {
		width:70%;	text-align:center;
}
.imgArea .imguser {
	width:90%;
}
.map-container {
width:100%;text-align:center;
	padding:0px 0px 0px 0px;
}
.map-container iframe {
	width:90%;
}
.mapTxt {
	text-align:center;
	line-height:1.5;
	margin-bottom:30px;
	padding:0px 10px 0px 10px;
}
.regular-page {
width:100%;
}


.subArea {
	width:95%;
	float:none;
	margin:0px 0px 20px 0px;
	padding:0px 20px 0px 10px;
}
.subArea p {
		width:100%;
}
h3.subTitle {
	background-image: url(../img/point.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding:0px 0px 10px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size:100%;
}

.contactArea {
	width:95%;
	padding:10px;
	margin-bottom:30px;	line-height:1.6;
}

.ppArea {
	width:100%;
	background-color:#f2f2f2;

}
.ppArea p {
width:95%;
	padding:10px;
	font-size:90%;
	line-height:1.5;
	display:block;
}
#formtable th {
	white-space:nowrap;
	
}
#formtable {
width:90%;	
font-size:12px;
}


#formtable input,
#formtable textarea {
	width:90%;
	
}




.ei-title{
	position: absolute;
	right: 0 !important;
	margin-right:10px !important;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

table.flowtable td {
font-size:90% !important;	
}


#slider p span {
background-color:#000000;
color:#FFFFFF;
padding:5px 10px 5px 10px;
font-weight:bold;
font-size:12px;
}


#slider div h2 span {
	color:#ffffff;
	background-color:##ddaf1d;;
	padding:5px 10px 5px 10px;
	font-size:14px;
}


.mapTxt {
	text-align:right;
	font-size:90%;
}


/*
Back to top button 
*/
#page-top,
#page-top a {
	display:none;
	
}




.works table {
	margin-left:0px;
	width:100%;
}
.works table td {
	vertical-align:top;
	padding-left:10px;
}