/* padding= top, right, bottom, left */

*{
	margin: 0 auto;
        padding:0;
}

body {  background:
        url(http://www.narkchareonphotography.com/support_files/bg3.jpg) 
        left top repeat-x #7186A3;
	font-family: Arial, Helvetica, sans-serif, Verdana ;
	color:#EEEEEE;
	font-size:0.6875em;
	line-height:1.54em;
        margin: 0 auto;
        text-align: center;
}


/* ==== image stuff ==== */
img {
	text-align:center;
        vertical-align:top;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
        }
img.centered{
        display: block;
        margin-left: auto;
        margin-right: auto; 
        }

#main_container{
	width: 900px;
        margin: 0 auto;
        text-align: center;
        
       	}

#main_container2{
	width: 900px;
        margin: 0 auto;
        text-align: left;
        background: #0a3d78;
       	}

#content_wrapper{
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  }

/*
#content_wrapper a:link, a:visited { 
 color: #77F; 
  }
*/
 
#content_wrapper a:hover { 
 color: #AAF; 
  } 

#myform {width:600px;}
#myform .box_1{width:212px;}
#myform .box_1 div{height:19px;}
#myform .box_2{width:194px;}
#myform input{width:204px; height:15px;}
#myform textarea{width:194px; height:72px; overflow:hidden;margin-bottom:10px;}


/* ====== banner id ====== */
#banner { width:100%; }
#banner p{color: #FAFAFA;
         font-size: 2.0em;
         font-family: Georgia, Arial, Helvetica, sans-serif, Verdana;
         padding: 20px 20px;
         margin: 0 auto;
         text-decoration: none;
         text-align:center;
       }
hr.centered {text-align:center; color:#A9A9BA; width:50%;}

/* ====== // banner id ====== */

/*======= header id ===========*/
#header{width:100%;  }

#header .logo{
	background-repeat: no-repeat;
	background-image: url(http://www.narkchareonphotography.com/pictures/cnplogo2.gif);
        height: 115px;      
}

#header .logo div{
 }

#header .logo h1{text-indent:-10000px; 
        background:url(images/logo.jpg) left top no-repeat; height:59px;}
#header .hd_right{width:426px; height:93px; float:left; 
        background:url(images/head_bg.jpg) left top no-repeat;}
#header .hd_right img{margin-top:40px;}

#header .menu{height:57px; padding:0 20px 0 20px; 
        background:url(images/menu_bg.jpg) left top no-repeat;}

#header .mps{
	background:url(images/mpt.jpg) right top repeat-y;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 1px;
        }
#header .mp_1{
	height:262px;
	background-image: url(images/mp_1_bg.jpg);
	background-repeat: no-repeat;
	background-position: 14px 3px;
        }
#header .mp_1 .indent{
	padding-top: 52px;
	padding-right: 250px;
	padding-bottom: 0;
	padding-left: 37px;
        }
#header .mp_1 ul{margin:10px 0 25px 0;}
#header .mp_1 li a{color:#DFEEFF; font-size:1.18em; line-height:1.53em; 
        text-decoration:none; padding-left:18px;
	background:url(images/mp_arr.gif) left center no-repeat;}
#header .mp_1 li a:hover{text-decoration:underline;}
#header .mp_2{
	height:80px;
	padding-left:15px;
	padding-right: 15px;
        }
/*=====//header===========*/

/*=======content===========*/
#content{
	width:auto;
	background-image: none;
	padding:10px 0px 10px 0px;
        text-align:center;
        font-family: Georgia, Arial, Helvetica, sans-serif, Verdana;
        }

#content td{color: #FFFFFF;
         margin: 0;
         text-decoration: none;
         text-align:center;
         }

#content .jleft table {
   background-color:#4444AA;
   width: 65%;
   border-spacing: 10px 50px;
   border-width: 4px;
   border-style: ridge;
}

#content .jleft td{
        text-align: justify;
        padding:20px 10px 20px 10px;
        }
#content .jleft ul{
        text-align: justify;
        padding:25px 0px 25px 0px;
        list-style-type: circle;
        }
#content .jleft ul li{
        margin-top: 5px;
        margin-bottom: 5px;
        }

#content .jleft_clear table {
   width: 65%;
   border-spacing: 10px 50px;
   border-width: 4px;
   border-style: ridge;
}

#content .jleft_clear td{
        text-align: justify;
        padding:20px 10px 20px 10px;
        }

#content .centered table {
   width: 65%;
   border-spacing: 10px 50px;
   border-width: 4px;
   border-style: ridge;
   margin:40px ;
}

#content .centered td{
        text-align: center;
        padding:10px 10px 10px 10px;
        }


