/*	

Theme Name: JPM Ceilings

Version: 1.0

Author: Perth Web Design

*/





html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0px;

    padding: 0px;

    border: 0px;

    outline: 0px;

}



body {

    font-size: 12px;

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

    background: #fff url(images/bg.gif) center top no-repeat;

    color: #787878;

    margin: 0px 0px 0px 0px;

}



p {

    margin: 10px 0px 10px 0px;

}



a {

    color: #76c5d3;

    text-decoration: none;

}



a:hover {

    color: #5399a5;

    text-decoration: none;

}



img {

    border: 0px;

}



h2 {

    font-weight: lighter;

    font-size: 19px;

    color: #6e97b0;

    margin-bottom: 15px;

    border-top: 1px solid #cad1d5;

    border-bottom: 1px solid #cad1d5;

	width: 100%;

	padding: 10px 0px 10px 0px;

	font-family: Georgia, "Times New Roman", Times, serif;

}



h3 {

    margin-bottom: 5px;

    font-size: 13px;

    color: #394b56;

}



h4 {

    margin-bottom: 5px;

    font-size: 12px;

    color: #747474;

}



hr {

    margin-bottom: 20px;

    border: 0px;

    border-top: 1px dashed #ccc;

    clear: both;

}



.clear {

    clear: both;

}



.alignleft {

    float: left;

    margin: 5px 10px 0px 0px;

}



.alignright {

    float: right;

    margin: 0px 0px 10px 0px;

}



table {

    margin: 10px 0px 10px 0px;

}



tr {

	background: #e7fafe;

}



tr:hover {

	background: #c2eef6;

	color: #114650;

}



th {

	background: #394b56;

	color: #fff;

	text-align: left;

	padding: 5px;

}



td {

    vertical-align: top;

	padding: 5px;

}



.navyblue {

    color: #394b56;

}



.white {

    color: #fff;

}



.capitals {

    text-transform: uppercase;

}



.arial {

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

}



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

	Layout

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



#container {

    position: relative;

    width: 940px;

    margin: 0px auto;

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

}



#header {

    position: relative;

    height: 51px;

    width: 940px;

	margin-bottom: 23px;

	z-index: 12;

}



#primary_navigation {

    position: absolute;

	left: 0px;

	top: 0px;

    width: 689px;

    height: 43px;

    margin-bottom: 8px;

    font-size: 14px;

}



#featurebox {

    position: relative;

    height: 415px;

    width: 940px;

	margin-bottom: 18px;

	z-index: 8;

}



.accordionWrapper {

	position:relative;

    float: left;

	border:0px;

	display:inline-block;

	overflow:hidden;

}



#welcometo {

	position:relative;

    float: right;

	width: 251px;

	height: 259px;

	margin-top: 100px;

	color: #99a2a7;

}



#calluson {

	position:absolute;

	top: 385px;

    right: 0px;

	width: 223px;

	color: #99a2a7;

	padding: 0px 14px 0px 14px;

}



#homecontent {

    position: relative;

    width: 940px;

    min-height: 250px;

	margin-bottom: 20px;

	z-index: 8;

}



#homecontent #leftcol {

    position: relative;

    float: left;

    width: 654px;

    min-height: 250px;

}





.featuredprojects {

    position: relative;

    float: left;

    width: 198px;

	padding-right: 20px;

    min-height: 200px;



}



#homecontent #rightcol {

    position: relative;

    float: right;

    width: 251px;

    min-height: 250px;

}



#pagecontent {

    position: relative;

    width: 940px;

	margin-bottom: 20px;

	z-index: 8;

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

}



#pagecontent #leftcol {

    position: relative;

    float: left;

    width: 634px;

    min-height: 494px;

	background: #fff;

	margin-top: 20px;

	padding: 0px 10px 0px 10px;

}



#pagecontent #rightcol {

    position: relative;

    float: right;

    width: 251px;

    min-height: 250px;

	margin-top: 90px;

}



#location {

    position: relative;

    width: 251px;

	margin-bottom: 40px;

}



#pagecalluson {

    position: relative;

	width: 223px;

	color: #99a2a7;

	padding: 0px 14px 0px 14px;

	margin-bottom: 33px;

}



#footercontainer {

    position: relative;

    height: 290px;

    background: #383838 repeat;

}



#footer {

    position: relative;

    width: 940px;

    height: 250px;

    margin: 0px auto;

    padding: 20px 0px 0px 0px;

    font-size: 10px;

    color: #6e6e6e;

}



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

	The logo

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



#logo a {

    position: absolute;

    top: 32px;

    right: -5px;

    width: 261px;

    height: 117px;

    display:block;

    background:url(images/logo.png);

    text-indent: -99999em;

}



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

	Navigation

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



