/* CSS Document */
/*  scrollbar-face-color:#fbfcfc; scrollbar-highlight-color:#fdfdfd; scrollbar-shadow-color:#f2f4f6; scrollbar-3dlight-color:#fdfdfd; 
	scrollbar-arrow-color:#000000; scrollbar-track-color:#fdfdfd; scrollbar-darkshadow-color:#d0d3d0; */

body { text-align:center; margin:0px; padding:0px; color:#5465A2;  background:url(main-bg.jpg) no-repeat}
body, input, textarea, select, td { font-family: Arial, Tahoma, Verdana,sans-serif; font-size:13px; color:#000; }
input { width:114px;}
a { text-decoration:none;  color:#00CCFF; font-weight:bold}
a:hover { text-decoration:underline; color:#00CCFF}

 
div { 
 behavior: url(iepngfix.htc); 
}
img { 
 behavior: url(iepngfix.htc); 
}


/* Common styles */
/* Clear after styles */
.clear-after:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac \*/
* html .clear-after { height: 1%; }
/* End hide from IE-mac */



/* Page */
#page-center { width:860px; text-align:center; margin-left:auto; margin-right:auto; background:none; margin-top:3px;}
#page { text-align:left; width:860px; padding:0px;}

#content { }
#top-content { background:url(top-bg3.gif) no-repeat; min-height:151px;}
#top-content #top-left-container {float:left; }
#top-content #top-left { width:170px; margin-top:105px; margin-left:75px; color:#565DF5}

#top-content #top-left a.homelink { color:#54C4F8}
#top-content #top-left a.selected { color:#54C4F8; text-decoration:underline}

#top-content #top-right { float:left; width:530px; margin-top:85px; text-align:right}

#main-content { background:url(body-bg-repeat3.gif) repeat-x #394265; min-height:510px; margin-left:52px; margin-right:50px; padding-left:0px;}
#main-left-border {background:url(body-left.gif) repeat-y 0px 0px; min-height:519px;}
#main-right-border {background:url(body-right2.gif) repeat-y 752px 0px; min-height:519px;}

h3 { color:#417BFF; padding:0px; margin:0px; font-size:16px }

ul.topmenu { list-style:none; float:right; margin:0px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; line-height:16px; }
ul.topmenu li{ float:left; background:url(divider2.gif) no-repeat 0px 2px; padding:0px; margin-right:4px;padding-left:5px;}
ul.topmenu li.first{ float:left; background:none; padding:0px;}
ul.topmenu li a{ color:#54C4F8 }
ul.topmenu li a:hover{ color:#54C4F8; text-decoration:underline }
ul.topmenu li a.selected{ color:#54C4F8; text-decoration:underline }

.message { color:#FFFFFF}


ul.botmenu { list-style:none; float:right; margin:0px; font-family:Arial, Helvetica, sans-serif; line-height:16px; }
ul.botmenu li{ float:left; background:url(divider2.gif) no-repeat 0px 2px; padding:0px; margin-right:4px;padding-left:5px;}
ul.botmenu li.first{ float:left; background:none; padding:0px;}
ul.botmenu li a{ color:#54C4F8 }
ul.botmenu li a:hover{ color:#54C4F8; text-decoration:underline }

.feature-body ul { list-style-type:none; padding:0; margin:0px 0 5px 0px;}
ul li { padding:7px 0 0px 0px;}
ul li a{ color:#fff}
ul li a{ color:#fff}

ul.lev1 {  list-style-type:none; padding:0; margin:0px 0 0px 10px;}
ul.lev1 li{  background:url(b_sitemap_short.gif) no-repeat 0px 12px; padding-left:17px;}

ul.lev1-chapters {  list-style-type:none; padding:0px; margin:0px; padding-left:5px}
ul.lev1-chapters li{  background:url(b_sitemap_short.gif) no-repeat 0px 11px; padding-left:17px; line-height:13px;}


.link-grey { color:#aaa; font-size:10px;}
.link-grey-normal { color:#aaa;}

.chapter-select { text-align:center; background:#2E2E48; line-height:20px; border:1px solid #1B1B25 }
.blue-line {color:#565DF5}
.inactive-link { color:#939393; text-decoration:line-through }

ul.lev2 {  list-style-type:none; padding:0; margin:0px 0 0px 0px;}
ul.lev2 li{  background:url(b_sitemap_long.gif) no-repeat 0px 12px; padding-left:48px;}

#footer { background:url(temp-foot2.gif) no-repeat; min-height:148px; color:#54C4F8; font-size:11px;}
#footer #foot-left-container { float:left; }
#footer #foot-left { margin-left:75px; margin-top:20px;}
#footer #foot-right { float:right; text-align:right; margin-top:19px; margin-right:80px; width:580px; }
.welcome { margin-right:3px;}
.foot-right a { color:#54C4F8 }

h1 { margin:0px; color:#36B5F0; padding-top:10px; }

#main-content .inner-content { padding:0px 23px;}
.p-text { line-height:20px; color:#fff; font-size:13px}

.features { margin-top:20px;}
.features .feature{ float:left; padding-right:54px;}
.features .feature-right{ float:left; padding-right:0px;}

.feature-head { background:url(feat-head-bg.gif) no-repeat; width:186px; padding-left:10px; }
.feature-head h2.feat1 { margin:0px; padding:0px; background:url(bird-bullet01.gif) no-repeat 0px 8px; color:#FFFFFF; font-size:14px; line-height:29px; padding-left:20px; }
.feature-head h2.feat2 { margin:0px; padding:0px; background:url(bird-bullet02.gif) no-repeat 0px 6px; color:#FFFFFF; font-size:14px; line-height:29px; padding-left:20px; }
.feature-head h2.feat3 { margin:0px; padding:0px; background:url(bird-bullet03.gif) no-repeat 0px 8px; color:#FFFFFF; font-size:14px; line-height:29px; padding-left:21px; }
.feature-body-top { background:url(feat-body-top-bg.gif) no-repeat; line-height:10px; }
.feature-body {  background:url(feat-body-bg2.gif) no-repeat; min-height:100px; width:157px; color:#FFFFFF; padding:10px 15px; margin-top:10px;}
.feature-body-bot { background:url(feat-body-bot-bg.gif) no-repeat; }

h2 { padding:0; margin:0;}


/* Content sections (Accordion) */
.sections { margin:10px 0 0px 0; }
.sections-header { }
	
.sections-header-table { background:url(long-feat2.png) no-repeat; line-height:27px; padding-bottom:5px; }
.sections-header-table a { background:url(drop-bullet2.gif) no-repeat 5px 1px; padding-left:30px; color:#FFFFFF}
.sections-header-table a:hover { color:#FFFFFF }
.sections-header-highlight {background:url(long-feat2.png) no-repeat; line-height:27px; padding:0px;margin:0px;  }
.sections-header-highlight a { background:url(drop-bullet2.gif) no-repeat 5px 1px; padding-left:30px; color:#FFFFFF}
.sections-header {background:url(long-feat2.png) no-repeat; line-height:27px; padding-bottom:5px;  }
.sections-header a { background:url(drop-bullet2.gif) no-repeat 5px 1px; padding-left:30px; color:#FFFFFF}
.sections-header a:hover { color:#FFFFFF }
.accord-text { padding:5px; padding-bottom:10px; color:#FFFFFF}


.photos-list { }
.photos-row { padding-bottom:10px;}
.photo a { float:left; width:135px; background:url(img-backer.gif) no-repeat; padding:5px 0 0 5px; min-height:100px;}
.photo a:hover { float:left; width:135px; background:url(img-backer2.gif) no-repeat; padding:5px 0 0 5px; min-height:100px;}

.photo-tall a { float:left; width:135px; background:url(img-backer-tall.gif) no-repeat; padding:5px 0 0 5px; height:200px;}
.photo-tall a:hover { float:left; width:135px; background:url(img-backer-tall2.gif) no-repeat; padding:5px 0 0 5px; height:200px;}


.photo-test a { float:left; background:url(img-backer-test.gif) no-repeat; padding:5px 0px 0 5px; }
.photo-test .thumb-img-tall { background:url(img-backer-right.gif) no-repeat right; padding-right:4px;  }

.thumb-img {}

/** test image bg **/



.photobox .box-content { background:url(img-backer-test.gif) no-repeat; padding:5px 0px 0 0px; width:130px; margin-right:20px;}

.photobox .box-content img { background:url(img-backer-test-right.gif) no-repeat right; margin-left:4px; padding-right:5px }
.photobox .box-content .box-bot { background:url(img-backer-test-bot.gif) no-repeat bottom left; line-height:4px; margin-right:8px;}
.photobox .box-content .box-bot div{ background:url(img-backer-test-bot-right.gif) no-repeat right; border:1px solid;}





.portf-left { float:left; width:415px;} 
.portf-right { float:left; width:280px; } 



.launch { margin: 10px 0 10px 0;}

.form_row { padding-bottom:7px; color:#FFFFFF}
.form_row .title {float: left; width:130px;}
.form_row .value {float: left; width:400px;}

.textbox2 {width: 350px; color:#000; border:1px solid #2285B3; padding:2px 2px 0 2px; font-size:12px; min-height:20px; background:none; color:#FFFFFF}
.textarea {color:#3A4B02;  border:1px solid #2285B3; width:500px; background:none; padding:2px 2px 0 2px; color:#FFFFFF}
.buttons { text-align:center; width: 280px; }