/** 
  CSS by sabir barmawar (info@sabirbarmawar.com)
*/

/**
 * Redeclarations
 */ 
  :link,:visited                  {text-decoration:none;}
  ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
  form,body,html,p,blockquote,
  fieldset,input                  {margin:0; padding:0;}
  body                            {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;
font-size:12px;background:#efeddf url(images/bg.jpg) no-repeat center top; text-shadow:#999999 1px 1px 1px; color:#333333; }
  a                               {color:#FF0000;}
  a:hover                         {color:#000077;}
  a img                           {border:none;}
  h1,h2,h3,h4,h5,h6               {text-transform:capitalize; width:100%;}
  h1 a, h3 a                      {color:#EA0207;}
  h1 a:hover, h3 a:hover          {color:#CCC}
  h1                              {float:left; font-size:20px; color:#EA0207; margin:0 0 5px 0;}
  h2                              {font-size:19px; padding:0 0 10px; font-weight:normal; color:#FFF;}
  h3                              { position:absolute; width:250px; font-size:23px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0A206D; margin-left:52%; text-decoration:blink;}
  h4                              {font-size:17px; color:#FFF;}
  h5                              {font-size:16px; color:#FF0000; padding:20px 0 5px 0; }
  ul, ol                          {margin:0 0 10px 8px;}
  ol                              {margin-left:35px;}
  ul ul, ol ol                    {margin:0 0 10px 8px;}
  ul                              {list-style-type:none;}
  ul li                           {margin:0; padding:0;}
  strong                          {font-weight:bold; color:#000;}
  strong.white                    {font-weight:bold; color:#fff;}
  img.mainimageborder             {background:#fff; border:4px solid red; padding:4px; margin:5px 10px;}
  
  code                            {background:#171B20; padding:1px 2px; font-size:92%; color:#EEE; font-family:Monaco, "Courier New", Courier, mono;}
  blockquote                      {background:#171B20; padding:20px; margin:0 0 1.6em; font-style:italic;}
  pre                             {font-size:86%; width:100%; overflow:auto;}
  p                               { width:100%; color:#353535;}
 
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, 
article                           {display: block;} 

/* adding for mouse selction color*/
p.normal::selection               {background:#EA0207;color:#000;}
p.moz::-moz-selection             {background:#EA0207;color:#000;}
p.webkit::-webkit-selection       {background:#EA0207;color:#000;}
/**
 * Layout
 */
  #wrapper                        {width:100%;margin:0; float:left; height:100%; background:none;}
  #wrapper_main                        {width:100%;margin:0; float:left; height:100%; background:none;}
  #header                         {width:1000px; height:220px; display:block; border-bottom:1px dashed #999; margin:0 auto;float:none;}
  #middle_area                    {width:1000px; min-height:240px; height:auto; display:block; margin:0 auto; background:none; padding:0; border-top:1px dashed #fff; float:left; border-bottom:1px dashed #d9d8cb;float:none;}
  .midtop{width:980px; min-height:220px; height:auto; display:block; margin:15px 0 5px 10px; background:none; padding:0 0 0 0; float:none;}
  .midtopindex{width:640px; min-height:220px; height:auto; display:block; margin:15px 0 5px 10px; background:none; padding:0 320px 0 0; float:none;}
  .midbottom{width:930px; min-height:230px; height:auto; display:block; margin:0 auto; background:none; padding:0;float:none;}
   #middle_area  p                {margin:0 3px 10px 0; padding:2px; line-height:18px; font-size:13px; text-align:justify; color:#353535;}
  
  #footer                         {width:1000px; height:30px; background:#E10000; border-top:1px dashed #fff; display:block; margin:0 auto; padding:0; float:none; clear:both;}
  #footer p                       {clear:both; color:#FFFFFF; float:none; text-align:center; padding:10px 0; text-align:center;}
  .fltleft                        {float:left;}
  .right                          {float:right;}
  .bth                            {clear:both;}
/**
 * Header Styles
 */
  #logo                           {width:331px; height:152px; float:left; margin:90px 0 0 45px; padding:0;}
  .menu                           {width:545px; background:none; height:62px; float:left; margin:140px 0 0 65px; padding:0;/* box-shadow:#000 5px 3px 3px;*/}
  .menu ul                        { width:545px; height:62px; /*background:url(images/menu.gif) no-repeat 0px -249px;*/ display:block; float:left; margin:0; padding:0;}
  .menu ul li                     { width:126px; height:62px; background:none; display:block; float:left; margin:0 3px 0 0; padding:0;}
  .menu ul li a{ width:auto; height:auto; display:block; float:left; margin:0 3px 0 0; padding:0; cursor:pointer;}
	  .menu ul li a.about{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:0px -1px;}
  .menu ul li a.about:hover{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:0px -187px;}
  .menu ul li a.about_active{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:0px -187px;}
  
 .menu ul li a.gallery{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-130px -1px;}
  .menu ul li a.gallery:hover{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-130px -125px;}
   .menu ul li a.gallery_active{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-130px -125px;}
  
  .menu ul li a.collection{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-260px -1px;}
  .menu ul li a.collection:hover{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-260px -63px;}
   .menu ul li a.collection_active{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-260px -63px;}
  
 .menu ul li a.contact{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-390px -125px;}
  .menu ul li a.contact:hover{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-390px -1px;}
  .menu ul li a.contact_active{width:127px; height:62px; background:url(images/menu.gif) no-repeat; background-position:-390px -1px;}
  .videobox{width:278px; height:178px; position:absolute; display:block; margin-top:8px; margin-right:0px; margin-bottom:10px; margin-left:660px; padding:1px; background:#E1E1E1; box-shadow:#999 1px 1px 1px; border:15px solid #E10000;}
  .fullscreen{color:#fff; position:relative; z-index:100000; text-decoration:none; font-size:12px; float:right; margin-top:20px; margin-right:-300px; background:#E10000;}
  .fullscreen:hover{color:#333;}
  
  
  /* IE 7 hacks */
  /** + html .videobox {width:278px; height:178px; position:absolute; display:block; margin-top:8px; margin-right:0px; margin-bottom:10px; margin-left:10px; padding:1px; background:#E1E1E1; box-shadow:#999 1px 1px 1px; border:15px solid #E10000; z-index:500px;}  
 */
  /* IE 7 hacks */
/*  *:first-child+html .videobox {width:278px; height:178px; position:absolute; display:block; margin-top:8px; margin-right:0px; margin-bottom:10px; margin-left:660px; padding:1px; background:#E1E1E1; box-shadow:#999 1px 1px 1px; border:15px solid #E10000; z-index:500px;}
*/  
  .thumbmap{border:4px solid red; background:#2135C5; padding:4px; float:right; margin:35px 100px 0 0;}
  .tooltip{ display:block; position:relative; left:270px; bottom:95px;}