* { margin:0; padding:0;}
body { background:url(images/tail-top.gif) left top repeat-x #dde6eb; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#34393d;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:.91em;}

.codesnippet{font-size:.8em; color:#222; background-color:#eee; border:1px solid #bbb; }

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:17px;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;}

#search { background:url(images/search-img.png) no-repeat left top; padding:8px 0 8px 0;}
#search .input-txt { width:159px; padding:1px 0 1px 3px; margin-right:5px; margin-left:42px;}
#search .submit { width:67px; padding:2px 0 3px 0; background:url(images/submit.gif) no-repeat left top; border:0; font-family:tahoma; font-weight:bold; color:#fff; } 

#signup .input-txt { width:200px; padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#signup .input-txtsmall { width:100px; padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}

#signup .input-sel { padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#signup .input-rad { padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#signup .input-chk { padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#signup .submit { width:67px; padding:2px 0 3px 0; background:url(images/submit.gif) no-repeat left top; border:0; font-family:tahoma; font-weight:bold; color:#fff; } 
#signup td.signuplabel { width:120px; text-align:right; padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#signup td.signupvalue { width:300px; padding-top:2px; padding-bottom:2px; }

#login .input-txt { width:120px; padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#login .input-txtsmall { width:80px; padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}

#login .input-sel { padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#login .input-rad { padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#login .input-chk { padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#login .submit { width:67px; padding:2px 0 3px 0; background:url(images/submit.gif) no-repeat left top; border:0; font-family:tahoma; font-weight:bold; color:#fff; } 
#login td.signuplabel { width:100px; text-align:right; padding:1px 0 1px 3px; margin-right:5px; margin-left:5px;}
#login td.signupvalue { width:150px; padding-top:2px; padding-bottom:2px; }


#contacts span { color:#e00;}
#contacts a { font-size:.85em; color:#34393d;}
#contacts input { width:168px; margin-right:4px; padding-left:3px;}
#contacts label { height:40px; display:block;}
#contacts textarea { width:168px; height:85px; overflow:auto; margin-bottom:5px; padding-left:3px;}
#contacts p { margin-bottom:40px;}


/*==================list====================*/
ul { list-style:none;}

#top-nav { width:100%; overflow:hidden;}
#top-nav li { display:inline; margin-left:-1px;}
#top-nav li a { background:url(images/divider1.gif) no-repeat left 4px; padding:0 19px 0 19px; color:#8fa0aa; font-weight:bold; text-decoration:none;}
#top-nav li a.extra { color:#f00; text-decoration:underline;}
#top-nav li a.extra:hover { text-decoration:none;}
#top-nav li a:hover { text-decoration:underline;}
#top-nav li a span { background:url(images/marker.gif) no-repeat left 5px; padding-left:10px;}

#site-nav { padding:17px 0 0 0; float:left;}
#site-nav li { display:inline;}
#site-nav li a { display:block; float:left; font-size:18px; text-decoration:none; color:#7d8f9b; background:url(images/divider2.gif) no-repeat right 7px; margin-left:8px;}
#site-nav li a.extra { background:none;}
#site-nav li a:hover { color:#111;}
#site-nav li a b.left { padding-left:13px;}
#site-nav li a b.right { padding-right:34px;}
#site-nav li a b.center { height:45px; text-align:center; line-height:30px;}
#site-nav li a b { display:block; float:left; font-weight:normal; cursor:pointer;}
#site-nav li a.current { color:#fff; background:none;}
#site-nav li a.current:hover { color:#fff;}
#site-nav li a.current b.left { background:url(images/menu-left.png) no-repeat left top;}
#site-nav li a.current b.right { background:url(images/menu-right.png) no-repeat right top; }
#site-nav li a.current b.center { background:url(images/menu-bg.png) left top repeat-x;}

.list1 {  background:#bccad3; height:24px; margin-bottom:2px;}
.list1 li {margin-bottom:2px; display:inline;}
.list1 li a { background:url(images/marker5.gif) no-repeat 22px 10px; padding:3px 0 0 32px; color:#000; text-decoration:none; width:140px; float:left;}
.list1 li a:hover { text-decoration:underline;}

.list2 {  background:#d5dee4; height:24px; margin-bottom:2px;}
.list2 li {margin-bottom:2px; display:inline;}
.list2 li a { background:url(images/marker5.gif) no-repeat 22px 10px; padding:3px 0 0 32px; color:#000; text-decoration:none; width:140px; float:left;}
.list2 li a:hover { text-decoration:underline;}

.list3 { margin-bottom:16px;}
.list3 li { color:#6f8a98; padding-bottom:4px;}
.list3 li a { color:#6f8a98;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 10px 0 0;}


/*==================txt, links, lines, titles====================*/
a {color:#4d9cd0;}
a:hover{text-decoration:none;}

h2 { background:url(images/marker1.jpg) no-repeat 12px 11px #94a4ae; padding:10px 0 8px 34px; font-weight:normal; color:#fcfcfc; font-size:1.33em; margin-bottom:7px;}
h2.color2 {background:url(images/marker2.jpg) no-repeat 12px 11px #a5b2bb;}
h2.color3 {background:url(images/marker3.jpg) no-repeat 12px 11px #b3bec6;}
h3 { background:url(images/marker4.jpg) no-repeat 12px 13px #51616f; padding:12px 0 12px 34px; font-weight:normal; color:#daeefc; font-size:1.33em; margin-bottom:4px;}
h4 { background:url(images/marker4.jpg) no-repeat 12px 11px #51616f; padding:10px 0 8px 34px; font-weight:normal; color:#daeefc; font-size:1.33em; margin-bottom:7px;}

h5 { font-size:1em; font-weight:bold;}
h5 a { color:#5f7a88;}
h6 { font-size:1.3em; font-weight:bold; padding:0px; margin:0px; margin-bottom:3px; border:0px;}
h6 a { color:#3f5aCC;}

h7 { font-size:1.3em; font-weight:bold; margin:0px; padding:0px;}

.link1 { display:block; float:left; background:url(images/link1-bg.gif) left top repeat-x; color:#8fa0aa; text-decoration:none; text-transform:uppercase;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:10px 22px 9px 28px; font-style:normal;}
.link1 strong { color:#f00;}
.link1 span { color:#657a87;}
.link1:hover { text-decoration:underline;}

.link2 { display:block; float:left; background:url(images/link2-bg.gif) left top repeat-x; color:#fff !important; text-decoration:none; font-size:11px !important;}
.link2 em { display:block; background:url(images/link2-left.gif) no-repeat left top;}
.link2 b { display:block; background:url(images/link2-right.gif) no-repeat right top; padding:0 16px 5px 10px; font-style:normal; font-weight:normal;}
.link2 strong { color:#f00;}
.link2 span { color:#657a87;}
.link2:hover { text-decoration:underline;}

.rating { padding:3px 0 0 0;}
.rating img { margin-right:2px; margin-top:3px;}

.icon1 { width:21px; height:21px; background:url(images/icon1.gif) no-repeat left top; }
.icon2 { width:21px; height:21px; background:url(images/icon2.gif) no-repeat left top;}
.icon3 { width:21px; height:21px; background:url(images/icon3.gif) no-repeat left top;}
.icon4 { width:21px; height:21px; background:url(images/icon4.gif) no-repeat left top; }
.icon5 { width:21px; height:21px; background:url(images/icon5.gif) no-repeat left top;}
.icon6 { width:21px; height:21px; background:url(images/icon6.gif) no-repeat left top;}

/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inside { padding:6px 11px 12px 11px;}

.box1 { background:url(images/box1-bg.gif) left top repeat-x; border-left:1px solid #dde6eb; border-right:1px solid #dde6eb; height:90px; margin-bottom:1px;}
.box1 .inner { padding:8px 5px 0 13px;}
.box1 p { padding:5px 0 17px 0; margin:0;}
.box1 p a { color:#4d9cd0;}
.box1 .fright a { display:block; float:left; position:relative;}
.box1 .fright a em {width:112px; height:73px; background:url(images/popup.gif) no-repeat left top; position:absolute; display:none; }
/*.box1 .fright a:hover em { display:inline-block; width:112px; height:73px; background:url(images/popup.gif) no-repeat left top; position:absolute; z-index:10; margin:-66px 0 0 0;}*/

.box2 { background:url(images/box2-bg.gif) left top repeat-x; border-left:1px solid #ebf0f3; border-right:1px solid #ebf0f3; height:90px; margin-bottom:1px;}
.box2 .inner { padding:8px 5px 0 13px;}
.box2 p { padding:5px 0 17px 0; margin:0;}
.box2 p a { color:#4d9cd0;}
.box2 .fright a { display:block; float:left; position:relative;}
.box2 .fright a em {width:112px; height:73px; background:url(images/popup.gif) no-repeat left top; position:absolute; visibility:hidden;}
/*.box2 .fright a:hover em { display:inline-block; width:112px; height:73px; background:url(images/popup.gif) no-repeat left top; position:absolute; z-index:20; margin:-66px 0 0 0; visibility:visible;}*/

.box3 { background:url(images/box3-bg.gif) left top repeat-x; border-left:1px solid #f3f6f8; border-right:1px solid #f3f6f8; height:90px; margin-bottom:1px;}
.box3 .inner { padding:8px 5px 0 13px;}
.box3 p { padding:5px 0 17px 0; margin:0;}
.box3 p a { color:#4d9cd0;}
.box3 .fright a { display:block; float:left; position:relative;}
.box3 .fright a em {width:112px; height:73px; background:url(images/popup.gif) no-repeat left top; position:absolute; visibility:hidden;}
/*.box3 .fright a:hover em { display:inline-block; width:112px; height:73px; background:url(images/popup.gif) no-repeat left top; position:absolute; z-index:20; margin:-66px 0 0 0; visibility:visible;}*/

.box4 { background:#dde6eb; width:100%; min-height:545px; height:auto !important; height:545px;}
.box4 .inner { padding:7px 10px 10px 13px;}
.box4 .innerimg { padding:10px 10px 10px 10px;}

.box5 { background:#ebf0f3; width:100%; min-height:545px; height:auto !important; height:545px;}
.box5 .inner { padding:7px 10px 5px 13px;}

.box6 { background:#f3f6f8; width:100%; min-height:545px; height:auto !important; height:545px;}
.box6 .inner { padding:7px 10px 5px 13px;}


/*browseitem*/
.browseitem { font-size:1em; height:180px;}
.browseiteminfo { font-size:0.9em; margin-left:5px; margin-bottom:3px;}
.browsecontainer{height:175px; width:288px; float:left;}
.browsepaging {width:100%; clear:left; text-align:center; margin-bottom:5px; font-size:1.1em; }
.browsepaging a{ font-weight:bold; margin:5px; text-decoration:none;}

/*header*/
#header .row-1 { height:102px;}
#header .row-1 .col-1 { width:320px; padding-top:17px; background:url(images/divider.gif) no-repeat 280px 40px;}
.imglogo 
{
	z-index: 100;
	position:relative;
	top:6px;
	left:0px;
          
          
          }
#header .row-1 .col-2 { width:258px; padding-top:36px; background:url(images/divider.gif) no-repeat 225px 40px;}
#header .row-1 .col-3 { width:312px; padding-top:45px;}
#header .row-2 { padding-left:5px; background:url(images/header-bg.gif) no-repeat left bottom; height:68px;}
#header .row-2 .fright { padding:18px 0 0 0; width:288px;}

/*content*/
#content .row-1 { padding-bottom:5px;}

/*footer*/
#footer { color:#8fa0aa;}
#footer a { color:#8fa0aa; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/


.previewimg {margin-bottom:10px;}
            