@charset "utf-8";

/* CSS Document */



/***************************************************

				      GENERAL

***************************************************/

@import "grid.css";

@import "html5reset.css";

@import "font-awesome.css";

@import url(http://fonts.googleapis.com/css?family=Oswald|Noto+Serif);





html, body {height:100%;}



body{

	background: #fff;

	font-family: arial;

	font-size: 12px;

	line-height: 18px;

	font-weight: 300;

	color: #454545;

	position: relative;

	min-width: 320px;

	-webkit-text-size-adjust: none;

}

img{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	height:auto;

	max-width: 100%;

}

.img_left{

	float: left;

	margin-right: 15px;

	margin-bottom: 10px;

}



.img_right{

	float: right;

	margin-left: 20px;

}



.imgborder

{

border:1px solid #cccccc;

}



.wrapper

{

width: 100%; 

overflow: hidden; 

position: relative;

}



.extra_wrap{overflow: hidden; display: block;}



a{

	color: #247772;

	text-decoration: none;

}

a:hover

{

		text-decoration: underline;

}





.btn

{

	background: #f77105;

	display: inline-block;

	font-size: 18px;

	line-height: 28px;

	font-weight: 700;

	color: #fff;

	padding: 10px 18px 14px;

	text-decoration: none;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-ms-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

	margin-bottom: 20px;

}



.btn:hover{

		background-color: #222;

		text-decoration: none;

}



.cleardiv

{

clear:both;

}





.superscript {

    font-size: 65%;

    line-height: 0.5em;

    vertical-align: baseline;

    position: relative;

    top: -0.3em;

}







.dotted

{

height:15px;

background:url(../images/dotted.gif) repeat-x center center;



}



.leftalign

{

text-align:left;

}



.rightalign

{

text-align:right;

}



.bigger

{

font-size:200%;

}



.orangetag

{

color:#f77105;

}



.top-dotted

{

border-top:1px dotted #cccccc;

padding-top:20px;

}



iframe

{

padding:8px;

border:1px solid #cccccc;

}









.smallertext

{

font-size:95%;

color:#666666;

}



.smallertext2

{

font-size:45%;

color:#666666;

padding-top:10px;

}



.greyout

{

color:#777777;

font-size:80%;

}



.floatleft

{

float:left;

}



.floatright

{

float:right;

}







/***************************************************

				      TITLES

***************************************************/

h2{

				font-size: 250%;

				line-height: 165%;

				margin: 0 0 20px 0;

				font-family: 'Noto Serif', serif !important;

				border-bottom:1px dashed #cccccc;

				padding:0px 0px 15px 2px;

				font-weight:normal;

				color:#828473;

}





h3{

	

	font-size: 180%;

	font-weight: 400;

	margin-bottom: 12px;

	color:#003b2e;

	font-family: 'Oswald', sans-serif !important;

	}

	

h4{

	

	font-size: 20px;

	font-weight: 400;

	color: #828473;

	margin:0px;

	padding:0px;

	padding-bottom:10px;

	font-family: 'Noto Serif', serif !important;

	}

	



h5{

	

	font-size:130%;

	margin-bottom: 10px;

	font-weight: 700;

	font-family: 'Noto Serif', serif !important;

}



h6{

	

	font-size: 16px;

	line-height: 24px;

	font-weight: 700;

	color: #222;

	margin-bottom: 16px;

	}

	

h2 a, h3 a, h4 a, h5 a, h6 a{

	color: inherit;'

}



h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover

{

		color: #000;

		text-decoration: none;

}



p

{

margin-bottom: 23px;

}

	

.m_0{margin-bottom: 0px;}

.m_05{margin-bottom: 5px;}

.m_10{margin-bottom: 10px;}

.m_15{margin-bottom: 15px;}

.m_20{margin-bottom: 20px;}

.m_25{margin-bottom: 25px;}

.m_30{margin-bottom: 30px;}

.m_35{margin-bottom: 35px;}

.m_40{margin-bottom: 40px !important;}

.m_45{margin-bottom: 45px !important;}

.m_50{margin-bottom: 50px;}

.m_55{margin-bottom: 55px;}

.m_60{margin-bottom: 60px;}

.m_65{margin-bottom: 65px;}

.m_70{margin-bottom: 70px;}

.m_75{margin-bottom: 75px;}

.m_80{margin-bottom: 80px;}

.m_85{margin-bottom: 85px;}

.m_90{margin-bottom: 90px;}	



.greytag

{

color:#999999;

}	





/***************************************************

				   HOME CONTENT

***************************************************/	 

#home-content

{

margin:auto;

width:100%;

height:420px;

}



#home-bg

{

background:url(../images/repeatbg.jpg) repeat-x;

}



/***************************************************

				      GALLERY

***************************************************/	

ul.gallerylist

{

}



ul.gallerylist li

{

float:left;

width:22%;

margin-right:2%;

padding:5px; 

border:1px solid #cccccc;

padding-bottom:1px;

margin-bottom:2%;

}



#progress-gallery

{

}



#progress-gallery img

{

border:1px solid #dddddd;

padding:5px;

}



#progress-gallery h6

{

font-size:100%;

margin:5px 0px;

margin-bottom:20px;

font-weight:normal;

font-style:italic;

}





/***************************************************

				      GOOGLE MAP

***************************************************/

 .google-maps {

position: relative;

padding-bottom: 75%; // This is the aspect ratio

height: 0;



}

.google-maps iframe {

position: absolute;

top: 0;

left: 0;

width: 95% !important;

height: 95% !important;

border:1px solid #cccccc;

padding:5px;



}



/***************************************************

						 LAMBIR JAYA

***************************************************/	

.lj-locality

{

background:url(../images/locality-map.gif) no-repeat top center;

width:750px;

height:750px;



}



	

/***************************************************

				      LISTING

***************************************************/	



.list

{

	margin-bottom: 50px;



}

	

.list li

{

	position: relative;

	margin-top: 0px;

	margin-bottom:10px;

	padding-left: 18px;

	}



.list li:before

{

			position: absolute;

			font-family: FontAwesome;

			content: "\f054";

			color: #f77105;

			top: 4px;

			left: 0px;



}



.list li:first-child

{

		margin-top: 0;



}



.list li a{

		color: #f77105;

		text-decoration: none;

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		-ms-transition: 0.3s;

		-o-transition: 0.3s;

		transition: 0.3s;

	}



.list li a:hover

{

color: #222;

text-decoration: none;

}



/***************************************************

				      SIDEBAR

***************************************************/	



#sidebar-style

{

padding:0px 10px;

}



#sidebar-style h2

{

				font-size: 18px;

				line-height: 25px;

				margin: 0 0 5px 0;

				font-family: 'Oswald', sans-serif !important;

				font-weight:normal;

				color:#333333;

				

			

}



#sidebar-style h5

{

color:#777777;

font-size:18px;

line-height:24px;

font-family:arial;

font-weight:normal;

}

 

#sidebar-style img

{

max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */

}









.sidebar-menu

{

	margin-bottom: 50px;



}

	

.sidebar-menu li

{

	position: relative;

	margin-top: 0px;

	padding:7px 10px;

	padding-left: 18px;

	border-top:1px solid #cccccc;

	}



.sidebar-menu li:before

{

			position: absolute;

			font-family: FontAwesome;

			content: "\f138";

			color: #f77105;

			top: 7px;

			left: 0px;



}



.sidebar-menu li:first-child

{

		margin-top: 0;



}



.sidebar-menu li a{

		color: #111111;

		text-decoration: none;

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		-ms-transition: 0.3s;

		-o-transition: 0.3s;

		transition: 0.3s;

	}



.sidebar-menu li a:hover

{

color:#dc6200;

text-decoration: none;

}



body#sidenav01 .sidebar-menu a.side01,

body#sidenav02 .sidebar-menu a.side02,

body#sidenav03 .sidebar-menu a.side03,

body#sidenav04 .sidebar-menu a.side04,

body#sidenav05 .sidebar-menu a.side05,

body#sidenav06 .sidebar-menu a.side06,

body#sidenav07 .sidebar-menu a.side07,

body#sidenav08 .sidebar-menu a.side08,

body#sidenav09 .sidebar-menu a.side09,

body#sidenav10 .sidebar-menu a.side10

{

color:#dc6200;

}





#social-sharing

{

border-bottom:1px solid #cccccc;

padding-bottom:20px;

margin-bottom:20px;

height:50px;

}





#sidebar-event

{

padding-top:20px;

}



#sidebar-event h3

{

color:#333333;

margin-bottom:25px;

}



#sidebar-event li

{

display:block;

padding:10px 1px;

border-top:1px solid #cccccc;

font-size:14px;

}



#sidebar-event a:hover

{

text-decoration:none;

color:#666666;

}



/***************************************************

				      HEADER

***************************************************/

header{

	width: 100%;

	padding-top: 10px;

	

	

	}

h1{

	margin-right:0px;

	margin-bottom: 15px;

	}



h1 a{}



h1 a:hover

{

text-decoration: none;

}



#after-logo

{



}



.top-menu

{

display: block;

padding:0px;

text-align:right;

font-family: 'Oswald', sans-serif !important;

color:#454545;

font-size:110%;

font-weight:400;



}



.slogan-line

{

padding:5px 0px 0px 0px;



font-size:130%;

color:#ffffff;

text-align:right;

font-weight:400;

font-family: 'Oswald', sans-serif !important;

}



.slogan-line a, .slogan-line a:link, .slogan-line a:visited

{

color:#134a01;

}



.slogan-line a:hover

{

color:#666666;

text-decoration:none;

}





.fb

{

padding:5px 0px;



font-size:100%;



text-align:left;





}



/*********************************************************************

					VERTICAL ACCORDION

 *********************************************************************/

#accordion-area

{

padding: 0px;

padding-bottom:0px;

} 



#selection-area

{

border-bottom:1px dashed #cccccc;

}





#selection-text {

				font-size: 30px;

				margin: 0px;

				font-family: 'Noto Serif', serif !important;

				padding:0px;

				font-weight:normal;

				color:#828473;

				float:left;

			

			}

			

 

