/* CSS Document */

body {text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif; background: url(../img/bg.jpg) repeat; margin:0 auto; color:#414242}
h1 {color:#355482; font-family:Times, serif; font-size:24px; margin-top:0px; margin-bottom:5px;font-weight:lighter}

h2 {color:#41829d; font-family:Times, serif; font-size:24px; margin-top:0px;font-weight:lighter}

h2 div.dbubble { text-align:center; background:url(../img/borrow_bubble.jpg) no-repeat; width:42px; height:30px; float:right; color:#FFFFFF; font-size:16px; padding:6px 0 0 4px;}

h3 { font-size:50px; font-family:Times, serif; font-weight:lighter; color:#FFFFFF; margin-top:0; margin-bottom:0; text-align:center; border-bottom:#ffffff 1px dashed;}
h3 span {font-size:29px; color:#355482;}
h4 { color:#FFFFFF; font-size:20px; margin-top:0; margin-bottom:10px; text-align:center; font-weight:lighter;}

hr { background:#FFFFFF; border:#FFFFFF 1px solid;}

a {color:#355482; text-decoration:none;}

form input { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#main {text-align:left; margin:auto; width:990px; background:#FFFFFF;}
#header { width:990px; height:118px; background: #91b3e5; float:left;}


#navigation { width:1010px; height:27px; padding:5px; background:#355482 url(../img/ribbon_left.jpg) no-repeat left top; float:left; color:#FFFFFF; font-size:18px; text-transform:capitalize; font-family:Times, serif; text-align:center;margin-left:-15px;font-weight:lighter; z-index:100;}
/*#navigation a { color:#FFFFFF; text-decoration:none; font-weight:normal;}
#navigation ul { display:block; float:left; margin:0; padding:0;}
#navigation ul li { display:block; float:left; list-style:none;}*/



#navigation ul { margin:0 auto; padding:0; list-style:none;display:block; float:left; z-index:100}

#navigation ul a {  color:#FFFFFF; font-weight:normal; padding:3px 5px; text-decoration:none;}

#navigation a.first {border-left:0;}

#navigation ul a:hover { color:#ffffff; text-decoration:none;}

#navigation li {position:relative; z-index:100; margin:auto; list-style-type:none; display:block; float:left;}

#navigation li ul {visibility:hidden; position:absolute; left:5px; top:30px;/* border-left:5px solid #222222; border-right:5px solid #222222; border-bottom:5px solid #222222;*/ background:#355482 url(../img/dropdown_blue.jpg) repeat-x top; z-index:1000;}

#navigation li ul a {color:#cccccc; display:block; width:170px; text-align:left; padding:0; border-left:0; margin:0px 1px;}

#navigation li ul li{margin:0;}

#navigation li li a.last { border-bottom:0px;}

#navigation li:hover ul, #navigation li.sfhover ul {visibility:visible;}



#navigation ul.flat {position:relative; top:-13px;padding-top:10px;}
#navigation ul.flat li.first {/*border-right:#fff 1px solid;*/}
#navigation ul.flat li.last {padding-left:0;padding-right:0;}
#navigation ul.flat li.shower { padding-right:25px; padding-left:25px;}
#navigation ul.flat li { padding-right:23px; padding-left:23px;top:5px; padding-bottom:20px;}
#navigation ul.primary { background:url(../img/raised_ribbon1.jpg) no-repeat top left; height:54px;position:relative; top:-20px;padding-top:10px; width:426px;}
#navigation ul.primary li { padding-right:28px; padding-left:28px; top:2px; padding-bottom:10px;}


#content {padding:25px 0px 25px 25px; width:660px; height:auto; margin-right:40px; float:left; clear:left;}

#right { width:235px; height:auto; float:left;/* clear:right;*/ margin-top:25px; margin-bottom:20px;}
.bluebox {display:block; width:195px; padding:20px;background:#91b3e5 url(../img/blue_bg.jpg) no-repeat top right; color:#FFFFFF;margin-bottom:20px;}
.news {}

#footer { width:950px; padding:20px; height:auto;background:#91b3e5}
.sitemap {}
.sitemap h4 { padding:0; color:#FFFFFF; font-family:Times, serif; font-size:18px; text-align:left}
#advertisers { width:236px; margin-bottom:10px; border-bottom:#666666 1px dotted;padding-bottom:10px;}
#advertisers a img { border:0; padding-bottom:10px;}
#advertisers a { display:inline; width:115px; height:114px;}

/*  For the Index Page  */
#s7 { width:660px; height:422px; background:none; position:relative; z-index:1}

ul#front { width:660px; margin:20px 0; padding:0;}
ul#front li { width:193px; display:block; float:left; list-style:none;}
li.borrow {}
	.borrowo { background:url(../img/borrowed_bg.jpg) no-repeat top center; width:163px; padding:15px; color:#FFFFFF; height:123px;}
	li.borrow h2 div.bbubble { text-align:center; background:url(../img/borrow_bubble.jpg) no-repeat; width:42px; height:30px; float:right; color:#FFFFFF; font-size:16px; padding:6px 0 0 4px;}
li.deals {}
	.bluedeal { background:url(../img/deal_bg.jpg) no-repeat top center; width:163px; height:221px; padding:15px; color:#FFFFFF;}
li.old {}
ul#front li.spacer {width:40px; text-align:center}

.feature_rib {position:absolute; top:-10px; left:-9px;float:left; z-index:10}

/*  End Index Page  */

table#client_list {width:660px; border-bottom:#cccccc 1px solid; margin-bottom:15px;padding-bottom:20px;}
table#client_list:hover { background:#eeeee1;}

.smtext { width:460px; height:auto; float:left; clear:left; display:block; padding-right:15px;}
.crew {width:130px; height:auto; border-left:#cccccc 1px solid; float:left; display:block; padding-left:15px;}

#features {position:relative; display:block; clear:both; height:430px;}
.featurette {width:660px; height:422px;}
.feature_text {width:250px; height:auto; margin-top:15px;margin-right:15px; float:right;}

.nav.prev { position:absolute; z-index:200; left:0; top:200px;}
.nav.next { position:absolute; z-index:200; right:0; top:200px;}

.fancy { border-bottom: 2px #999999 dotted;}
.fancy a img {margin:3px; border:#cccccc 1px solid; padding:2px}

.comp_image { padding:3px; border:#999999 1px solid; text-align:left; margin:0 10px;}


table#offers {width:100%; border-bottom:1px #666666 dashed; padding-bottom:30px; clear:both; color:#3E5D89; }
table#offers tr td { width:150px; height:150px; background:#91b3e5 url(../img/blue_bg.jpg) no-repeat top right; padding:10px; text-align:center;
-moz-box-shadow: 0px 1px 2px black;
-webkit-box-shadow: 0px 1px 2px black;
        box-shadow: 0px 1px 2px black;}
table#offers tr td h3 {text-shadow: #000 -1px 1px 1px;}