/*
	Navertech Styles - main
	------------------------

	@file 		main.css
	@version 	1.0
	@date 		2009-12-09 13:54:19 +0000 (Wed, 9 Dec 2009)
	@author 	Gordon Mackay <gm@navertech.com>

	Copyright (c) 2009 Navertech <http://navertech.com/>
*/

body 
{
	background : #999;
	color : #000;
	font : 100% "Trebuchet MS", Verdana, Arial, Sans-Serif;
	margin : 0;
	padding : 0
}

/* links ----------------------------------------- */

a:link,a:visited 
{
	color : #004489
}

a:hover,a:focus,a:active 
{
	color : #000
}

.p7HGM_panel_content h3 a 
{
	color : #FFF;
	padding-left : 40px
}

#link-top 
{
	height : 54px;
	overflow : hidden;
	position : absolute;
	right : 30px;
	text-indent : -9999px;
	top : 0;
	width : 50px
}

#link-top a 
{
	display : block;
	height : 54px;
	text-decoration : none;
	width : 50px
}

#textsizer-small,#textsizer-medium,#textsizer-large 
{
	height : 20px;
	overflow : hidden;
	position : absolute;
	text-indent : -9999px;
	top : 80px;
	width : 20px
}

#textsizer-small a,#textsizer-medium a,#textsizer-large a 
{
	display : block;
	height : 20px;
	text-decoration : none;
	width : 20px
}

#textsizer-small 
{
	right : 80px
}

#textsizer-medium 
{
	right : 53px
}

#textsizer-large 
{
	right : 30px
}

.p7HGM_controls 
{
	background : url(../images/bg_slidecontrols.jpg) repeat-x 0 0;
	margin : 0;
	overflow : hidden;
	padding : 15px 0 0
}

/* Headings ----------------------------------------- */

h3 
{
	color : #EC008C;
	font-size : 18px;
	font-weight : 400;
	margin : 0;
	padding : 10px 0 20px
}
body.page-naver-energy h3
{
    color : #339933;
}

#content-b .padder h3 
{
	color : #666;
	font-size : 16px;
	padding : 0 0 10px
}

.p7HGM_panel_content h3 
{
	background : url(../images/bg-projectcaption.png);
	bottom : 0;
	color : #FFF;
	font-size : 14px;
	font-weight : 600;
	line-height : normal;
	margin : 0;
	padding : 10px;
	position : absolute;
	right : 0
}

div.box-small h3 
{
	color : #333;
	font-size : 15px;
	font-weight : 400;
	margin : 0;
	padding : 0 0 10px
}
div.box-xsmall h3,div.box-qsmall h3
{
	color : #333;
	font-size : 15px;
	font-weight : 400;
	margin : 0;
	padding : 0 0 10px
}

#wrapper-pageheading h1 
{
	bottom : 8px;
	color : #AEB7BA;
	font-size : 18px;
	left : 20px;
	line-height : normal;
	margin : 0;
	padding : 0;
	position : absolute
}

/* images ----------------------------------------- */

img 
{
	border : none
}
img.bor
{
    border:2px solid #999;
    margin-right:28px
}

#wrapper-screenshots img 
{
	float : left;
	margin : 0 2px 0 0
}

.p7HGM_panel_content img 
{
	display : block;
	height : 194px;
	overflow : hidden;
	width : 916px
}

/* paragraphs ----------------------------------------- */

p 
{
	font-size : 16px;
	line-height : 1.6em;
	margin : 0;
	padding : 0 0 20px;
	color: #333333;
}

p.intro
{
    /*font-weight:bold;*/
    color:#333333;
    font-size:17px;
    line-height : 1.8em;
}

#wrapper-screenshots p 
{
	overflow : hidden
}
#copyright p
{
    font-size : 14px;
    padding : 0 0 10px;
}
#content-b-3 p
{
    text-align:left;
    font-size : 13px;
    padding : 10px;
    height:100%;
}
#content-b-3 p a
{
    display:block;
    width:25%;
    height:30px;
    float:left;
    text-align:left;
    font-size:13px;

}
.righty
{
    text-align:right;
}
.error {
background:#FBE3E4 url(../images/alert.png) no-repeat 10px 50%;
border:1px solid #FBC2C4;
color:#000;
text-align:left !important;
font-size:12px;
line-height:normal;
margin:0 0 10px;
padding:10px 10px 10px 40px
}

/* standard list styles ----------------------------------------- */



/* structure ----------------------------------------- */

#wrapper-main 
{
	background : #FFF;
	margin : 0 auto;
	padding : 0;
	width : 980px
}