#options {

	text-align:right;

	font-size:12px;

	font-family:arial;

	padding-bottom:20px;

}



ul#acc

{

margin:0px;

padding:0px;

list-style:none;

}



#acc {

	width:100%;

	list-style:none;

	padding-bottom: 35px;

}

#acc li {

	background-image: none;

	list-style:none;

}



#acc ol

{

margin:10px;

}





#acc ol li

{

list-style:circle;

margin-left:20px;

}







#acc h3 {

	width:100%;

	cursor:pointer;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	background-image: url(../images/arrow-dark-left.gif);

	background-repeat: no-repeat;

	background-position: right center;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	margin: 0px;

	font-size: 18px;

	line-height: 25px;

	font-family: 'Oswald', sans-serif !important;

	font-weight:normal;

	color:#394a39;

}



#acc h4

{

font-family: 'Noto Serif', serif !important;

font-size:14px;

color:#000000;

}



#acc h5

{

font-size: 17px;

font-family: 'Noto Serif', serif !important;

font-weight:normal;

color:#137ca3;

padding-top:5px;

margin-bottom:10px;

}



#acc .acc-section {

	overflow:hidden;

}

#acc .acc-content {

	padding:10px 0px 30px 0px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	line-height:16px;



}

#acc .acc-section .acc-content img {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

}