#primary_navigation li {

    position: relative;

    float: left;

    padding: 0px;

    text-align: left;

    list-style: none;

	border-left: 1px solid #233a48;

	border-right: 1px solid #4d5d67;

}



#primary_navigation li a {

    padding: 17px 16px 17px 16px;

    display: block;

    font-size: 14px;

    color: #a9b5bc;

    text-decoration:none;

	background: url(images/navlight.png) center top;

	font-weight: bold;

	text-transform: uppercase;

}

#primary_navigation a:hover {

    color: #fff;

}



#primary_navigation .current_page_item a {

    color: #fff;

}



/*--second level------------------------------------------*/



#primary_navigation :hover > a, #primary_navigation ul ul :hover > a {

	color:#fff;

}



#primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {

    background: url(images/navsubmenu.png) repeat !important;

	color:#fff;

}



#primary_navigation ul li ul li {

    background: none !important;

	border: 0px;

}



#primary_navigation ul li ul {

    position: absolute;

    width: 230px;


    left: 0px;

    visibility: hidden;

    background: none !important;

	border: 0px;

}



#primary_navigation ul ul li a {

    width: 230px;

    padding: 7px 4px 7px 10px;

	border: 0px;

    background: url(images/navsubmenu.png) repeat !important;

    color: #a9b5bc;

    font-weight: lighter;

    font-size: 12px;

}



#primary_navigation ul ul a, #primary_navigation ul ul {

    width: 230px;

    background: #344b91 !important;

    font-size: 12px;

    line-height: 12px;

}



#primary_navigation ul ul a:hover {

    background: url(images/navsubmenu.png) repeat !important;

    color: #fff;

}



#primary_navigation ul ul .current_page_item a {

    background: url(images/navsubmenu.png) repeat !important;

    color: #fff;

}



#primary_navigation ul ul .current_page_item ul li a {

    background: url(images/navsubmenu.png) repeat !important;

    color: #a9b5bc;

}



#primary_navigation ul ul .current_page_item a:hover {

    background: url(images/navsubmenu.png) repeat !important;

    color: #fff;

}



/*--third level-------------------------------------------*/

#primary_navigation ul ul ul {

    width: 230px;

    background: none !important;

    top: 0px;

    left: 243px;

}



#primary_navigation ul ul ul li a {

    width: 230px;

    padding: 7px 4px 7px 10px;

    background: url(images/navsubmenu.png) repeat !important;

    color: #a9b5bc;

}



#primary_navigation ul ul ul a, #primary_navigation ul ul ul {

    width: 230px;

    border-left: 1px solid transparent;

    background: url(images/navsubmenu.png) repeat !important;

    color: #a9b5bc;

    font-weight: lighter;

    font-size: 12px;

    line-height: 12px;

}



#primary_navigation ul ul ul a:hover {

    background: url(images/navsubmenu.png) repeat !important;

    color: #fff;

}



#primary_navigation ul ul ul .current_page_item a {

    background: url(images/navsubmenu.png) repeat !important;

    color: #fff;

}



/*--show second level on first level hover----------------*/

#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {

    visibility: visible;

}



/*--hide third level on second level hover----------------*/

#primary_navigation ul :hover ul ul {

    visibility: hidden;

}



/*--show third level on second level hover----------------*/

#primary_navigation ul :hover ul :hover ul {

    visibility: visible;

}



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

	Accordion

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



.accordionWrapper img {

	border:0px;

	margin:0px;

	padding:0px;

}



.accordionWrapper div {

	display:inline;

	float:left;

	margin:auto;

}



.accordionWrapper .title {

	border:0px;

	cursor:pointer;

	display:block;

	bottom:0;

	width:24px;

	font-size:14px;

	font-weight:normal;

	text-align:center;

	height:404px;

}



.accordionWrapper .content {

	display:none;

	position:relative;

}



.accordionWrapper .accordintext {

	display:block;

	position:absolute;

	top:376px;

	left:0;

	padding: 5px 5px;

	margin-left: 0px;

	width: 573px;

	height: 18px;

	color: #fff;

	background: url(images/cycle/accordintext.png);

}



.accprojectname {

	position:relative;

	float: left;

	width: 305px;

	text-align: left;

}



.townstate {

	position:relative;

	float: right;

	width: 200px;

	text-align: right;

}



.accordionWrapper .accordinbefore {

	display:block;

	position:absolute;

	top: 281px;

	right: 0px;

	padding:5px;

    font-size: 18px;

	color:#333;

}



.before {

	display:block;

	position:absolute;

	top: 10px;

	left: 10px;

	padding: 6px 5px 6px 5px;

    font-size: 12px;

	color:#fff;

	background: #394b56;

	text-transform: uppercase;

}