#wrapper-branding 
{
	background : url(../images/bg_wrapper-branding.jpg) no-repeat 0 0;
	height : 100px;
	margin : 0;
	overflow : hidden;
	padding : 0;
	position : relative
}

body.page-naver-energy #wrapper-branding
{
    background : url(../images/bg_wrapper-branding-energy.jpg) no-repeat 0 0;
}

#wrapper-branding h1,#link-skipnav 
{
	left : 0;
	position : absolute;
	top : -9999px
}

#wrapper-content 
{
	margin : 0;
	overflow : hidden;
	padding : 0
}

body.page-internal #wrapper-content
{
	background : url(../images/bg_wrapper-content.jpg) no-repeat 50% 0;
	margin : 0;
	padding : 30px 48px 0
}

#wrapper-slides 
{
	/*margin : 0 0 10px;*/
	margin : 0;
	padding : 0 30px;
	position : relative;
	/*background : url(../images/bg_slidecontrols.jpg) repeat-x 0 100%;*/
}

.p7HGM_panel_content 
{
	margin : 0;
	padding : 0;
	position : relative
}

#content-bottom 
{
	clear : both;
	height : 0;
	margin : 0;
	padding : 0
}

#testimonial blockquote 
{
	font-style : normal;
	line-height : normal;
	margin : 0;
	padding : 0
}

#testimonial blockquote p cite 
{
	font-size : 11px;
	padding-left : 10px;
	vertical-align : middle
}

#testimonial 
{
	background : url(../images/bg_testimonial.jpg) no-repeat 50% 100%;
	padding : 30px 0 5px
}

body.page-home #content-a 
{
	background : url(../images/bg_wrapper-content.jpg) no-repeat 50% 0;
	margin : 0;
	overflow : hidden;
	padding : 30px 48px 0
}

body.page-home #content-b 
{
	margin : 0;
	overflow : hidden;
	padding : 30px 30px 0
}

#content-b 
{
	clear : both
}

#test 
{
	background : red;
	height : 20px
}

div.box-xsmall, div.box-qsmall
{
	float : left;
	margin : 0 21px 0 0;
	padding : 0;
	width : 168px
}

div.box-small 
{
	float : left;
	margin : 0 21px 0 0;
	padding : 0;
	width : 205px
}
div.box-qsmall p.box-small-image 
{
	border : 2px solid #999;
	height : 163px;
	margin : 0 0 5px;
	overflow : hidden;
	padding : 0;
	width : 163px
}
div.box-xsmall p.box-small-image 
{
	border : 2px solid #999;
	height : 71px;
	margin : 0 0 5px;
	overflow : hidden;
	padding : 0;
	width : 163px
}
div.box-small p.box-small-image 
{
	border : 2px solid #999;
	height : 71px;
	margin : 0 0 5px;
	overflow : hidden;
	padding : 0;
	width : 200px
}
div.box-qsmall p.box-small-text
{
    font-size : 12px;
}
div.box-xsmall p.box-small-text
{
    font-size : 12px;
}
div.box-small p.box-small-text
{
    font-size : 12.5px;
}

/* home page thumbnail boxes - 4 in a row */

#bx-1,#bx-2,#bx-3,#bx-4
{
	border-bottom : 1px solid #999;
	margin-bottom : 10px;
	padding : 0
}

#bx-4,#bx-8 
{
	margin-right : 0 !important
}

/* inside page thumbnail boxes - 3 in a row */

#xbx-1,#xbx-2,#xbx-3,#xbx-4,#xbx-5,#xbx-6,#xbx-7,#xbx-8,#xbx-9,#xbx-10,#xbx-11,#xbx-12,#xbx-13,#xbx-14,#xbx-15,#xbx-16,#xbx-17,#xbx-18,#xbx-19,#xbx-20,#xbx-21,#xbx-22,#xbx-23,#xbx-24,#xbx-25,#xbx-26,#xbx-27
{
	/*border-bottom : 1px solid #999;*/
	margin-bottom : 10px;
	padding : 0
}

#xbx-3,#xbx-6,#xbx-9,#xbx-12,#xbx-15,#xbx-18,#xbx-21,#xbx-24,#xbx-27
{
	margin-right : 0 !important
}

/* inside page thumbnail boxes - 3 in a row - square */