ul.withvisible

{



padding:5px;

}



ul.withvisible li

{

list-style:disc;

}









/*********************************************************************

					BUYER TOOLS

 *********************************************************************/

#buyertool-area

{



}



#toolsbutton

{

position:absolute;

right:27%;

z-index:100;

}



#buyerguidebox

{

width:612px;

position:absolute;

right:25%;

z-index:50;

}



#buyerguidebox-top

{

background:url(../images/pop-up-bg_top.png) no-repeat top center;

width:612px;

height:400px;

}



#buyerguidebox-bottom

{

background:url(../images/pop-up-bg_bottom.png) no-repeat top center;

width:612px;

height:18px;

}



#toolbox-left

{

float:left;

margin-top:8px;

margin-left:20px;

width:300px;

line-height:16px;

}



#toolbox-right

{

float:right;

margin-right:10px;

margin-top:8px;

}







#buyertool-area h5

{

font-size: 18px;

font-family: 'Oswald', sans-serif !important;

font-weight:normal;

color:#137ca3;

padding-top:5px;

margin-bottom:10px;

margin-top:10px;

}



#buyertool-area h5 a, #buyertool-area h5 a:link, #buyertool-area h5 a:visited

{

font-size: 18px;

font-family:verdana;

color:#137ca3;

font-family: 'Oswald', sans-serif !important;

}



