body{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0;
}

#container
{
    width:800px;
    margin:0 auto;
    margin-top:10px;
}
#distance 
{ /*used this to achieve vertical centering*/
    width:1px;
    height:50%;
    margin-bottom:-300px; /* half of container's height */
    float:right;
}
#logo
{
    position:relative;
    float:right;
    margin-bottom:10px;}

/* ------------------------ NAV BAR --------------------------------------- */

/* ---- Default ---- */
#menu{
    position:relative;
    float:right;
    margin:20px 10px 0 0;
}

#nav, #nav ul{
    margin:0px;
    padding:0;}

#nav li{
    margin:0 1px 0 0;
    float:right;
    display:block;
    height:20px;
    width:83px;}

#nav li a{
    margin:0;
    padding:0;
    display:block;
    height:20px;
    width:83px;
    text-align:center;
    border-left-width:1px;
    border-left-style:dotted;
    border-right-width:1px;
    border-right-style:dotted;
    }


#nav li a.hbclr{
border-left:none;
border-right:none;}

#nav li a.cbclr{
border:none;}
/* ---- Defalut ---- */


/* ---- Drop Down ---- */
#nav li ul li
{
    float:none;
}
#nav li ul{
	position: absolute;
	top: -10000px;}

#nav li:hover ul, #nav li.sfhover ul{
	top: auto;
    margin:0px -1px 0 0;
    padding:0;
    z-index:100;
    list-style-type:none;}
/* ---- Drop Down ---- */


/* ------------------------ NAV BAR --------------------------------------- */


/* ------------------------ content --------------------------------------- */

#content
{
    float:right;
    position:relative;
    width:800px;
    height:500px;
    margin:0;  
    padding:0;
    }

#hide{
    z-index: 1;}


/* ---- Home_PAGE ---- */
#rightc
{
    float:right;
    width:250px;
    height:500px;
    margin:0;
    padding:0;
}

#rightc p
{
    margin:4px 10px 0 10px; 
    padding:0 0 0 0;
}

#rightc h2
{
    margin:4px 10px 0 10px; 
    padding:0 0 0 0;
    border-bottom-width:1px;
    border-bottom-style:dotted;
}
#leftc
{
float:left;
width:548px;
height:500px;
margin:0;  
padding:0;
border-right-width:2px;
border-right-style:solid;
}
/* ---- END_Home_PAGE ---- */


/* ---- GALLERY_PAGE ---- */
#gallery
{
    width:800px;
    height:540px;
    position:relative;
    float:right;
}
#theimage
{
    height:500px;
    width:790px;
    position:relative;
    float:right;
}

/*************Buttons***********/
#buttons
{
    position:relative;
    float:right;
    width:790px;
    margin-top:12px;
}
#buttons input, #buttons div, hr
{
    position:relative;
    float:right;
    margin-left:4px;
}
#buttons input
{
    width:20px;
    height:18px;
}
#tdindex
{
    z-index:100;
}

/* ---- END_GALLERY_PAGE ---- */

/* ---- ALBUMS_PAGE ---- */
#rightca
{
float:right;
width:370px;
height:500px;
margin:0;  
padding:0;
}
#rightca p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightca h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-width:1px;
border-bottom-style:dotted;
}
#a_holder
{
float:left;
width:430px;
height:500px;
margin:0;  
padding:0;
}
#pusher2
{
width:430px;
height:345px;
}

#pup
{
width:430px;
height:100px;
text-align:center;
}
/* ---- END_ALBUMS_PAGE ---- */



/* ---- ABOUT_PAGE ---- */
#rightcab
{
float:right;
width:520px;
height:500px;
margin:0;  
padding:0;
}
#rightcab p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightcab h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-style:dotted;
border-bottom-width:1px;
}
#leftcab
{
float:left;
width:280px;
height:500px;
margin:0;  
padding:0;
}
#me
{
width:280px;
height:220px;
margin:0;  
padding:0;
}
#lix
{
margin:0;  
padding:20px;
text-align:center;
}
#lix a
{
text-align:center;
}
#MyImg
{
width:280px;
height:220px;
}
/* ---- END_ABOUT_PAGE ---- */



/* ---- ARTICLE_PAGE ---- */
.rightcartex
{
float:right;
width:263px;
height:500px;
margin:0;  
padding:0;
border-left-style:solid;
border-left-width:2px;
}
.rightcartex p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
.rightcartex h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-width:1px;
border-bottom-style:dotted;
}
.spixr, .spixrc
{
margin:0 10px 50px 10px; 
padding:0;
}
.spacerx1
{
width:260px;
height:100px;
}
.spacerx2
{
width:260px;
height:81px;
}
.spacerx3
{
width:260px;
height:115px;
}
.rmore
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
float:left;
height:30px;
}
/* ---- center ---- */
.rightcartexc
{
float:right;
width:268px;
height:500px;
margin:0;  
padding:0;
border-left-style:solid;
border-left-width:2px;
}
.rightcartexc p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
.rightcartexc h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-style:dotted;
border-bottom-width:1px;
}

/* ---- center ---- */

/* ---- END_ARTICLE_PAGE ---- */

/* ---- Event_Photography_Article_PAGE ---- */
#rightcepa
{
float:right;
width:800px;
height:500px;
margin:0;  
padding:0;
}
#rightcepa p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightcepa h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-width:1px;
border-bottom-style:dotted;
}
#leftcepa
{
float:left;
width:548px;
height:500px;
margin:0;  
padding:0;
border-right-width:2px;
border-right-style:solid;
}
/* ---- END_Event_Photography_Article_PAGE ---- */