.set1{

	background: url(images/cycle/1.jpg) no-repeat top left;

	height:404px;

}

.set2 {

	background: url(images/cycle/2.jpg) no-repeat top left;

	height:404px;

}

.set3 {

	background: url(images/cycle/3.jpg) no-repeat top left;

	height:404px;

}



#calluson h2 {

    border: none;

	width: 223px;

	padding: 0px;

}



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

	The Content

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



#pagecontent #leftcol p, #contentblock p {

    line-height: 18px;

}



#homecontent ul, ol {

    margin: 10px 0px 7px 20px;

}



#pagecontent ul, ol {

    margin: 10px 0px 7px 40px;

}



#homecontent ul li, #pagecontent ul li {

    list-style-image: url(images/list.gif);

    margin-bottom: 3px;

}



#homecontent h2, #pagecontent h2 {

    margin-bottom: 30px;

}



.featuredprojects a {

    position: relative;

    float: left;

    padding: 5px 30px 5px 29px;

    margin-top: 20px;

    display:block;

    background:url(images/readmore.gif) no-repeat;

    font-size: 10px;

    line-height: 10px;

    color: #fff;

}



.featuredprojects a:hover {

    color: #d1f1f7;

}



#location p {

    margin: 0px;

}



#pagecalluson h2 {

    margin: 0px;

    border: none;

	padding: 0px;

}



#contactformtable tr {

    background: #fff;

    color: #787878;

}



#contactformtable tr:hover {

    background: #fff;

    color: #787878;

}



input {

    border: 1px #cad1d5 solid;

	background: #fff;

	color: #114650;

	font-size: 12px;

}



input:focus {

	background: #c2eef6;

	color: #114650;

}



input:hover {

	background: #c2eef6;

	color: #114650;

}



.textfield{

	width: 200px;

	margin-right: 50px;

}



textarea {

    border: 1px #cad1d5 solid;

	background: #fff;

	color: #114650;

	width: 351px;

	height: 130px;

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

	font-size: 12px;

}



textarea:focus {

	background: #c2eef6;

	color: #114650;

}



textarea:hover {

	background: #c2eef6;

	color: #114650;

}



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

	The Footer

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



#copyright {

    position: relative;

    width: 940px;

    margin-top: 26px;

}



#copyright li{

    list-style: none;

    float: left;

    margin: 0px 5px 0px 0px;

}



#copyright a {

    color: #6e6e6e;

    text-decoration: none;

    text-transform:uppercase;

}



#copyright a:hover {

    color: #6e97b0;

}



#boral {

    position: relative;

    float: left;

    width: 549px;

    margin-top:  46px;

    height: 168px;

}



#footerleftcol {

    position: relative;

    float: left;

    width: 106px;

    min-height: 48px;

    padding: 2px 0px 1px 0px;

}



#footerleftcol p {

   line-height: 0px;

}



#borallogo {

    position: relative;

    float: left;

    width: 100px;

    height: 24px;

    display:block;

    background:url(images/boral.gif);

    text-indent: -99999em;

}



#boraltext {

    position: relative;

    float: left;

    margin: 6px 2px 0px 0px;

    font-size: 11px;

    text-transform: uppercase;

    color: #6e97b0;

}



#awcilogo {

    position: relative;

    float: left;

    width: 100px;

    height: 68px;

    display:block;

    background:url(images/awci_logo.png);

    text-indent: -99999em;

    margin-top: 10px;

}



#footerrightcol {

    position: relative;

    float: left;

    width: 415px;

    min-height: 48px;

    margin-left: 12px;

    padding: 2px 0px 1px 13px;

    border-left: 1px solid #565656;

}



#footerrightcol p {

   margin: 0px;

}



#testimonial {

    position: relative;

    float: right;

    width: 351px;

    min-height: 198px;

    border-left: 1px solid #565656;

    margin-top:  10px;

    padding: 0px 0px 0px 20px;

   font-size: 11px;

}



#pwdlogo {

    position: relative;

    float: right;

    width: 118px;

    height: 15px;

    margin-top: 27px;

    display:block;

    background:url(images/pwdlogo.gif);

    text-indent: -99999em;

}
#primary_navigation li > .fa{display: none;}
#accordion-mobile{display: none;}
#accordion-mobile .accordionWrapper div{display: none;}
.menu-mobile{display: none;}
.ngg-gallery-thumbnail-box{width: 100px; height: 120px; padding: 0 10px; float: left;}
.ngg-gallery-thumbnail img{width: 100px; height: 100px; border: 1px solid #a9a9a9; margin: 4px 0 4px 4px; padding: 4px;}