ul#tools-links li

{

padding:5px 1px;

border-top:1px dotted #cccccc;

}



ul#tools-links li a, ul#tools-links li a:link, ul#tools-links li a:visited

{

color:#333333;

}



ul#tools-links li a:hover

{

color:#137ca3;

}

	

#closebutton-area

{

text-align:right;

padding:10px 0px 0px 0px;

}	





/***************************************************

				   LOAN CALCULATOR

***************************************************/	



.calculator *

{

color:#222222;

}



.calculator  td

{

padding:3px 5px;

font-size:12px;

font-family:arial;

}



.calculator  span

{

font-size:11px;

line-height:12px;

}



.calcloan

{

background-color:#E6E0D2;

padding:10px;

margin-bottom:10px;

}



.calcloan input

{

padding:4px;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

width:100px;

margin-bottom:8px;

}



.calcloan input[type="button"]

{

padding:4px 8px;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

width:150px;

font-weight:bold;

background-color:#736e5a;

border:none;

color:#ffffff;

cursor:pointer;



}











/***************************************************

				      SLIDER

***************************************************/



.slider_wrap 

{



	

	width: 100%;

	background-color:#f87105;

	

}



/***************************************************

				    TAB NAVIGATION

***************************************************/



#tab-navigation

{

margin:25px 0px;

padding:10px 0px;

border-bottom:1px solid #cccccc;

border-top:3px solid #cccccc;

}



.link-button-previous,

.link-button-next

{

display:block;

background-color:#003b2e;

color:#ffffff;

padding:5px 12px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}





.link-button-next:after

{    

font-family: 'FontAwesome';

content: '\f138';

margin:0 0px 0 3px;

}



.link-button-previous:before

{    

font-family: 'FontAwesome';

content: '\f137';

margin:0 3px 0 0px;

}



.link-button-previous:hover,

.link-button-next:hover

{

background-color:#333333;

text-decoration:none;

}

	

/***************************************************

				      MENU AREA

***************************************************/

.menu-container

{



font-family: 'Oswald', sans-serif !important;

border-top:1px dotted #cccccc;

text-align:left;

}

	

	





/***************************************************

				      LAYOUT

***************************************************/





#content

{

padding-top: 15px;

padding-bottom: 46px;

}



#content strong

{

font-weight:bold;

}



.border_box

{

border-bottom: 1px solid #d6d5d5;

padding-bottom: 20px;

margin-bottom: 30px;

}	



.banner_box

{

position: relative;

margin-bottom: 20px;

}



.banner_box .text

{

position: absolute;

bottom: 16px;

left: 19px;

right: 19px;

z-index: 1;

}



.banner_box .text h5

{

font-size: 22px;

line-height: 28px;

font-weight: 700;

color: #fff;

margin-bottom: 1px;

}



.banner_box .text p

{

font-size: 14px;

line-height: 24px;

font-weight: 300;

color: #fff;

margin-bottom: 0px;

}	



.testimonial_box

{

margin-bottom: 25px;

}



.testimonial_box p

{

display: block;

position: relative;

background: #64ad33;

font-size: 16px;

line-height: 24px;

font-weight: 700;

color: #fff;

padding: 12px 18px 17px 18px;

margin-bottom: 13px;

}