.bl {background: url(http://www.narkchareonphotography.com/pictures/bl.gif) 0 100% no-repeat; width: 20em} 
.br {background: url(http://www.narkchareonphotography.com/pictures/br.gif) 100% 100% no-repeat} 
.tl {background: url(http://www.narkchareonphotography.com/pictures/tl.gif) 0 0 no-repeat} 
.tr {background: url(http://www.narkchareonphotography.com/pictures/tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}
     
.cl {background: url(http://www.narkchareonphotography.com/pictures/mleft2.jpg) left top repeat-y; width: 20em; left;} 
.cr {background: url(http://www.narkchareonphotography.com/pictures/mright2.jpg) right top repeat-y; right;} 

/* bottom image stuff */
.bis {width:100%;}
.bis .left_bot{background:url(pictures/left_bot.gif) 
     left bottom no-repeat; float:left; width:14px; height:16px;}
.bis .bot{width:711px; height:16px; float:left; 
     background:url(pictures/mid_bot.jpg) left bottom repeat-x #FFFFFF;}
.bis .right_bot{background:
     url(pictures/right_bot.gif) right bottom no-repeat; 
     float:left; width:14px; height:16px;}

.title{
	margin-bottom:0px;
      }

.line_x{height:1px; background:url(pictures/line_x.gif) left top repeat-x;
        margin:8px 0 8px 0;}

.bold_1{color:#603BAE; 
       font-family: Arial, Helvetica, sans-serif, Verdana ;
       font-weight:bold;}

.font_2{color:#8E6435; font-size:1.09em; line-height:1.41em;}
.link_2{
	color:c41230;
	text-decoration:underline;
	font-weight:bold;
        }
.link_2:hover{text-decoration:none;}

.title_1{
        background:url(pictures/title_1_bg.jpg) left top repeat-x; 
        margin-bottom:15px;}
.title_1 .left{
        background:url(pictures/title_1_left_bg.jpg) left top no-repeat;}
.title_1 .right{
        background:url(pictures/title_1_right_bg.jpg) right top no-repeat; 
        padding:9px 0 4px 14px;}

.title_2{
        background:url(pictures/title_2_bg.jpg) left top repeat-x; 
        margin-bottom:15px;}
.title_2 .left{
        background:url(pictures/title_2_left_bg.jpg) left top no-repeat;}
.title_2 .right{
        background:url(pictures/title_2_right_bg.jpg) right top no-repeat;
        padding:9px 0 3px 14px;}

.list_1 li{
        background:url(pictures/list_bg.gif) left center no-repeat; 
        width:100%;}
.list_1 li a{color:#002253; text-decoration:none; 
        line-height:1.81em; margin-left:13px;
	background:url(pictures/list_a_bg.gif) left bottom repeat-x; 
        padding-bottom:1px;}
.list_1 li a:hover{text-decoration:none; background:0;}
.list_1 .clear{background:0;}

.link_1{
	color:c41230;
	text-decoration:underline;
	font-size:0.91em;
}
.link_1:hover{text-decoration:none;}

.pic{margin-right:15px; float:left;}

.link_3{color:#E25601; text-decoration:underline;}
.link_3:hover{text-decoration:none;}

/*=====//content===========*/

/*=======page_1===========*/
#index .col_2 .indent{padding-right:20px; padding-bottom:35px;} 

#index .col_2 .box_1{width:206px;}
#index .col_2 .box_2{width:26px;}
#index .col_2 .box_3{width:207px;}

#index .col_2 .box_3 .indent{padding:0 0 0 10px;}
/*=====//page_1===========*/

/*=======page_2===========*/
#about .col_1 .indent{padding:4px 4px 4px 4px;} 
/*=====//page_2===========*/

/*=======page_3===========*/
#contact .col_2 .indent{padding:4px 25px 0 13px;} 
#contact .col_2 .pic{margin-right:5px;}
/*=====//page_3===========*/

/*=======page_4===========*/
#eventviewing .col_1 .indent{padding:5px 20px 0 18px;} 
/*=====//page_4===========*/

/*=======page_5===========*/
#services .col_2 .indent{padding:11px 0 0 17px;} 
/*=====//page_5===========*/

/*=======page_6===========*/
#page_6 .col_1 .indent{padding:2px 20px 0 16px;} 
/*=====//page_6===========*/


/*=======footer===========*/

#footer{
  text-align: center;
  padding: 10px ; 
}

#footer div{padding: 10px 0 10px 0;}
#footer span{word-spacing:8px;}
#footer span a{color:#D0DBE9; word-spacing:0px; text-decoration:none;}
#footer span a:hover{text-decoration:underline;}

#footer a{color:#D0DBE9; text-decoration:underline;}
#footer a:hover{text-decoration:none;}

#copyright { 
   width:100%;
   text-align: center;
   margin: 0 auto;
   }
#copyright div{color: #FFFFFF;
         padding: 0px 0px;
         margin: 0;
         text-decoration: none;
         text-align:center;}
#lower_text{
  text-align: left;
  }

/*=====//footer===========*/

/* text with scroll bars on the left, image on the right */
#columns main {
	background-image: url(pictures/picture.jpg);
	background-position: right top;
	top: 2px;
}
#columns_text {
	height: 485px;
	width: 420px;
	float: left;
	padding-left: 5px;
	overflow: scroll;
	padding-right: 10px;
	margin-right: 20px;
}
#columns_image {
	height: 485px;
	width: 454px;
	float: right;
	padding-right: 6px;
}

