/*CSS style for mywebdesignboston.com :: Index page */

body {
       background:#3a650c url(../img/topRpt.jpg) top left repeat-x;
       margin: 0 0;
       padding: 0 0;
       
       }

/***********************/
/*****Basic Holders*****/
/***********************/


div.wrapper {
             width:950px;
             position:relative;
             margin: 0 auto;
             }

div.top {
         height:51px;
         width:950px;
         background: url(../img/top.jpg) no-repeat;
         }


/************************/
/*********Header*********/
/************************/


div.header {
         height:179px;
         width:950px;
         background: url(../img/header.jpg) no-repeat;
         margin:0;
         }
  
/*  
div.headerL {
         background:#eee;
         float:left;
	     height:109px;
	     margin:27px 0 0 140px;
         width:348px;
         }       
         
         
div.headerR {
         float:left;
	 height:119px;
	 margin:23px 0 0 40px;
         width:300px;
         }


div.headerR img.btn {
           float:right; border:0px;
           }


div.headerR p.desc {
         font:12px Arial, verdana, san-serif;
         color:#fff;
        }
*/
/************************/
/*****Menu Stracture*****/
/************************/

div.menu {
        height:49px;
        margin:25px auto 0;
        width:770px;
         }


ul.menuNav {
             margin:0 0;
             padding: 0 0;
           }

ul.menuNav li {
		background:transparent url(../img/tab.jpg) repeat scroll 0 0;
		display:block;
		float:left;
		font-family:Arial,Verdana,san-serif;
		font-size:14px;
		height:27px;
		margin:0 auto 5px 10px;
		padding:15px 3px 4px 11px;
		text-align:center;
		width:128px;
                 }

/**
ul.menuNav li.current {
			  background:#8a0e09;
}
**/
ul.menuNav li.celected {
			  color:#fff;
			  background:transparent url(../img/tabCel.jpg) repeat scroll 0 0;
			  height:27px;
			  margin:0 auto 5px 10px;
			  padding:15px 3px 4px 11px;
			  text-align:center;
		          width:128px;
			  
}


ul.menuNav li.celected a, ul.menuNav li.celected a:hover  {color:#8a0e09;}

ul.menuNav li a {
		  color:#FFFFFF;
		  padding:3px;
                  text-decoration:none;
                 }


ul.menuNav li a:hover {
		  color: #fff;
                  }




/************************/
/******Main Content******/
/************************/

div.content {
            width:950px;
            background:#5f9420;
            min-height:650px;
          }


/************************/
/******Left Content******/
/************************/

div.left {
          float:left;
	  margin:20px 0 0 20px;
          width:300px;
         }


p.contact {
      font:12px Arial, verdana, san-serif;
      color:#121212;
      text-align:left;
      padding:30px 0 0 30px;
      margin:0px;
}   


div.leftRpt {
          float:left;
	  height:100px;
          width:100%;
          margin:0 0 20px 0;
          background:#222;
         }
         
div.leftRpt img.btn {
          border:0px;
           }
         
/************************/
/*****Right Content******/
/************************/

div.rightTop {
	  float:right;
	  height:52px;
	  margin:20px 20px 0 0;
          width:570px;
          }

div.rightBody {
          background:transparent url(../img/gallBody.jpg) repeat-y scroll center top;
	  float:right;
	  margin:0 11px;
          width:590px;
          }

div.rightBtm {
          background:transparent url(../img/gallBot.jpg) repeat-y scroll center top;
	  float:right;
	  height:20px;
	  margin:0 11px 20px 0;
          width:590px;
          }


div.rightTop h1.title {
          font:19px verdana;
          color:#b9b9b9;
          margin: 10px 0 0 15px;
           }

div.right p.content {
          font:13px Arial, verdana, san-serif;
          color:#b9b9b9;
          padding:10px 10px;
         }

div.right p.content img {
          float:left;
          border:4px solid #131313;
          margin:0 15px 0 0;
          }



/*
div.rightRpt {
          float:right;
	  height:300px;
	  margin:20px 20px 20px 0;
          width:590px;
          background:#222;
          }
*/
/************************/
/*********Footer*********/
/************************/

div.footer {
            width:950px;
            height:113px;
            background:#fcff8e;
            clear:both;
           }
           
           
p.footer {
      font:11px Arial, verdana, san-serif;
      color:#121212;
      text-align:center;
      padding:30px;
      margin:0px;
}         

p.footer a, p.footer a:hover {
      font:11px Arial, verdana, san-serif;
      color:#3a650c;
      text-align:center;
      padding-top:30px;
      margin:0px;
}                
/****************************************************************************/
/****************************Galleria CSS************************************/
/****************************************************************************/

.galleria li{
border:1px solid #314c10;
height:40px !important;
margin:0pt 10px 10px 0pt;
overflow:hidden;
width:40px !important;
float:feft;
}

div#main_image span.caption {
              font:12px Arial, Verdana, san-serif; color:#eee;
              float:left;
              margin:0 30px 20px 40px;
             }


div#main_image span.caption a,
div#main_image span.caption a:hover {
              font:12px Arial, Verdana, san-serif; color:#fcff8e;
             }            


 div.galleria_wrapper {
               padding:5px 4%;
               margin:0 auto;
               text-align:center;
             }