.testimonial_box a, .testimonial_box a:link

{



color: #006d52;



}



.testimonial_box p:after

{

width: 9px;

height: 9px;

position: absolute;

left: 0px;

bottom: -9px;

content: '';

background: url(../images/testimonial_arrow.png) no-repeat 0 0;

}



.testimonial_box h6

{

display: block;

font-size: 14px;

line-height: 24px;

font-weight: 300;

color: #222;

margin-bottom: 0;

overflow:auto;



}		



#wrapper

{

margin:auto;

}



#page-content

{

background-color:#ffffff;

}



#header

{

width:100%;

height:180px;

}



#topone

{

padding:15px 0px 10px 0px;

}



#topone h3

{

margin-bottom:10px;

}





#toptwo

{

padding:5px 0px 0px 0px;

}



#logo

{

background:url(../images/logo.png) no-repeat left center;

height:150px;

}



#top-area-right

{

}





#inside-cointainer

{

}



#inside-cointainer strong

{

font-weight:bold;

}







/***************************************************

				      FOOTER

***************************************************/



footer

{

width: 100%;

font-size:90%;

padding-bottom: 0px;

padding-top: 0px;

color:#666666;

line-height:145%;

}





footer a, footer a:link

{

color:#111111;

}



.footer-link

{

color:#000000;

}







/***************************************************

				      TABLE

***************************************************/

.table

{

border:4px solid #f77105;

}



.table td

{

padding:7px 10px;

border-bottom:1px solid #f77105;

}



.table tr.highlights td

{

padding:10px;

background-color:#f77105;

color:#ffffff;

font-weight:700;

font-size:110%;

}



.table-calendar

{

border:3px solid #333333;

}



.table-calendar td

{

padding:5px 10px;

border-bottom:1px solid #333333;

border-right:1px solid #333333;

font-weight:bold;

}



.table-calendar tr.rowone td

{

background-color:#dddddd;

}



.table-calendar tr.rowtwo td

{

color:#ffffff;

}





.table-calendar td.breakbox

{

background-color:#5C832F;

color:#ffffff;

}



.bluebox

{

background-color:#3498DB;

}



.maroonbox

{

background-color:#2E0927;

}



.brickbox

{

background-color:#8E2800;

}



.orangebox

{

background-color:#F54F29;

}



.oceanbox

{

background-color:#003D5C;

}



sup

{

font-size:65%;

padding-left:2px;

}

/********************************************************************************************* 

Properties Type

*********************************************************************************************/  

#properties-type

{

margin:auto;

width:100%;

height:170px;

}



#properties-type

{

margin:0px;

padding:0px;

list-style:none;

text-align:left;



}



#properties-type a, #properties-type a:link, #properties-type a:visited

{

display:block;

float:left;

width:240px;

margin-right:10px;

margin-bottom:10px;

cursor:pointer;

text-decoration:none;

}



.boxcontent

{

background:url(../images/box-top.png) no-repeat left top;

width:245px;

min-height:180px;

text-align:left;

}



.cornerribon

{

background:url(../images/ribbon-avi.png) no-repeat top right;

display:block;

position:absolute;

width:245px;

height:100px;

z-index:12;

}



.cornerribon-sold

{

background:url(../images/ribbon-sold.png) no-repeat top right;

display:block;

position:absolute;

width:245px;

height:100px;

z-index:12;

}



.bottombox

{

background:url(../images/box-bottom.png) no-repeat bottom left;

width:240px;

height:22px;

}



.typegreentext

{

font-size:12px;

color:#009999;

font-family: 'Noto Serif', serif !important;

line-height:16px;

}



#properties-type img

{

border-style:none;

}



#properties-type .desc

{

padding: 15px 0px 0px 12px;

line-height:16px;

color:#454545;

}



#properties-type h2

{

padding-top:10px;

margin-bottom:0px;



}





.tablestyle

{

border-right:1px solid #c5c5c5;

}



.tablestyle td

{

padding:7px 8px;

border-bottom: 1px solid #c5c5c5;

border-left: 1px solid #c5c5c5;

color:#333333;

}



