@import url(http://fonts.googleapis.com/css?family=Ovo);
@import url(http://fonts.googleapis.com/css?family=Leckerli+One);
@import url(http://fonts.googleapis.com/css?family=Alegreya+SC);
@import url(http://fonts.googleapis.com/css?family=Smythe);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway%7CBitter&#038);

body{margin:0; padding:0; width:100%; font:13px 'Lato', sans-serif}

ul{margin:0; padding:0; list-style:none}
h1{margin:6px 0 10px; padding:0; font:24px 'PT Sans Narrow', serif; color:#333; border-bottom:2px solid #532802}
h3{color:#fff; font:bold 18px 'Lato', sans-serif}
p{text-align:justify; line-height:20px}
.blue{color:#00B4CC}
.left{float:left}
.right{float:right}
.mrgnB10{margin-bottom:10px}
.mrgnR1{margin-right:1%}

@font-face{font-family: 'FontAwesome'; src: url('/pgcl/includes/fonts/fontawesome-webfont.eot?v=4.0.3'); src: url('/pgcl/includes/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('/pgcl/includes/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/pgcl/includes/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/pgcl/includes/fonts/fontawesome-webfont.svg?v=4.0.3') format('svg'); font-weight: normal; font-style: normal}

a{color:#333; text-decoration:none}
a:hover{color:#333; text-decoration:underline}

.container{float:left; width:100%}
.wrapper{margin:0 auto; width:98%}

.topComp{float:left; width:100%; background:#333; border-bottom:1px solid #0b4e6b; height:26px}
.headerComp{float:left; width:100%; margin-bottom:10px; border-bottom:4px solid #169ad8}
.header{float:left; width:100%; background:#169ad8;}
.logo{float:left; width:60%; margin:10px 0; text-align:center}
.headInner{margin-top:10px; width:20%; text-align:center}
.menu{float:left; width:100%; height:36px; background:url(/pgcl/includes/images/menu-bg.gif) repeat-x left top; border-top:1px solid #0b4e6b; border-bottom:1px solid #0b4e6b}
.menu li{float:left; border-right:1px solid #0b4e6b; text-transform:uppercase}
.menu li a{text-decoration:none; font:12px/36px 'Lato', sans-serif; color:#fff; padding:0 16px; display:block; text-shadow:0 0 0 #fff}
.menu li a:hover, .menu li a.active{text-decoration:none; background:#0b4e6b; color:#fff}

.contComp{float:left; width:100%; margin-bottom:20px}
.content{float:left; width:100%}
.contLft{float:left; width:79%}
.contRgt{float:right; width:20%}

.resultComp{float:left; width:100%; background:#e2e2e2; margin-bottom:10px}
.resultHd{float:left; width:100%; border-bottom:1px solid #d0cecf; padding:10px 0; text-indent:14px; color:#000; font:bold 18px 'Lato', sans-serif;}

.subComp{width:100%; background:#fff; margin-bottom:10px}
.subHd{float:left; width:100%; text-indent:14px; color:#fff; font:bold 16px/28px 'Lato', sans-serif; background:#169ad8}
.subComp li{position:relative; line-height:24px; border-bottom:1px dotted #c0c0c0; padding:3px 0}
.subComp img{width:100%}
.subTxt{float:left; width:100%; padding:4%; border:1px solid #169ad8; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */  box-sizing: border-box; /* Opera/IE 8+ */}

.contStrp{float:left; width:100%; background:#e2e2e2; margin-bottom:10px}
.contHd{float:left; width:100%; border-bottom:1px solid #d0cecf; padding:10px 0; text-indent:14px; color:#000; font:bold 18px 'Lato', sans-serif;}
.contTxt{float:left; width:98%; padding:1%; line-height:20px}
.contTxtLft{float:left; width:15%}
.contTxtLft img{width:100%}
.contTxtRgt{float:right; width:84%; text-align:justify}
.more{float:right; text-align:right; margin-top:10px}
.more a{color:#fff; text-decoration:none; background:url(/pgcl/includes/images/more-bg.gif) repeat-x left top; border:1px solid #186484; height:22px; text-transform:uppercase; padding:3px 10px; font-size:12px}
.more a:hover{color:#fff; text-decoration:none; background:#186484}

.newsComp{float:left; width:32.6%; background:#fff; margin-bottom:10px}
.newsHd{float:left; width:100%; text-indent:14px; color:#fff; font:bold 16px/28px 'Lato', sans-serif; background:#169ad8}
.newsComp ul{float:left; width:100%; padding:4%; border:1px solid #169ad8; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */  box-sizing: border-box; /* Opera/IE 8+ */}
.newsComp li{position:relative; line-height:24px; border-bottom:1px dotted #c0c0c0; padding:3px 0}

/*---photo gallery---*/
.block [class*="span"] {margin-bottom:15px}
[class*="span"] img, [class*="span"] iframe {max-width:100%; height:120px}
.block ul.the-icons{margin-left:0; margin-bottom:5px}
.hover_img{position:relative; background-color:#fff}
.portfolio_zoom1{display:none; width:40px; height:40px;	position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background-image:url(/pgcl/includes/images/zoom1.png); background-position:0 0;	background-repeat:no-repeat; z-index:2}
.hover_img:hover .portfolio_zoom1 {display:block}


.footComp{float:left; width:100%; background:#169ad8; color:#fff; border-top:5px solid #116587; padding-bottom:10px}
.footer{float:left; width:100%}
.footGal{float:left; width:30%}
.footGal img{border:5px solid #156588; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */  box-sizing: border-box; /* Opera/IE 8+ */}
.footAdd{float:left; width:30%}
.footAdd li{border-bottom:1px solid #14668b; padding:6px 0 6px 24px; position:relative}
.footAdd li.address:before{content:"\f02d"; font:18px 'FontAwesome'; display:block; position:absolute; color:#0e5778; top:4px; left:0}
.footAdd li.phone:before{content:"\f098"; font:18px 'FontAwesome'; display:block; position:absolute; color:#0e5778; top:4px; left:0}
.footAdd li.mail:before{content:"\f14d"; font:18px 'FontAwesome'; display:block; position:absolute; color:#0e5778; top:4px; left:0}
.footList{float:right; width:30%}
.footList li{text-transform:uppercase; line-height:26px; position:relative; font-size:12px}
.footList li:before{content:"\f04d"; font:8px 'FontAwesome'; display:block; position:absolute; color:#fff; top:8px}
.footList li a{padding-left:20px; color:#fff; text-decoration:none}
.footList li a:hover{color:#fff; text-decoration:underline}

.footer a{color:#fff; text-decoration:none; padding:0 10px}
.footer a:hover{color:#00DFFC; text-decoration:none}
.footBtm{float:left; width:100%; background:#14668b; color:#fff; height:50px; line-height:50px}