/*=== Setup ===*/
* { border:0; margin:0; padding:0; outline:none; }
body { background:#ffffff url(images/main_bg.gif) top repeat-x; color:#494949; font-family:arial; font-size:14px; }
a { color:#983321; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
p.bg,
.bg { clear:both; padding:0; margin:0; background:none; border-bottom:1px solid #e5e5e5; }
input,
select,
textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:arial; }
li { list-style:none; }
h2 { color:#bf3f2c; font-size:1.5em; font-weight:normal; margin:0 0 1em; }
h3 { color:#4c7374; font:bold 30px arial; padding:0 0 30px 0; margin:0; }
h3 span { color:#4c7374; font:normal 14px arial; text-align:center; padding:0; margin:0; }
h4 { font-size:1em; margin:0 0 1em; }
p { padding:0 0 1.3em; }
/*=== Layout ===*/
#page { margin:0 auto; }
#page-bot { padding:0; margin:0 auto; }
/*=== H eader ===*/
.header_bg { margin:0; padding:0; }
.header_bg_resize { width:964px; margin:0 auto; }
#header { margin:0 0 1px; }
/*- Logo -*/
.logo { width:964px; float:left; margin:0; padding:9px 0 0 0; }
#header h1 { background:url(images/logo.gif) no-repeat; float:left; text-indent:-9999px; width:964px; }
#header h1 a { display:block; height:230px; }
#header h1 a:hover { text-decoration:none; }
/* Search form */
.search { padding:0 15px; margin:0 auto; }
.search span { width:250px; display:block; border:1px solid #dddddd; background:#FFF; height:34px; margin:0; }
.search input#s { float:left; width:200px; padding:10px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px Arial; line-height:14px; height:14px; }
.search .btn { float:left; padding:0; margin:0; border:0; width:auto; }
/*=== Navigation ===*/
/* RSS */
.rss { width:175px; float:right; padding:15px 0 15px 40px; margin:10px 0 0 0; background:url(images/rss.gif) left center no-repeat; }
.rss a.big { text-decoration:none; font:normal 14px arial; color:#ffffff; padding:0; margin:0; display:block; }
.rss a.big span { color:#ffffff; font-weight:bold; }
/*- Top Nav -*/
.topnav { width:964px; font-size:14px; padding:0; margin:0 0 20px 0; font-weight:normal; background:#3f3f3f; }
.topnav ul { list-style:none; padding:1px 0 0 20px; margin:0; }
.topnav li { float:left; padding:0 10px; }
.topnav li a { color:#fff; font:normal 13px arial; display:block; float:left; padding:16px 0; text-decoration:none; text-transform:uppercase; }
.topnav li a:hover { color:#609092; }
.topnav li a.active { color:#609092; }
/*-----  Index Portfolio  -----*/
.header_text { width:962px; margin:0 auto 10px; padding:10px; height:200px; background:#fff; border:1px solid #e5e5e5; }
#index_portfolio { float:left; width:100%; margin:0; padding:0; }
.index_port_item { float:right; overflow:hidden; cursor:pointer; position:relative; height:327px; }
.index_port_item img { margin:0; padding:0; float:none; }
#index_portfolio .index_port_item a { width:100%; height:347px; float:left; position:absolute; display:none; }
#index_portfolio .current a { width:100%; height:347px; float:left; position:absolute; display:block; }
#index_portfolio .index_port_item .caption { position:absolute; top:212px; padding:20px; margin:0 0 0 36px; background:url(images/overlay.png); }
#index_portfolio .index_port_item .caption h2 { font:bold 14px arial; color:#fff; padding:0; margin:0; }
#index_portfolio .index_port_item .caption p { font:normal 13px arial; color:#fff; margin:0; padding:0; }
/* body */
.body_bg { padding:20px 0 0 0; }
.body_bg_resize { width:972px; margin:0 auto; }
/*=== All Columns ===*/
#columns { margin:0; padding:0 0 15px; display:table-cell; display:block; height:auto !important; height:900px; min-height:100px; }
/*=== Center Column ===*/
#centercol { float:left; width:655px; }
/*=== Right Column ===*/
#rightcol { float:right; width:300px; }
.small_link { padding:20px 0 0 0; margin:0 auto; height:32px; }
#rightcol a { color:#404040; text-decoration:none; }
/*=== Sub Columns ===*/
.subcols { height:1%; }
.col1,
.col2 { float:left; width:285px; }
.col2 { float:right; }
/*=== Post ===*/
/*- Post Title -*/
.post-title h2 { display:inline; margin:0; padding:5px 0; font:normal 24px/1.2em arial; color:#bf3f2c; text-transform:uppercase; }
.post-title h2 a { display:inline; padding:0; margin:0; color:#3f3f3f; text-decoration:none; }
/*- Post Date -*/
.post-date { margin:0 0 20px 0; font:normal 16px arial; }
.post-date a { color:#a0a0a0; font-weight:normal; text-decoration:underline; }
.post-date a:hover { text-decoration:none;}
.post-date em { display:inline; margin:0; color:#a0a0a0; font-size:.9em; font-style:normal; padding:12px 0; line-height:1.75em; }
.post-date em span { padding:12px 0; }
/*- Post Excerpt -*/
.post-excerpt { display:table; font-size:14px; font-style:normal; height:1%; padding:0 30px 0 0;}
.post-excerpt p, .post-excerpt div, .post-excerpt li { color:#494949;}
/*- Post Lists -*/
.post ul,
.post ol { margin:0 0 1.5em; }
.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px; }
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.post-author h3 { margin:0; padding:0; text-align:left;}
.author-details { font-size:.85em; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { padding:0; }
.social-links .fl { padding:0 10px 0 0; line-height:31px; }
.social-links .fr { padding:0 10px 0 0; line-height:31px; }
.social-links .fl span { color:#a0a0a0; padding:5px; }
.social-links .fl a:hover { text-decoration:none; }
/* Comments */
.Comments { background:url(images/comments_bg.gif) top no-repeat; text-align:center; width:54px; height:42px; padding:10px 0 0 0; margin:0 20px 0 0; float:left; }
.Comments a { font:normal 24px arial; color:#fff; text-decoration:none; }
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
/*- Widget Title - */
.wtitle { padding:0; width:301px; margin:0 auto; background:url(images/whitle_h2_bg.gif) top no-repeat; text-transform:uppercase; }
.wtitle h2 { margin:0; padding:20px 0 16px 10px; font:bold 14px arial; color:#fff;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 28px; padding:1px; }
.box .content { height:1%; padding:10px 0 0 10px; }
.box.nav-side .content { width:288px; background:#fff; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-top:none; padding:10px 0; margin:0 auto;  }
.box.widget .content { padding:10px; width:268px;}
#rightcol .box { margin:0 0 10px 0; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:500px }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name,
.comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:36px; clear:both; padding:0 10px; }
.list li { float:left; }
.list li a { display:block; font:normal 11px arial; color:#000; line-height:15px; padding:10px; }
.list li a.active { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; font:bold 11px Arial, Helvetica, sans-serif; color:#000; }
div.tabs_list { padding:0 10px; }
div.tabs_list ul { text-align:left; border:1px solid #e0e0e0; padding:0 10px; }
div.tabs_list ul li { border-bottom:1px solid #e0e0e0; padding:8px; font:normal 11px arial; color:#000; }
div.tabs_list ul ul { border:0; padding:0 5px; }
div.tabs_list ul li a { font:normal 11px arial; color:#000; }
div.tabs_list ul li a:hover { text-decoration:underline; }
/*- List1 -*/
.list1 li { height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:500px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:500px; }
.message .submit { float:left; }
.message .btn { padding:0; background:url(images/button.gif); width:128px; height:32px; color:#FFF; font-weight:bold;}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { border:1px solid #cfcfcf; display:block; margin:0 0 .8em; padding:5px; background:#fff; }
.pic.fl img { margin-right:23px; }
.pic.fr img { margin-left:23px; }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; }
.th.fl img { width:40px; height:40px; border:1px solid #cfcfcf; }
.ads .content img { margin:5px;}
.flickr .content img { margin:5px; border:1px solid #cfcfcf; }
/*=== Footer ===*/
#footer { background:#ffffff url(images/main_bg.gif) repeat-x; color:#888888; font-size:14px; line-height:21px; margin:0 auto; width:auto; padding:9px 0 0 0; }
#footer img { float:left; margin:0; padding:0; }
#footer .fr { padding:0 20px 10px 0; color:#888888; font:normal 14px arial; }
#footer .fr a { color:#fff; text-decoration:none; font:bold 14px arial; }
#footer .fr a:hover { color:#fff; text-decoration:underline; }
#footer .fr a { color:#fff; text-decoration:none; font:normal 14px arial; }
#footer .fr a:hover { color:#fff; text-decoration:underline; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl,
.hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }




div.sc_menu {  /* Set it so we could calculate the offsetLeft */  position: relative;  height: 200px;  width: 955px;  /* Add scroll-bars */  overflow: auto;}
ul.sc_menu {  display: block;  height: 110px;  /* Max width here, for users without Javascript */  width: 1680px;  padding: 5px 0 0 2px;  /* Remove default margin */  margin: 0;  background: url('navigation.png');  list-style: none;}
.sc_menu li {  display: block;  float: left;  padding: 0 4px;}.sc_menu a {  display: block;  text-decoration: none;}
.sc_menu span {  /* We want a caption to display on the next line */  display: block;  margin-top: 3px;  text-align: center;  font-size: 12px;  color: #fff;}

.sc_menu span {  display: none;  margin-top: 3px;  text-align: center;  font-size: 12px;  color: #fff;}
.sc_menu a:hover span {  display: block;}
.sc_menu img {  border: 3px #fff solid;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;}
.sc_menu a:hover img {  filter:alpha(opacity=50);  opacity: 0.5;}


.alignleft {
  float: left;
  margin-right: 8px;
}	

.alignright {
  float: right;
  margin-left: 8px;
}