.tablestyle td.even

{

background:#1F8A70;

border-bottom:1px solid #045642;

border-left:1px solid #045642;

color:#ffffff;

border-right:5px solid #045642;

}



.tablestyle tr:nth-child(even)

{

background-color:#eeeeee;

}



.tablestyle th

{

padding:7px 8px;

font-size:115%;

background-color:#004358;

color:#ffffff;

font-weight:400;

font-family: 'Oswald', sans-serif !important;

border-bottom:1px solid #20728c;

border-left:1px solid #20728c;

border-right:1px solid #20728c;

}







/********************************************************************************************* 

Inside Page

*********************************************************************************************/  

#inside-cointainer

{

padding:10px 0px;

font-family:arial;

}



#inside-cointainer h1 {

				font-size: 30px;

				line-height: 25px;

				margin: 0 0 20px 0;

				font-family: 'Noto Serif', serif !important;

				border-bottom:1px dashed #cccccc;

				padding:0px 0px 15px 2px;

				font-weight:normal;

				color:#828473;

		

			

			}

			

#inside-cointainer h2 {

				font-size: 18px;

				margin: 0 0 5px 0;

				font-family: 'Oswald', sans-serif !important;

				font-weight:normal;

				color:#57a313;

				border:0px;

				margin:0px;

				padding:15px 0px;

				padding-bottom:0px;

				

			

}



#inside-cointainer h3 

{

				font-size: 20px;

				line-height: 25px;

				margin: 0 0 15px 0;

				font-family: 'Oswald', sans-serif !important;

				font-weight:normal;

				color:#003b2e;

				

			

}



#inside-cointainer h4 {

				font-size: 20px;

				margin: 0 0 15px 0;

				font-family: 'Noto Serif', serif !important;

				font-weight:normal;

				color:#828473;

		

			

			}



#inside-cointainer ul

{

font-family:arial;

list-style:disc;

margin-left:30px;

margin-bottom:20px;

}



#inside-cointainer li

{

font-family:arial;

font-size:12px;



}





/***************************************************

				      TICKERS

***************************************************/

#ticker {

    height: 40px;

    overflow: hidden;

}

#ticker li {

    height: 40px;

}







/*********************************************************************

					FAST FACTS

 *********************************************************************/

#fast-fact-area

{

background:url(../images/fast-fact-bg.jpg) no-repeat top left;

width:100%;

}



#fast-fact-container

{

padding:15px 10px 0px 10px;

}



#fast-fact-container img

{

border-style:none;

}



#fast-fact-area h1

{

color:#ffffff;

font-size:220%;

font-family: 'Oswald', sans-serif !important;

border:0px;

margin:0px;

padding:0px;

margin-bottom:10px;

font-weight:400;

}



#fast-fact-area .bluetag

{

color:#2b6ea2;

}



#fast-fact-area ul

{

padding:0px;

margin:0px;

}



#fast-fact-area li

{

padding:5px 0px;

margin:0px;

list-style:none;

border-bottom: 1px dotted #5b98c7;

}





/*********************************************************************

					PROJECTS SIDEBAR

 *********************************************************************/

 

 #project-sidebar

 {

 }





#project-sidebar ul

{



}



#project-sidebar ul li

{



list-style:none;







}



#project-sidebar ul li a

{

display:block;

width:200px;

height:120px;

border-top:1px dotted #cccccc;

-webkit-transition: all .2s ease;

-moz-transition: all .2s ease;

transition: all .2s ease;



}



#project-sidebar ul li a.side01

{

background:url(../images/royal-palm-sidebar.jpg) no-repeat top center;

}



#project-sidebar ul li a.side02

{

background:url(../images/sidebar-palmyra-palm2.jpg) no-repeat top center;

}



#project-sidebar ul li a.side03

{

background:url(../images/sidebar-raffia-palm2.jpg) no-repeat top center;

}



#project-sidebar ul li a.side04

{

background:url(../images/sidebar-coco-palm2.jpg) no-repeat top center;

}



#project-sidebar ul li a.side05