.project-new 
{
	background : url(../images/new.png) no-repeat 0 0;
	height : 67px;
	overflow : hidden;
	position : absolute;
	right : 20px;
	text-indent : -9999px;
	top : 20px;
	width : 70px
}
#content-b ul
{
    /*padding:0;*/
    margin-top:0;
}
#content-b li
{
    line-height:28px;
    font-size:15px;
    color:#4D4D4D;
    padding-bottom:6px;
    padding-left:8px;
    font-weight:bold;
    list-style-image:url(/images/bullet.png);
}

body.page-naver-energy #content-b li
{
    list-style-image:url(/images/bullet-e.png);
}

#content-b-1 
{
	float : left;
	margin : 0;
	padding : 0 0 10px;
	width : 445px
}
#content-b-1 h3,#content-b-3 h3
{
border-bottom:solid 2px #CCCCCC;
margin-bottom:10px;

}


#content-b-2 
{
	float : right;
	margin : 0;
	padding : 0 0 10px;
	width : 445px
}

#content-b-3 
{
	clear : both;
	margin : 0;
	padding : 0;
	/*text-align : center;*/
}

body.page-home #content-b .padder 
{
	background : #E0E0E0;
	margin : 0;
	min-height : 120px;
	padding : 10px 10px 0;
	overflow:hidden;
}

body.page-home #content-b .padder p 
{
	font-size : 12px
}

#content-c 
{
	background : #666 url(../images/bg_content-c.jpg) no-repeat 0 0;
	height : 137px;
	margin : 0;
	overflow : hidden;
	padding : 0;
	position : relative
}

#socialise 
{
	left : 0;
	margin : 0;
	padding : 0;
	position : absolute;
	top : 0;
	width : 202px
}

#textsizer 
{
	margin : 0;
	padding : 0;
	position : absolute;
	right : 0;
	top : 0;
	width : 202px
}

#socialise ul 
{
	list-style-type : none;
	margin : 0;
	padding : 0;
	position : relative
}

#socialise ul li 
{
	height : 32px;
	overflow : hidden;
	position : absolute;
	text-indent : -9999px;
	width : 32px
}

#socialise ul li a 
{
	display : block;
	height : 32px;
	overflow : hidden;
	text-decoration : none;
	width : 32px
}

#socialise-twitter 
{
	left : 30px;
	top : 39px
}

#socialise-youtube 
{
	left : 31px;
	top : 77px
}

#socialise-facebook 
{
	left : 70px;
	top : 39px
}

#socialise-flickr 
{
	left : 70px;
	top : 77px
}

#copyright 
{
	left : 202px;
	margin : 0;
	padding : 40px 0 0;
	position : absolute;
	text-align : center;
	top : 0;
	width : 576px
}

/* Internal Page Styles */
body.page-internal #content-a 
{
	float : left;
	margin : 0;
	padding : 20px 0;
	width : 336px;
	overflow:hidden;
}

body.page-internal #content-b 
{
	clear : none;
	float : left;
	margin : 0;
	padding : 20px 0;
	width : 548px
}

body.page-internal #content-a .padder 
{
	margin : 0;
	padding : 0 74px 0 11px
}

#wrapper-pageheading 
{
	height : 157px;
	margin : 0 auto;
	overflow : hidden;
	padding : 0;
	position : relative;
	width : 885px
}

#strapline 
{
	color : #B3D1EA;
	font-size : 24px;
	left : 22px;
	line-height : 1.2em;
	position : absolute;
	top : 45px;
	width : 307px
}

body.page-naver-energy #strapline
{
    color : #d1e2f4;
}

#strapline strong 
{
	font-weight : 400
}

/* internal page banners ----------------------------------------- */

body.page-what-we-do #wrapper-pageheading,
body.page-who-we-are #wrapper-pageheading,
body.page-previous-work #wrapper-pageheading,
body.page-get-in-touch #wrapper-pageheading,
body.page-blog #wrapper-pageheading
{
	background : url(../images/bg_pageheading-whatwedo.jpg) no-repeat 0 0
}

/* main navigation ----------------------------------------- */

#link-home 
{
	height : 40px;
	left : 30px;
	overflow : hidden;
	position : absolute;
	text-indent : -9999px;
	top : 29px;
	width : 270px
}

#link-home a 
{
	display : block;
	height : 40px;
	width : 270px
}

#nav-main 
{
	font-size : 18px;
	list-style-type : none;
	margin : 0;
	overflow : hidden;
	padding : 0;
	position : absolute;
	right : 26px;
	text-transform : lowercase;
	top : 36px
}

#nav-main li 
{
	float : left;
	margin : 0 0 0 10px;
	width : auto
}

