/* JS Translations Style Sheet
   
*/

/* Base Styles */

html, body {
margin:0;
padding:0;
}

.clear {
clear:both;
}

h1 {
font-size:1.8em;
color:#484848;
padding:10px 0px 10px 0px;
}

h2 {
font-size: 12pt;
color:#484848;

}

h3 {
font-size: 11pt;
color:#484848;
}

p {
padding:1px 0 1px 0;
}

a {
color: #0366ac;
}

ul {
padding:10px;
margin:0 15px 0 15px;
}

body {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#3d3d3d;
font-size:12px;
background-color:#E8E6E2;
line-height:130%;
}

#wrapper {
position:relative;
top:20px;
width:773px;
margin:auto;
background-image:url(../images/mainbg.gif);
background-repeat:repeat-y;
}

#header {
width:100%;
height:112px;
background-image:url(../images/header.gif);
}

#navbar {
width:773px;
height:30px;
background-image:url(../images/navbar01.gif);
}


/* Left Navigation Bar */
#navleft {
position:absolute;
top:115px;
left:20px;
width:450px;
height:26px;
}

#navleft ul {
display:inline;
list-style:none;
margin:0;
}

#navleft li {
display:inline;
margin:0;

}

#navleft li a{
float:left;
display:block;
padding:5px 6px 5px 6px;
margin:0 2px 0 2px;
font:bold 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;

}

/* Right Navigation Bar */
#navright {
position:absolute;
top:115px;
left:580px;
width:190px;
height:26px;
}

#navright ul {
display:inline;
list-style:none;
margin:0;
}

#navright li {
display:inline;
margin:0;
}

#navright li a{
float:left;
display:block;
padding:5px 6px 5px 6px;
margin:0 2px 0 2px;
font:bold 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* Link Values */
#nav-home, #nav-services, #nav-resources, #nav-quote, #nav-faq, #nav-portfolio, #nav-contactus, #nav-aboutus, #nav-blog {
color:#484848; text-decoration:none;
}

#navsel-home, #navsel-services, #navsel-resources, #navsel-quote, #navsel-faq, #navsel-portfolio, #navsel-contactus, #navsel-aboutus, #navsel-blog {
color:#CC0000; text-decoration:none;
}

#nav-home:hover, #nav-services:hover, #nav-resources:hover, #nav-quote:hover, #nav-faq:hover, #nav-portfolio:hover, #nav-contactus:hover, #nav-aboutus:hover, #nav-blog:hover {
text-decoration:underline;
/*color:#0099FF;*/
color:#484848;
}

/* Breadcrumbs */

#breadcrumbs {
font:bold 8pt sans-serif, Arial;
width:500px;
/*
margin:20px 0px 5px 0px;
padding:0px 18px 0px 18px;
*/
background:#FFFFFF;
}

#breadcrumbs ul {
display:inline;
margin:0;
padding:0;
}

#breadcrumbs li {
list-style:none;
display:inline;
margin-left:2px;
padding:0;
}

/* Content */

#content {
text-align:left;
width:auto;
margin-left:8px;
margin-right:10px;
padding:0;
background-image:url(../images/content_bg.gif);
background-position: 564px 0%;
background-repeat: repeat-y;
}

#content-inner {
width:527px;
float:left;
top:134px;
background:#ffffff;
padding:18px;
min-height:400px;
}

#content-inner2 {
background:#FFFFFF none repeat scroll 0%;
float:left;
min-height:400px;
padding:20px;
top:134px;
width:523px;
}

#content .more {
	text-align:right;
	color: #0366ac;
	margin-bottom: 0;
	font:9pt Arial, Helvetica, sans-serif;
}

#content p.more a {
	text-decoration:none;
	color: #0366ac;
	border-bottom: 1px dotted #0366ac;
}

#content p.more a:hover { 
	text-decoration:none;
	color: #0366ac;
	border-bottom: 1px solid #0366ac;
}

/* SPECIAL OFFERS */
#spoff {
	float:right;
	width:150px;
	padding:16px 24px 0px 0px;
	background:transparent;
}

#spoff p {
	margin-bottom:8px;
}

#spoff ul {
	margin:0;
}

#spoff li {
	list-style:none;
	display:block;
	margin:0;
}

#spoff li a{
/*
padding:0px 6px 0px 6px;
margin:0 2px 0 2px;
*/
color:#484848;
font:9pt Arial, Helvetica, sans-serif;
text-decoration:none;
}

#spoff li a:hover{
text-decoration:underline;
color:#CC0000;
}

/* FOOTER */

#footer {
width:100%;
height:132px;
background-image:url(../images/footer.gif);
}

/* Navigation Footer */
#nav-footer {
width:773px;
padding-top:15px;
}

#nav-footer p {
font:1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#nav-footer p a {
font:1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}

#nav-footer a:hover {
/*color:#0099FF;*/
color:#FF3300;
text-decoration:underline;
}

#bottom {
font-size:10px;
width:773px;
height:70px;
background-color:#E8E6E2;
}