@import "lib/reset.css";
@import "lib/nav.css";

/* =body 
   (1em = default browser 16px of font-size)
   for 12px (0.75em = 1/16px * 12px)
 */
body { background: #f2f5f6 url(../images/bg.gif) repeat-x left top; font-size: 0.81em; text-align: center; font-family: Arial, sans-serif; color: #484848; }

/* =hx */
h2, h3, h4, h5, h6 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; }

h2 { font-size: 1em; }
h3 { font-size: 1.4em; margin: 0 0 10px 10px }
h4 { font-size: 1.1em; margin: 0 0 10px 10px; color: #0f479e }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* =txt p/abr/acronym/address/del/blockquote/strong/em/dfn/pre/code/tt  */
p { margin: 0 0 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

span { font-weight: bold; padding: 0 1em; }

/* =table caption/tr/th/td/thead/tbody/tfoot */
table {  }
th {  }
td {  }
th, td {  }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* =ul li */
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: circle; }

/* =ol li */
ol { margin: 0 1.5em 1.5em 3.5em; list-style-type: decimal; }

/* =dl dt/dd */
dl { margin: 0 0 1.5em 0.7em; }
dl dt { font-weight: normal; }
dl dd { margin-left: 1.5em; }
dl dt { margin: 0 0 5px 0; padding: 3px 0 3px 7px; font-size: 0.95em }
.webserv  dl dt { width: 195px; }
.webserv { position: relative; width: 100%; }
dl dt.alt { background: #d6e1e5; }
dl.sec { position: absolute; right: 0; top: 0; }

/* =a */
a { color: #353535; text-decoration: underline; }
a:hover { text-decoration: none; }

.clear { clear: both; }

/* =form */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }


/* layout begin */
#header { position: relative; height: 124px; width: 770px; margin: 0 auto; text-align: left; font-size: 13px;  }
#navigation { height: 45px; width: 770px; margin: 0 auto; text-align: left }
#container { width: 100%; background: #092c73 url(../images/bg_wrapper.jpg) no-repeat center top; }

#content_wrapper { width: 100%; padding: 0 0 40px 0; background: #f2f5f6 url(../images/bg_footer.gif) repeat-x left top; border-top: 2px solid #528af2; overflow: auto; text-align: left;  }
#content_wrapper .content_area { width: 770px; margin: 30px auto 0 auto; }
#content_top { position: relative; width: 770px; height: 125px; margin: 0 auto; text-align: left  }
#content { float: left; margin: 0 -340px 0 0; width: 100%; }
#content_main { margin: 0 340px 0 0; }
#content_main p { padding-left: 10px; }

/* sidebar */
#sidebar { float: right; width: 290px; margin: 140px 0 0 0; overflow: hidden; }
#sidebar p { padding-right: 20px; margin: 0 0 5px 0; text-align: justify }
.sideimg { position: absolute; top: 39px; right: 6px; width: 325px; margin: 0 0 0 0; text-align: right; z-index: 101; }
.sideimg img { margin: 0 0 0 0; }
#products .sideimg { top: 39px }
#sidebar ul { list-style: none; font-weight: bold;}
#sidebar ul li { line-height: 2; border-bottom: 1px solid #e6ecee }
#sidebar ul li a:focus, #sidebar ul li a:active { color: #0f479e; text-decoration: none }

/* titles */
#content h2, #content_top h2 { height: 125px; margin: 0; padding: 0; text-indent: -5000px; }
#home #container #content h2 { height: 18px; margin: 0 0 50px 10px; background: url(../images/welcome.gif) no-repeat; }
#about #content_top h2 { background: url(../images/title_about_us.gif) no-repeat 10px center; }
.privacy #content_top h2 { background: url(../images/title_privacy.gif) no-repeat 10px center!important; }
#services #content_top h2 { background: url(../images/title_services.gif) no-repeat 10px center; }
#products #content_top h2 { background: url(../images/title_products.gif) no-repeat 10px center; }
#faq #content_top h2 { background: url(../images/title_faqs.gif) no-repeat 10px center; }
#contact #content_top h2 { background: url(../images/title_contact.gif) no-repeat 10px center; }


/* header */
h1 { height: 124px; width: 302px; background: url(../images/logo.gif) no-repeat left top; text-indent: -5000px; }
h1 a { display: block; height: 124px; width: 302px; }
#header div { position: absolute; right: 0; top: 20px;  }
#header div p { padding: 0; margin: 0; font-size: 90%; width: 412px; text-align: justify;}
#header div p span { padding: 0 0 0 10px; }
#header div p.phones { position: absolute; right: 0; top: 34px; width: 170px; text-align: right;}

/* home */
#home { font-size: 13px; }
#home #container { position: relative; height: 480px; background: #092c73 url(../images/bg_wrapper_home.jpg) no-repeat center top; overflow: hidden; border-bottom: 2px solid #528af2; }
#home #container #content { position: relative; float: none; top: 0; width: 770px; margin: 50px auto 0 auto; background: none; border: none; text-align: left }
#home #container #content p { color: White; padding: 0 350px 0 0; text-align: justify }
#home #container #content .credit_cards { position: absolute; left: 20px; top: 340px; width: 372px; height: 56px; background: url(../images/credit_cards.png); text-indent: -5000px; }
#home #sec_nav { position: absolute; left: 50%; top: 625px; margin: 0 0 0 -400px;  }
#home #footer { background: url(../images/bg_footer.gif) repeat-x left top; }
#home #footer #sitedesign a { margin: 50px 0 0 0 }

/* secondary navigation */
#sec_nav { position: relative; margin: 0 auto; 
	padding-right: 25px;
	width: 745px; 
	height: 45px; background: #f2f5f6 url(../images/bg_sec_nav.gif) repeat-x left top; border: 1px solid #b3c0c3; text-align: right; clear: both; }
#sec_nav img { position: absolute; left: 25px; top: 9px; }
#sec_nav ul { padding: 12px 0 0 0; list-style: none; }
#sec_nav ul li { display: inline; padding: 0 13px }
#sec_nav ul li a { color: #353535;  text-decoration: none }
#sec_nav ul li a:hover { text-decoration: underline; }

/* faqs */
#faq dl dt { position: relative; width: 90%; margin-bottom: 5px; padding-right: 10px; }
#faq dl dt.alt { font-weight: bold; padding-left: 33px;  }
#faq dl dt.first { background: #C1D1D7;}
#faq dl dt em { position: absolute; left: 7px; top: 13px; padding: 0; color: #0C3B8B; font-style: normal }
#faq dl dt.alt em { top: 3px; }
#faq dl dt p { padding: 10px 5px 0 25px }

/* products */
#products dl { margin-bottom: 40px; }
#products #sidebar img { margin: 0 0 5px 0; }
#products .logossidebar img { float:left; }
#products .logossidebar img.first { margin-right: 5px!important; }

/* services */
#services dl { margin-bottom: 40px; }

/* footer */
#footer { width: 100%; height: 150px; }
#footer #sitedesign { width: 770px; margin: 0 auto; text-align: right; }
#footer #sitedesign a { float: right; width: 130px; height: 37px; margin: 30px 0 0 0; background: url(../images/logo_pncs.gif) no-repeat left top; }
#footer #sitedesign a span { display: none; }

#facebook{
	position: absolute;
	right: 62px;
}
#facebook img{
	display: block;
}