#nav-main li a 
{
	background : url(../images/bg_nav-main-li.jpg) no-repeat 100% 50%;
	color : #666;
	display : block;
	padding : 0 20px 0 0;
	text-decoration : none
}

#nav-contact a 
{
	background-image : none !important;
	padding-right : 0 !important
}

#nav-main li a:hover,#nav-main li a:focus,#nav-main li a:active,a.highlight 
{
	color : #00AEEF !important
}

body.page-what-we-do #nav-what a,
body.page-who-we-are #nav-who a,
body.page-get-in-touch #nav-contact a,
body.page-previous-work #nav-work a
{
	background : url(../images/bg_nav-current.jpg) no-repeat 0 50% !important;
	color : #FFF !important;
	padding : 0;
	text-align : center;
	width : 136px
}

body.page-who-we-are #nav-what a,
body.page-previous-work #nav-who a,
body.page-get-in-touch #nav-work a
{
    background-image : none !important;
	padding-right : 0 !important
}

/* tabbed navigation ----------------------------------------- */

#nav-sup 
{
	bottom : 0;
	list-style-type : none;
	margin : 0;
	overflow : hidden;
	padding : 0;
	position : absolute;
	left : 336px
}

#nav-sup li 
{
	bottom : 0;
	float : left;
	line-height : normal;
	margin : 0 0 0 3px;
	padding : 0;
	position : relative;
	text-align : center;
	width : auto
}

#nav-sup li a 
{
	background : url(../images/bg_nav-sup.png) no-repeat 0 100%;
	color : #000;
	display : block;
	font-size : 15px;
	font-weight : 700;
	height : 36px;
	line-height : 39px;
	padding : 0;
	text-decoration : none;
	text-transform : lowercase;
	width : 120px
}

#nav-sup li a:hover,#nav-sup li a:focus,#nav-sup li a:active,#nav-sup li a.current 
{
	background : url(../images/bg_nav-sup-hover.png) no-repeat 0 100%;
	color : #FFF;
		line-height : 37px;

}

/* footprint navigation ----------------------------------------- */

#footprint 
{
	font-size : 12px;
	list-style-type : none;
	margin : 0 0 0 336px;
	overflow : hidden;
	padding : 0
}

#footprint li 
{
	float : left;
	margin : 0 10px 0 0;
	padding : 0
}

#footprint li a 
{
	background : url(../images/icon-link.jpg) no-repeat 0 50%;
	color : #666;
	height : 16px;
	line-height : 20px;
	padding : 0 0 0 25px;
	text-decoration : none;
	width : auto
}

#footprint li a:hover,#footprint li a:focus,#footprint li a:active 
{
	color : #333
}

#footprint-home 
{
	height : 16px;
	overflow : hidden;
	text-indent : -9999px;
	width : 16px
}

#footprint-home a 
{
	background : url(../images/icon-home.jpg) no-repeat 0 0 !important;
	display : block;
	height : 16px;
	padding : 0 !important;
	width : 16px
}

/* vertical column navigation ----------------------------------------- */

.nav-sup-col 
{
	font-size : 18px;
	list-style-type : none;
	margin : 0;
	padding : 0
}

.nav-sup-col li 
{
	margin : 0;
	padding : 0
}

.nav-sup-col li a 
{
	background : #FFF;
	border-bottom : 1px solid #DCDCDC;
	color : #333;
	display : block;
	font-weight : 700;
	padding : 10px;
	text-decoration : none
}

.nav-sup-col li a:hover,
.nav-sup-col li a:focus,
.nav-sup-col li a:active,
.nav-sup-col li a.current 
{
	background : #DCDCDC url(../images/bg_nav-sup-current.gif) no-repeat 0 0;
	border-bottom : 1px solid #FFF;
	color : #EC008C
}
body.page-naver-energy .nav-sup-col li a:hover,
body.page-naver-energy .nav-sup-col li a:focus,
body.page-naver-energy .nav-sup-col li a:active,
body.page-naver-energy .nav-sup-col li a.current 
{
    color:#339933;
}
.nav-sup-col-last 
{
	margin : 0 0 40px !important
}

.nav-sup-col-last a 
{
	border-bottom : 1px solid #FFF !important
}

/* blog navigation ----------------------------------------- */

#nav-blog,
#nav-featureblog
{
margin: 0;
padding:0;
list-style-type: none;
list-style-image:none;
font-size: 13px;
overflow: hidden;
}

