/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       css/style.css															********
****		DESCRIPTION:    CSS for SunBug														********
****		CREATION DATE:  03/13/2009																********
****		LAST MODIFIED:  03/26/2009																********
****																															********
/*************************************************************************
/*************************************************************************

orange   fbb426
green    9dbd04

/*  GLOBAL  --------------------------------------------------- */

body { margin:0; padding:0; background:url(/images/template/bg_top_home.jpg) top center no-repeat #fff; font:12px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#737373; }
body.inner { background:url(/images/template/bg_top_sub.jpg) top center no-repeat #fff; }
body.nobg { background:none; }

img {	border:0; }
td { vertical-align:top;}

h1 { font: normal 28px Helvetica, sans-serif; color:#fbb426; margin:0; padding:0; }
h2 {	font: 18px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; margin:0; padding:0; }
h3 { font: 17px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }

a {	color:#fbb426; text-decoration:none;}
a:hover {	color:#9dbd04; }

.clr { clear:both; }
.clr10b { clear:both; padding-bottom:10px; }
.clr15b { clear:both; padding-bottom:15px; }

#wrapper { position:relative; top:0px; left:0px; width:995px; margin:0 auto; padding:0; }

/*  TOP OF PAGE   ------------------------------------------------- */

#logo { position:relative; z-index:2; float:left; width:273px; height:80px; cursor:pointer; }
#search { float:right; margin-top:15px; height:18px; width:177px; background:url(/images/template/search.gif) no-repeat; }
#searchform { height:18px; margin:0; padding:0; }
#searchinput { float:left; display:inline; margin:0 0 0 25px; height:18px; width:135px; font: 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; color:#7f7f7f; background:none; border:none; }

#flash { position:absolute; top:40px; left:0px; width:995px; background:url(/images/template/flashback.jpg) no-repeat top left; }
#flash_pad { height:309px; }
#top_pad { height:206px; }

/*  MAIN MENU   --------------------------------------------------- */

#menu { float:left; width:995px; height:59px; margin:0; padding:0; background:url(/images/template/menu_divs.gif) no-repeat 0px 19px; }
#menu ul { margin:0; padding:0; list-style:none; }
#menu li { float:left; display:inline-block; height:59px; list-style:none; font:bold 14px Helvetica, Arial, sans-serif; }
#menu li.first { }
#menu li.letstalk { font: italic 16px Georgia, Times, serif; background:url(/images/template/menu_talk.gif) no-repeat 28px 29px;  }

#menu li.on { background:url(/images/template/menu_roll-tab.png) no-repeat -2px 0px; }
#menu li.on a { color:#fbb426; }

#menu li a { display:block; height:29px; width:199px; padding:30px 0 0 0; color:#868c69; text-align:center; }
#menu li a:hover { text-decoration:none; }
#menu li.letstalk a { color:#8a9d2e; }

/*  SUB MENUS   --------------------------------------------------- */

#submenu_home .subnav { top:309px; }
#submenu .subnav { top:206px; }

.subnav { position:absolute; z-index:2; list-style-type:none; margin:0; padding:0; visibility:hidden; line-height:normal; }
.subnav li { display:block; list-style-type:none; margin:0; padding:0; width:203px; height:27px; background:url(/images/template/menusub_bg.png) repeat-y; line-height:normal; }
.subnav li.tab { height:59px; background:url(/images/template/menu_roll-tab.png) no-repeat; border:none; }
.subnav li.bottom { background:url(/images/template/menusub_bg.png) repeat-y; }
.subnav li.base { background:none; }

.subnav li.talk { list-style-type:none; margin:0; padding:30px 5px 0 20px; width:312px; height:211px; font-size:12px; color:#8a9d2e; background:url(/images/template/menusub_letstalk-bg.png) no-repeat; border:none; }
.subnav li.talk h4 { font:24px/28px Georgia, Times, serif; padding:0 0 5px 20px; margin:0; }
.subnav li.talk h5 { font-size:11px; padding:0; margin:0; color:#fbb426; text-transform:uppercase; }
.subnav li.tabtalk { height:59px; margin-left:131px; background:url(/images/template/menu_roll-tab.png) no-repeat; border:none; }
.subnav li.talk ul { float:left; line-height:16px; margin:0; padding:20px 0 0 0; background:none; }
.subnav li.talk ul li { background:url(/images/template/menusub_letstalk-arrow.gif) no-repeat 1px 2px; width:120px; margin:0; padding:0 0 30px 20px; border:none; }
.subnav li.talk ul.r li { width:140px; }

.subnav li a { display:block; color:#737373; margin:0 4px; padding:2px 0 5px 25px; border-bottom:1px dotted #d6d5cf; }
.subnav li a:hover { color:#fbb426; }
.subnav li.tab a { display:block; width:203px; height:59px; font:bold 14px Helvetica, Arial, sans-serif; color:#fbb426; text-align:center; padding:30px 0 0 0; margin:0; border:none; }
.subnav li.bottom a { border:none; }
.subnav li.tabtalk a { display:block; width:203px; height:59px; font: italic 16px Georgia, Times, serif; background:url(/images/template/menu_talk.gif) no-repeat 30px 29px; color:#fbb426; text-align:center; padding:30px 0 0 0; margin:0; border:none; }
.subnav li.talk h5 a { color:#fbb426; display:inline; padding:0; margin:0; border:none; }
.subnav li.talk h5 a:hover { color:#9dbd04; }

#subnav1 { left:-2px; }
#subnav2 { left:197px; }
#subnav3 { left:396px; }
#subnav4 { left:595px; }
#subnav5 { left:663px; }	

/*  MAIN CONTENT AREA   --------------------------------------------------- */

#content { font:13px/24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#content p { margin:0; padding:0; }

/* HOME PAGE ----------------- */

#content #home_main { float:left; width:535px; margin:0; padding:35px 0 0 15px; }
#content #home_main h1{ line-height:40px; margin: 0; }
#content #home_main h2{ font-weight:normal; color:#fbb426; }
#content #home_main #intro { font: italic 16px Georgia, "Times New Roman", Times, serif; margin:23px 0 10px 0; padding:0 0 6px 0; border-bottom:2px solid #c4c4c4; }

#content #home_r1 { float:left; font-size:11px; line-height:20px; width:195px; margin:0 0 0 30px; padding:40px 0 0 0; }
#content #home_r1 h2 { font-size:14px; font-weight:bold; line-height:20px; color:#9dbd04; }
#content #home_r1 p { margin: 7px 0 15px 0; }
#content #home_r1 a { color:#9dbd04; }
#content #home_r1 a:hover { color:#fbb426; }

#content #home_r2 { float:left; font-size:11px; line-height:20px; width:205px; margin:0 0 0 15px; padding:40px 0 0 0; }
#content #home_r2 #header { padding:0 0 15px 5px; font-size:13px; line-height:17px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#content #home_r2 #header a { color:#737373; }
#content #home_r2 #header a:hover { color:#000; }
#content #home_r2 #bubble { width:202px; }
#content #home_r2 #bubble #bubtext { position:relative; background:url(/images/template/bubble_bg.png) repeat-y; font: italic 12px/20px Georgia, Times, serif; color:#7c7852; padding:20px 20px 5px 20px; min-height:160px; }
#content #home_r2 #bubble #bubicon { position:absolute; bottom:3px; right:15px; }  /* float:right; margin:-22px -3px 0 0; display:inline-block; */
#content #home_r2 #bubble #bubbot { position:relative; z-index:3; }
#content #home_r2 #bubble #bubpic { margin:-25px 0 0 0; text-align:center; }

.caption { font:9px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; line-height:normal; }
.caption_news { font:9px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:5px 0 20px 0; line-height:normal; }
.caption_newsstory { font:9px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:3px 0 0 0; line-height:normal; }

/* SUB PAGES -------------------- */

/* left column */

#content #left { float:left; width:190px; margin:0; padding:95px 0 0 10px; }
#content #left a.dwnld { color:#737373; }
#content #left a:hover.dwnld { color:#fbb426; }

#content #left ul { list-style-type:none; margin:0; padding:0; }
#content #left .button { display:inline-block; list-style-type:none; margin-bottom:15px; }
#content #left .button_on { display:inline-block; list-style-type:none; margin-bottom:15px; background:url(/images/template/button_l.gif) no-repeat left; background-color: #fbb426;}
#content #left .button a { display:block; height:19px; margin:0; padding:3px 10px 0 10px; color:#737373; line-height:normal; }
#content #left .button_on a { display:block;  height:19px; margin:0; padding:3px 10px 0 10px; color:#fff; line-height:normal; background:url(/images/template/button_r.gif) no-repeat right; }

/* middle column */

#content #mid, #content #mid_news, #content #mid_download { float:left; width:490px; padding:45px 0 0 0; }
#content #mid #intro { color:#fbb426; font-size:14px; line-height:28px; margin:0; padding:13px 0 20px 0; }
#content #mid h2 { font-weight:bold; font-size:13px; padding:6px 0; }
#content #mid h2.toppad { padding-top:25px; }
#content #mid p { padding-bottom:20px; }
#content #mid p.top { padding:20px 0; }
#content #mid h2.customer { color:#9dbd04; font-size:15px; font-weight:normal; padding:22px 0 10px 0;}
#content #mid h3.customer { color:#9dbd04; font:bold 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; padding:5px 0 10px 0;}
#content #mid #customer_pic { width:476px; border:8px solid #d0ccb9; margin:0 0 10px 0; }
#content #mid #customer_pic img { border:1px solid #8b8878; }

#content #mid_news h2 { font-weight:bold; font-size:13px; color:#fbb426; line-height:normal; }
#content #mid_news h2 img { padding-bottom:5px; }
#content #mid_news p { padding-bottom:15px; }
#content #mid_news #newsbox { background:url(/images/template/newsbox.gif) no-repeat right; height:184px; margin-top:25px; padding-right:30px; }
#content #mid_news #newsbox h2 { font-size:14px; padding:0 0 15px 5px; }
#content #mid_news #newsbox #img { float:left; width:163px; padding-right:25px; }
#content #mid_news #newsbox #icon { float:left; padding-right:5px; }
#content #mid_news #newsbox #text { padding:20px 0 0 25px; }
#content #mid_news #intro { font: 17px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#9f945f; margin:23px 0 10px 0; padding:0 0 6px 0; border-bottom:1px dotted #c4c4c4; }
#content #mid_news #sub_intro{ line-height:normal; padding-bottom:20px; }
#content #mid_news #sub_intro #back { float:left; font-weight:bold; }
#content #mid_news #sub_intro #date { float:right; font: 15px Georgia, "Times New Roman", Times, serif; color:#9f9f9f; text-align:right; }
#content #mid_news #newsphoto { clear:both; float:left; padding:8px 25px 0 0; }
#content #mid_news #newsphoto img { border:8px solid #d0ccb9; }

#content #mid_download h1 { padding-bottom:25px; }
#content #mid_download h2 { font-weight:bold; font-size:13px; padding:0 0 6px 0; }

/* right column */

#content #right { float:left; width:240px; margin:0; padding:95px 0 0 50px; font:13px/24px Georgia, "Times New Roman", Times, serif; color:#a29974; }
#content #right h1 { color:#9dbd04; font: normal 36px Georgia, "Times New Roman", Times, serif; padding:0; }
#content #right h2 { color:816b0f; font:bold 14px Georgia, "Times New Roman", Times, serif; padding:20px 0 10px 0; line-height:normal; }
#content #right h2.top { padding:5px 0 10px 0; }
#content #right h3 { color:#9dbd04; margin:20px 0 10px 0; }
#content #right h3.padtop { padding-top:50px }
#content #right .iconbox { font:italic 14px Georgia, Times, serif; color:#aea787; margin:15px 0 0 0; padding:0; }
#content #right .iconbox p { padding:15px 0 0 0; }
#content #right .iconbox .icon { float:left; padding:0 10px 0 0; }
#content #right .iconbox a { color:#aea787; }
#content #right .iconbox a:hover { color:#9dbd04; }
#content #right.qa { line-height:18px; }
#content #right.qa a { display:block; color:#a29974; padding:5px 0 0 0; font-style:italic; }
#content #right.qa a:hover { color:#9dbd04; }

#content #right #bubble_customer { width:240px; margin:0; }
#content #right #bubble_customer #bubtext { background:url(/images/template/bubble_customer_bg.png) no-repeat; font: italic 14px/28px Georgia, Times, serif; color:#7c7852; padding:20px 20px 5px 50px; min-height:180px; }
#content #right #bubble_customer #name { font:normal 12px/24px Verdana, Arial, Helvetica, sans-serif; }

.icon_right { float:right; padding:30px 0 15px 25px; }
.icon_left { float:left; padding: 30px 25px 15px 0; }

/*  FORMS  --------------------------------------------------- */

#contactform { background-color:#fdf5d4; text-align:right; margin:0 0 40px 0;	padding:25px 105px 35px 0px; font:13px/28px Georgia, "Times New Roman", Times, serif; color:#a29974; }
#contactform .formfield { width:270px; font-size:11px; font-weight:normal; margin-left:5px; vertical-align:text-bottom; }
#contactform #text { text-align:left; padding: 10px 0 10px 110px; font-size:14px; }
#contactform #chkboxes { text-align:left; padding: 0 0 0 87px; font:13px/24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#contactform #submit { margin:15px 185px 0 0; background:url(/images/template/submit.gif) no-repeat; height:32px; width:87px; border:none; }

#downloadform { background:none; text-align:right; margin:0 0 40px 0;	padding:25px 105px 35px 0px; font:13px/28px Georgia, "Times New Roman", Times, serif; color:#a29974; }
#downloadform .formfield { width:270px; font-size:11px; font-weight:normal; margin-left:5px; vertical-align:text-bottom; }
#downloadform #text { text-align:left; padding: 10px 0 10px 110px; font-size:14px; }
#downloadform #chkboxes { text-align:left; padding: 0 0 0 87px; font:13px/24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#downloadform #submit { margin:15px 190px 0 0; background:url(/images/template/submit.gif) no-repeat; height:32px; width:87px; border:none; }

#downloadform.sidebar { background-color:#FDF5D4; text-align:left; margin:0 0 40px 0;	padding:25px 15px 35px 15px; font:13px/28px Georgia, "Times New Roman", Times, serif; color:#a29974; }
#downloadform.sidebar .formfield { width:180px; font-size:11px; font-weight:normal; margin-left:0; vertical-align:text-bottom; }
#downloadform.sidebar #text { text-align:left; padding: 10px 0 10px 20px; font-size:14px; }
#downloadform.sidebar #chkboxes { text-align:left; padding: 0 0 0 20px; font:13px/24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#downloadform.sidebar #submit { margin:15px 50px 0 50px; background:url(/images/template/submit.gif) no-repeat; height:32px; width:87px; border:none; }
#content #right #downloadform.sidebar h3 { margin-top:0;}

/*  FOOTER   --------------------------------------------------- */

#footer { clear:both; background:url(/images/template/bg_bottom.jpg) top center no-repeat; padding:350px 0 30px 0; margin:50px auto 0; }
#footer div { font:10px/16px Verdana, Arial, Helvetica, sans-serif; color:#b8b595; width:960px; margin:0 auto;  }
#footer div h5 { font-size:10px; margin:0; padding:0 0 15px 0; }
#footer div a { color:#b8b595; }
#footer div a:hover { color:#000; }

#footer_download { background:url(/images/template/bg_bottom.jpg) top center no-repeat; padding:350px 0 30px 0; margin:255px auto 0; }
#footer_download div { font:10px/16px Verdana, Arial, Helvetica, sans-serif; color:#b8b595; width:960px; margin:0 auto;  }
#footer_download div h5 { font-size:10px; margin:0; padding:0 0 15px 0; }
#footer_download div a { color:#b8b595; }
#footer_download div a:hover { color:#000; }