/* ---- Photo_Album_Design_Article_PAGE ---- */
#rightcpada
{
float:right;
width:250px;
height:500px;
margin:0;  
padding:0;
}
#rightcpada p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightcpada h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-width:1px;
border-bottom-style:dotted;
}
#leftcpada
{
float:left;
width:548px;
height:500px;
margin:0;  
padding:0;
border-right-width:2px;
border-right-style:solid;
}
/* ---- END_Photo_Album_Design_Article_PAGE ---- */



/* ---- Wedding_Photography_Article_PAGE ---- */
#rightcwpa
{
float:right;
width:250px;
height:500px;
margin:0;  
padding:0;
}
#rightcwpa p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightcwpa h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-style:dotted;
border-bottom-width:1px;
}
#leftcwpa
{
float:left;
width:548px;
height:500px;
margin:0;  
padding:0;
border-right-width:2px;
border-right-style:solid;
}
#leftcwpa p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
/* ---- END_Wedding_Photography_Article_PAGE ---- */


/* ---- VIDEO_GALLERY_PAGE ---- */
#rightcvg
{
float:right;
width:250px;
height:500px;
margin:0;  
padding:0;
}
#rightcvg p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightcvg h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-style:dotted;
border-bottom-width:1px;
}
#leftcvg
{
float:left;
width:548px;
height:500px;
margin:0;  
padding:0;
border-right-style:solid;
border-right-width:2px;
}
#leftcvg p
{
margin:4px 10px 0 10px; 
padding:0;
}
#preview
{
margin:30px auto 0 auto;  
padding:20px 0 0 0;
width:450px;
height:350px;
z-index: 5;
}
#zix
{
width:230px;
height:30px;
margin:0 10px 0 10px; 
padding:0;
}
#zix ul
{
width:220px;
margin:0 10px 0 0; 
padding:0;
list-style-type:disc;
}
#zix li
{
width:220px;
margin:0; 
padding:0;
}
/* ---- END_VIDEO_GALLERY_PAGE ---- */

/* ---- article-01_PAGE ---- */

#rightcpada
{
float:right;
width:250px;
height:500px;
margin:0;  
padding:0;
}
#rightcpada p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightcpada h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-width:1px;
border-bottom-style:dotted;
}
#leftcpada
{
float:left;
width:548px;
height:500px;
margin:0;  
padding:0;
border-right-width:2px;
border-right-style:solid;
}

/* ---- END_article-01_PAGE ---- */

/* ---- CONTACT_PAGE ---- */
#rightconx
{
float:right;
width:454px;
height:500px;
margin:0;  
padding:0;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
}
#rightconx p
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
#rightconx h2
{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
border-bottom-style:dotted;
border-bottom-width:1px;
}
.cfholder
{
margin:0 10px 0 0;
padding:0 0 0 0;
width:433px;
height:360px;
}
.txttype
{
float:right;
margin:0;
padding:2px 0 2px 0;
width:433px;
height:18px;
}
.txttype2
{
float:right;
margin:0;
padding:2px 0 2px 0;
width:433px;
height:12px;
}
.txttype3
{
float:right;
margin:0;
padding:2px 0 10px 0;
width:433px;
height:40px;
}
.cfholder2
{
float:right;
margin:138px 0 0 0; 
padding:0 0 0 0;
width:155px;
height:25px;
}
.cfholder3
{
float:right;
margin:138px 0 0 0; 
padding:0 0 0 0;
width:142px;
height:25px;
text-align:right;
}
.cfholder4
{
float:right;
margin:0 0 0 0; 
padding:0 0 0 0;
width:433px;
height:200px;
}
.cfholder4 p
{
float:right;
margin:0 0 0 0; 
padding:0 0 0 0;
width:400px;
}
.cssform p
{
width: 413px;
height: 25px;
margin: 0;
padding: 0 0 0 0;
}
.cssform label
{
float: right;
margin:0; /*width of left column*/
width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform textarea
{
width: 411px;
height: 150px;
}
.formbutton
{
cursor:pointer;
border:none;
text-align:right;
}
#leftconx
{
float:left;
width:344px;
height:500px;
margin:0;  
padding:0;
border-top-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
}
/* ---- END_CONTACT_PAGE ---- */

/* ---- 3P_PAGE ---- */
#tp{
float:right;
width:800px;
height:500px;
margin:0;  
padding:0;
background:#cdd2d5;}


#tp p{
margin:4px 10px 0 10px; 
padding:0 0 0 0;
}
/* ---- END_3P_PAGE ---- */


/* ---- SITE_MAP_PAGE ---- */
#sitemap
{
overflow:hidden;
margin:0 10px 0 10px;
padding:0; 
}
#sitemap ul
{
list-style-type: disc;	
list-style-position: inside;
margin:0;
padding:0;
}
#sitemap li
{
margin:10px 0 0 0;
padding:0;
position:relative;
width:300px;
}
#sitemap ul ul
{
width:100px;
list-style-type: circle;
}
#sitemap ul ul li
{
margin:0 10px 0 10px;
padding:0; 
width:200px;
}
/* ----END SITE_MAP_PAGE ---- */

/* ------------------------ END_content --------------------------------------- */

#clr{clear: both;}

/* ------------------------ FOOTER --------------------------------------- */
#footer
{
    float:right;
    position:relative;
    width:800px;
    margin:30px 0 0 0;  
    padding:0;
    text-align:center;
}
/* ------------------------ END_FOOTER --------------------------------------- */

#credit
{
width:800px;
margin:0;  
padding:0;
}