{

background:url(../images/sidebar-lambir-shophouses.jpg) no-repeat top center;

}



#project-sidebar ul li a:hover

{

background-position:0 -120px;

}



#project-sidebar ul li a span

{

display:none;

}





/*********************************************************************

					FORMS

 *********************************************************************/

 

.formclass

{

}



.formclass td

{

padding:5px 0px;

}



.formclass select

{

padding:5px ;

width:310px;

font-family:arial;

font-size:12px;

}



.inputclass

{

padding:5px;

width:300px;

font-family:arial;

font-size:12px;

}



textarea

{

padding:5px;

width:300px;

font-family:arial;

font-size:12px;

height:100px;

}



.submitbutton

{

border:none;

padding:5px;

background-color:#006666;

color:#ffffff;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

cursor:pointer;



}



label.error {	

		text-align: left;

	width: auto;

	padding: 0px 0 0 15px;

	margin: 0px 0 0 8px;

	float: none;

	clear: none;

	display: inline;

	color: #CC3366;

	font-size: 11px;

	border: none;

	background:url(../images/required.gif) no-repeat left center;

}





/***************************************************

				      BOXING

***************************************************/



.boxing01

{

padding:5px;

}



/***************************************************

				      RESPONSIVE LAYOUTS

***************************************************/





@media only screen and (max-width: 1200px) {

	h1 {

		float: left;

		margin-right: 0;

		margin-bottom: 0;

		text-align: center;

		}

	#form {

		padding-right: 0;

		}

		#form label.name,

		#form label.email,

		#form label.phone {

			width: 100%;

			}



}



@media only screen and (max-width: 1024px)

{

#home-bg

{

background:none;

}



h2

{

font-size:220%;

}



}









@media only screen and (max-width: 979px) {

	.img_left,

	.img_right{

		max-width: 45%;

	}

	

	.banner_box .text h5,

	.banner_box .text p {

		display: none;

		}

	

}



@media only screen and (max-width: 768px) {

h1 {

		float: none;

		margin-right: 0;

		margin-bottom: 0px;

		text-align: center;

		}

		



	

.banner_box img

{

		width: 100%;

		}



	.banner_box .text h5,

	.banner_box .text p {

		display: block;

		}



	.img{

		margin-right: 0;

		width: 100%;

		}

	.img_left{

		margin-right: 0;

		}





#after-logo

{

border-top:1px solid #cccccc;

display: block;

float: none;

padding:0px;

text-align:center;

margin-top:10px;

}



.top-menu

{

display: block;

padding:10px 0px;

text-align:center;

float:none;

}







.slogan-line

{

display: block;

margin-top: 10px;

font-size:130%;

color:#ffffff;

text-align:center;

float:none;

}





#fast-fact-area

{

background:none;



}



h2

{



text-align:center;

}



.leftalign

{

text-align:center;

}



.rightalign

{

text-align:center;

}



	

.img_left,

.img_right{

		max-width: 100%;

		float: none;

		width: 100%;

		}

	



ul.gallerylist li

{

float:none;

width:100%;

margin-right:0%;

padding:5px; 

border:1px solid #cccccc;

padding-bottom:1px;

}



ul.gallerylist li img

{

width:100%;



}





#toolsbutton

{

position:absolute;

right:0%;

z-index:100;

}





#buyerguidebox

{

width:612px;

position:absolute;

right:0%;

z-index:50;

}





#sidebar-style

{

padding:20px 10px;

}



#banner-fade

{

margin-bottom:30px;

}







.floatleft

{

float:none;

}



.floatright

{

float:none;

}



#project-sidebar ul

{

width:100%;



}



#project-sidebar ul li

{



width:100%;





}



#project-sidebar ul li a

{

display:block;

width:100%;

height:120px;

border-top:1px solid #dddddd;

-webkit-transition: all .2s ease;

-moz-transition: all .2s ease;

transition: all .2s ease;



}



#project-sidebar ul li a:hover

{

width:100%;

background-position:50% -120px;

}	

	

}

@media only screen and (max-width: 479px) 

{





}