@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* { margin:0; padding:0; outline:none; outline-style:none;}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg_body.gif) top repeat-x #95979a; padding:15px 0 0 0; }

p { margin:0; padding:0; font-size:12px; line-height:1.4em; color:#626264}
p a:link {color:#4a8b3a; text-decoration: underline;}
p a:hover {color:#4a8b3a; text-decoration: none}
p a:visited {color:#4a8b3a; text-decoration: underline}
p ul li { margin:0; padding:0; font-size:12px; line-height:1.4em; color:#626264}


h1 {font-size:24px; font-weight:normal; color:#c8c8c9; padding:0 0 0 13px; margin:0 0 4px 0;}
h2 {font-size:20px; font-weight:normal; color:#4a8b3a; padding:0; margin:0 0 15px 0;}
h3 {font-size:14px; font-weight:normal; color:#4a8b3a; padding:0; } 
h4 {font-size:14px; font-weight:bold; color:#666666;  margin:0; padding:0;}

img {border:none;}


/*
---------------------------------------------
02. CONTAINER
---------------------------------------------
*/

#container { width:780px; margin:0 auto}

/*
---------------------------------------------
03. WRAPPER
---------------------------------------------
*/

#wrapper {width:780px; padding:10px; float:left; background:#fff;}

/*
---------------------------------------------
04. HEADER
---------------------------------------------
*/

#header {width:760px; height:30px; float:left; font-family: "trajan pro", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; color:#fff; padding:120px 0 0 20px; background:url(../images/header.jpg) no-repeat; margin-bottom:2px;}

#header .logo-link {position: absolute; width:210px; height:120px;margin-top:-100px}


/*
---------------------------------------------
05. TOP NAVIGATION
---------------------------------------------
*/

#topnav {width:780px; background:url(../images/bg_menubar.gif) repeat-x; height:29px; margin-bottom:2px; float:left;}
#topnav ul {list-style:none; padding:0; margin:0 0 0 5px;}
#topnav ul li {display:inline;}
#topnav ul li a {display:block; float:left; text-decoration:none; color:#d0dece; font-weight:bold; line-height:29px; padding:0 15px;}
#topnav ul li a:hover { color:#FFFFFF}
#topnav ul li a.onstate { color:#4a8b3a; background-color:#FFFFFF}

/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content {width:780px; background:url(../images/bg_content.gif) top repeat-x #e7e8e9; clear:both; float:left; }


/*
---------------------------------------------
07. CONTENT - LEFT PANEL
---------------------------------------------
*/

#left_panel {width:510px; margin:0 0 0 12px; float:left; display:inline; padding:17px 0 15px 0;} 


/*
---------------------------------------------
07.1 CONTENT - LEFT PANEL - BOX CONTENT
---------------------------------------------
*/

.box-content {width:486px; border:1px solid #b7b8ba; background: url(../images/bg_maincontent.gif) top repeat-x #fff; padding:14px 17px;}
.box-content p {padding-bottom:20px; line-height:1.5em;} 
.box-content img  {float:right; border:1px solid #4a8b3a; margin:0 0 0 15px;}
.box-content hr  {margin:5px 0 5px 0;}
.box-content ul { margin:0; padding: 0 0 0 20px; }
.box-content ul li { font-size:12px; font-weight: bold; line-height:1.4em; color:#626264}
.box-content ol { margin:0; padding: 0 0 0 20px; }
.box-content ol li { margin:0; font-size:12px; font-weight: bold; line-height:1.4em; color:#626264}


/*
---------------------------------------------
08. CONTENT - RIGHT PANEL
---------------------------------------------
*/

#right_panel {width:207px; float:right; display:inline; margin:0 18px; padding:15px 0 0 0; }

/*
---------------------------------------------
08.1 CONTENT - RIGHT PANEL - TOP PHONE
---------------------------------------------
*/

.topphone {height:57px;}
.topphone p {color:#fff; font-size:12px; padding: 0 11px; font-weight:bold;}
.topphone p a {color:#fff; }


/*
---------------------------------------------
08.2 CONTENT - RIGHT PANEL - CASE TYPE & VIDEO
---------------------------------------------
*/

.video {width:205px; margin-bottom:10px; }
.video a {color:#766f5f; } 

.services {width:205px; margin-bottom:15px; border:1px #666666 solid; }
.services ul {margin:0; padding:0; margin: 0;}
.services ul li { list-style:none;}
.services ul li a { color:#6d6e71; text-decoration:none; background: url(../images/bullet.gif) no-repeat #f3f3f4; background-position: 10px 50%;  padding: 7px 0 7px 20px; display:block; width:185px; border-bottom:1px solid #666666; font-weight:bold;}

.services ul li a:hover { color:#00464f; background: url(../images/bullet.gif) no-repeat #ffffff; background-position: 10px 50%; } 
.services ul li.current a {color:#00464f; background: url(../images/bullet.gif) no-repeat #fff; background-position: 10px 50%; }
.services h3 {font-size:14px; font-weight:normal; color:#cedbde; padding:0 0 0 10px; line-height:29px; background:url(../images/bg_h3.gif) repeat-x;}
.services h3 a {color:#cedbde; text-decoration: none }
.services h3 a:hover {color:#ffffff; text-decoration: none; }

/*
---------------------------------------------
08.3 CONTENT - RIGHT PANEL - CONTACT INFO
---------------------------------------------
*/

.right-box-bg { border:1px #a9a393 solid; background:#f1f2f2; width:185px; color:#766f5f; padding:10px; margin-bottom:10px; }
.right-box-bg  a:link, a:visited {color:#766f5f; text-decoration: underline;  }
.right-box-bg  a:hover {color:#766f5f; text-decoration: none;  }
.right-box-bg img  {float:right; border:1px solid #9a9a88; margin:0 0 0 5px;}

.right-box-no-bg {width:195px; color:#999999; padding:10px; margin-bottom:10px; }
.right-box-no-bg  a {color:#666666; }

.right-box-no-bg  ul { padding-left:25px; }
.right-box-no-bg  ul li { font-size:12px; line-height:1.4em; color:#626264}


/*
---------------------------------------------
09. FOOTER
---------------------------------------------
*/

#footer {width:780px; clear:both; padding:10px 0 0 0; float:left; color:#919294;} 

/*
---------------------------------------------
09.1 FOOTER LINKS
---------------------------------------------
*/

.footer-left {width:500px; float:left; display:inline; margin:0 0 0 20px; font-size:10px;}
.footer-left ul {margin:0 0 5px 0;}
.footer-left ul li {display:inline;}
.footer-left ul li a {display:block; float:left; color:#919294; text-decoration:none; font-size:9px; padding:0 6px; border-right:1px solid #766f5f;}
.footer-left a {color:#919294; text-decoration:none;}
.footer-left a:hover {color:#919294; text-decoration: underline;}

.footer-right { width:200px;  float:right;display:inline; margin:0 20px 0 0; font-size:9px; color:#919294; }
.footer-right a {color:#919294;}