div.galleria_wrapper img, 
div.galleria_wrapper img.replaced {
              margin:0 auto;
             /* max-width: 550px;
              width:expression(this.width > 575 ? "550px" : this.width);
              max-height: 550px;
              height:expression(this.height > 550 ? "575px": this.height);
*/
             }




/****************************************************************************/
/****************************Contact CSS*************************************/
/****************************************************************************/

form#res {margin-top:0px;}

ul.res {
 	padding:16px 0 16px 0;
        list-style: none;
        margin:65px 0 0 0;	  
        }

ul.res li {	
         float: left;  
         clear: left;  
         width: 100%;  
         padding-bottom: 1em; 
         font:13px Arial, Verdana, san-serif;  
         color: #fff;      
       }

label {  
float: left;  
width: 10em;  
margin:0 5em 0 2em;
text-align: right; 
}


form#res input.text, form#res textarea#txt {
              border:1px solid #6c8947; 
              background:transparent; 
              color:#fff; 
              width:220px;
              }
              
form#res input#submit {   
                float:right;
                margin: 5px 150px 20px 0;
                border:1px solid #525252;
                background:#6c8947;
                color:#fff;
               }
  
  
  /******************************/
  /****styles for photo pugin****/
  /******************************/
  
  
  
  
  #pikachoose{float:left;
      float:left;
  	left:0;
  	position:absolute;
  	top:230px;
      width:300px;
      }
  
  /*
  div.wrapper {
  	margin:0 auto;
  	position:relative;
        width:950px;
  	}
  */
  
  
  .pika_main{
  	width:500px;
  	position: relative;
  	float:right;
  	}
  
  
  .pika_subdiv img{
  	padding-top:15px;
  	width:90%;
  	height:80%;
  	margin-left:-15px;
  	}
  
  #pikachoose li{
  	float:left;
  	position:relative;
  	margin:0 5px;
  	border:1px solid #151515;
  	overflow:hidden;
  	margin:5px 5px;
  	list-style:none;
  	padding:0;
  	}
  
  #pikachoose li img{
  	position:relative;
      cursor:pointer;
  }
  
  .pika_play{
  	display:none;
  	position:absolute;
  	right:10px;
  	z-index: 1;
  
  	}
  
  .pika_play a{
  	display:none;
  
  	position:relative;
  	margin-left:auto;
  	cursor:pointer;
  	display:block;
  	color:#151515;
  
  	}
  
  .pika_caption{
  	width:89%;
  	text-align:left;
  	font:12px Arial, Verdana, san-serif;
  	padding-bottom:15px;
  	color:#fff;
  	}
  
  
  .pika_caption a, .pika_caption a:hover {
  	font:12px Arial, Verdana, san-serif;
  	padding-bottom:15px;
  	color:#fff;
      text-decoration:underline;
  	}

  
  #wrapper1{width:100%;}
  
  .pika_link{cursor:pointer;}


  
  div.contentBlog {
  	margin-top: 0;
  	padding: 10px 0;
  	min-height: 200px;
  	background:#5f9420;
  }
  
  div.article{
  	width: 70%;
  	background: #fff;
  	margin: 0 0 15px 10px;
  	padding-bottom: 15px;
  }
  
  div.comment {
  	width: 70%;
  	background: #fff;
  	margin: 0 0 15px 10px;
  	padding-bottom: 15px;
  }
  
  input#name {
     border:1px solid #5F9420;
     margin:10px 0;
  }
  
  textarea#com {
     border:1px solid #5F9420;
     margin-bottom:10px;
  
  }
  
  
  hr.line {
  	border: medium none;
  	border-bottom: 1px dashed #CCCCCC;
  }
  
  h1.title {
  	font: 16px Arial, Verdana;
  	font-weight: bold;
  	float: left;
  	width: 70%;
  	padding-left:10px;
  }
  
  p.date {
  	font: 10px Arial, Verdana;
  	float: right;
  	width: 25%;
  }
  
  p.article {
  	font: 12px Arial, Vedana;
  	clear: both;
  	padding: 0 10px;
  }
  
  div.code {
     padding: 15px 15px;
     background: #eee;
     border: 1px solid #ccc;
     font: 12px Arial, Vedana;
     color: #000;
     margin: 0 auto;
     width: 80%;
  }
  
div#error {
	background:#5F8420;
	color:#fff;
	font:13px Arial,Vrdana,san-serif;
	left:240px;
	padding:10px 40px;
	position:absolute;
	top:210px;
}

/*************comments*****************/
#dsq-content #dsq-auth .dsq-auth-header {
    margin: 10px;
    width: 59%;
}


#disqus_thread #dsq-content {
    font:13px Arial, Verdana, san-serif;
    margin-bottom: 10px;
    margin-left: 55px;
    text-align: left;
    width:85%;
}


#dsq-content .dsq-by {
    float: right;
    margin-right: 10px;
}

#dsq-authenticated .dsq-authenticated {
    margin:10px;	
}

textarea.dsq-post-auth {
    border:1px solid #ccc;
}

input#default-submit {
	margin:0 10px;
}

#dsq-options, a.dsq-brlink {
	margin-left:10px;
	width:80%;
}

h3#dsq-add-new-comment {
	font:15px Arial,Verdana, san-serif;
	color:#000;
}