#nav-blog li,
#nav-featureblog li
{
margin: 0;
padding: 0 0 10px 0;
clear:both;
overflow: hidden;
list-style-type:none;
list-style-image:none;
}
#nav-blog li a,
#nav-featureblog li a
{
font-weight:bold !important;
text-decoration: none;
}
.date
{
	float: left;
	height: 52px;
	width: 52px;
	background: url(../images/date.png) no-repeat;
	margin-right: 10px;
	padding-top: 0px;
	line-height: normal;
}

.date .month
{
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 11px;
	padding-top: 4px;
	text-transform: uppercase;
}

.date .day
{
	display: block;
	text-align: center;
	padding-top: 3px;
	color: #222;
	font-size: 18px;
	font-weight: bold;
}

.meta
{
	display: block;
	font-size: 12px;
}

#content-b #nav-blog,
#content-b #nav-featureblog
{
    font-size:16px;
}

#content-b #nav-blog li
{
    border-top:solid 2px #CCCCCC;
    margin: 0;
    padding: 10px 0 20px 0;
    list-style-image:none;
}
#content-b #nav-featureblog li
{
    margin: 0;
    padding: 0px 0 20px 0;
}
#content-b .meta
{
    font-size:13px;
    line-height:28px;
}
#content-b .meta a
{
    color:#666666;
    font-weight:normal;
}
#content-b .desc
{
    font-size:13px;
    line-height:22px;
    display:block;
    clear:left;
    padding:10px 0 0 0;
}
#content-b .desc-subtle
{
    font-size:15px;
    line-height:24px;
    font-weight:normal;
    display:block;
    clear:left;
    padding:10px 0 0 0;
}
#content-b .desc-single
{
    font-size:15px;
    line-height:24px;
    display:block;
    font-weight:normal;
    font-style:italic;
    clear:left;
    padding:10px 0 0 0;
}

#featured-blog p.blog-image,
#single-blog p.blog-image
{
	border : 2px solid #999;
	height : 163px;
	margin : 0 0 0 20px;
	overflow : hidden;
	padding : 0;
	width : 163px;
	float:right;
	background-color:#ffffff;
}
#single-blog p.blog-image
{
    height:auto;
}

/* grouped/misc. styles ----------------------------------------- */

.checkoutprice{font-size:20px;}

#featured-blog,#featured-product
{
    background-color:#e9e9e9;
    padding:10px;
    height:173px;
}
#single-blog
{
    padding:10px;

}

#p7HGMvpw_1
{
    border : 2px solid #666;
}

#p7HGMpg_1 
{
	float : left;
	width : 846px
}

#p7HGMpg_1 ul 
{
	list-style-type : none;
	margin : 0;
	overflow : hidden;
	padding : 0 10px;
	text-align : center
}

#p7HGMpg_1 ul li 
{
	display : inline;
	padding : 0 10px
}
#p7HGMpg_1 ul li img
{
    border:solid 2px #999;
}

#statement 
{
	font-size : 18px
}

.testi
{
    background-color:#e9e9e9;
    padding:5px;
    margin-bottom:20px;
}
.testi p
{
    font-weight:bold;
}
.testi cite
{
    font-weight:normal;

}

#wrapper-content h2,#testimonial blockquote p 
{
	color : #333;
	font-size : 18px;
	font-weight : 400;
	margin : 0;
	padding : 0 0 20px;
	text-align : center
}

#content-c p,#nav-footer a 
{
	color : #FFF
}

.p7HGM_next,.p7HGM_prev 
{
	float : left;
	height : 34px;
	width : 34px
}

/*s3slider styles */

#slider {
    width: 914px; /* important to be same as image width */
    height: 194px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	border:solid 3px #999;
	border-bottom:0px;
}
#sliderContent {
    width: 914px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 50%;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

img.icon
{
    float:left;
    margin: 0 5px 5px 0;
}

/* Portfolio thumbnails */

.imagelist-portfolio {
list-style-type:none;
margin:0;
overflow:hidden;
padding:0
}

.imagelist-portfolio li {
float:left;
height:167px;
margin:0 23px 23px 0;
overflow:hidden;
width:167px;
padding:0 !important;
}

.imagelist-portfolio li img {
border:2px solid #999
}

ul.imagelist-portfolio li:nth-child(3n) {
margin-right:0 !important
}

ul.imagelist-portfolio li {
-khtml-opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity = 80);
opacity:0.8
}

ul.imagelist-portfolio li:hover,ul.imagelist-portfolio li:focus,ul.imagelist-portfolio li:active,ul.imagelist-portfolio li.selected {
-khtml-opacity:1;
-moz-opacity:1;
filter:alpha(opacity = 100);
opacity:1
}

#photos { visibility: hidden; }