/* Site Container */
body {margin:0; padding:0; min-width:800px; font:80% Helvetica, sans-serif; line-height:1.5em; text-align:center; color:#3e3e3e; background:#262626;}
div#container {position:relative; width:800px; margin:0px auto; padding:0px; text-align:left; }

div#header {width:800px; float:left; margin-bottom:20px;}
div#page {width:800px; float:left;}

div.leftcol {width:244px; float:left; margin:0 8px 0 0; padding:0; background-color:#a5a6a6; color:#fff; }
div.leftcol p {margin:18px; padding:0;}
div.rightcol {width:548px; float:left; margin:0; padding:0;}

/*div#page div.leftcol {border:4px solid #767878; width:236px;}*/
div#page div.rightcol, div#page div.revert  { padding-bottom:0px; margin-bottom:30px; color:#eaeaea; color:#fff; border-top:3px solid #a5a6a6; background-color:#eaeaea; color:#262626;}
body#gallery div#page div.rightcol  {background:#262626; border-top:0; }
body.home div#page div.rightcol {margin-bottom:0px; height:450px; padding:0;}
div#page div.revert {padding-bottom:30px;}

h1 {float:left; margin:0; padding:0; text-indent: -9999px; height:91px; width:244px; background:url(../images/logo.gif) no-repeat; text-align:left;}


/* Old style - pure CSS menu 
ul#mainnav {list-style:none; float:left; border-bottom:4px solid #b4b5b5; margin:0; padding:0; width:548px; font-size:14px; font-weight:100; background-color:#767878;}
ul#mainnav li {float:left; color:#636565; text-align:center; }
ul#mainnav li a { display:block; padding:60px 0 10px 0; height:17px; }
ul#mainnav li#navhome {width:71px; }
ul#mainnav li#navwedding {width:172px;}
ul#mainnav li#navframes {width:225px;}
ul#mainnav li#navcontact {width:80px;}

ul#mainnav li a:link {color: #eaeaea; text-decoration: none; }     
ul#mainnav li a:visited {color: #eaeaea; text-decoration: none;}  
ul#mainnav li a:hover {color: #eaeaea; text-decoration: none; background-color:#636565;}   
ul#mainnav li a:active {color: #eaeaea; text-decoration: none;} 

body.home ul#mainnav li#navhome, body.home ul#mainnav li#navhome a,
body.wedding ul#mainnav li#navwedding, body.wedding ul#mainnav li#navwedding a,
body.frames ul#mainnav li#navframes, body.frames ul#mainnav li#navframes a,
body.contact ul#mainnav li#navcontact, body.contact ul#mainnav li#navcontact a {color:#262626; text-decoration: none; background-color:#b4b5b5;} 
*/

/* New Image based menu */
ul#mainnav {list-style:none; float:left; border-bottom:4px solid #b4b5b5; margin:0; padding:0; width:548px; font-size:14px; font-weight:100; background-color:#767878;}
ul#mainnav li {float:left; color:#636565; text-align:center; }
ul#mainnav li a { display:block; padding:0; margin:0; height:87px; text-indent:-9999px; text-decoration: none; background-position:0 0; border:0px}

ul#mainnav li#navhome, ul#mainnav li#navhome a {background: url(../images/menu1.gif) no-repeat; width:62px;}
ul#mainnav li#navwedding, ul#mainnav li#navwedding a {background: url(../images/menu2.gif) no-repeat; width:175px;}
ul#mainnav li#navframes, ul#mainnav li#navframes a {background: url(../images/menu3.gif) no-repeat; width:237px;}
ul#mainnav li#navcontact, ul#mainnav li#navcontact a {background: url(../images/menu4.gif) no-repeat; width:74px;}

ul#mainnav li#navhome a:hover,
ul#mainnav li#navwedding a:hover,
ul#mainnav li#navframes a:hover, 
ul#mainnav li#navcontact a:hover { background-position: 0 -88px; }

body.home ul#mainnav li#navhome, body.home ul#mainnav li#navhome a,
body.wedding ul#mainnav li#navwedding, body.wedding ul#mainnav li#navwedding a ,
body.frames ul#mainnav li#navframes, body.frames ul#mainnav li#navframes a ,
body.contact ul#mainnav li#navcontact, body.contact ul#mainnav li#navcontact a { background-position: 0 -176px; }

h2 { font-size:145%; font-weight:normal; margin:18px; padding:0; letter-spacing:0.1em; }
h3 { font-size:125%; font-weight:normal; margin:1em 0 0.5em 0; padding:0; letter-spacing:0; text-align:left;}

ul#subnav {list-style:none; padding:0; margin:18px; font-size:100%;}
ul#subnav li {border-bottom: 1px solid #fff; padding:5px 0; }
ul#subnav li a {display:block; width:100%;}
ul#subnav li a:link { color:#fff; text-decoration: none; }     
ul#subnav li a:visited { color:#fff; text-decoration: none;}  
ul#subnav li a:hover { color:#636565; text-decoration: none; }   
ul#subnav li a:active { color:#fff; text-decoration: none;} 

ul#subnav li ul {list-style:none; padding:0; margin:5px 0 0 0; }
ul#subnav li ul li {border-top: 1px dashed #fff; padding:5px 0; border-bottom:0; text-indent:20px}

div#content {padding:0 15px; text-align:justify; }
div#content p {margin:1em 0; padding:0; }

div#footer { clear:left; color:#a5a6a6; border-top:3px solid #a5a6a6; background:#262626; padding:10px 0 0 0; margin:30px 0 0 0; font-size:95%;}
body.home div#footer {margin:0px 0; }

div#footer p {margin:0; padding:0; }
div#footer a:link { color:#a5a6a6; text-decoration: underline; }     
div#footer a:visited { color:#a5a6a6; text-decoration: underline;}  
div#footer a:hover { color:#a5a6a6; text-decoration: none; }   
div#footer a:active { color:#a5a6a6; text-decoration: none;} 

.right {float:right;}

a:link { color:#636565; text-decoration: underline; }     
a:visited { color:#636565; text-decoration: underline;}  
a:hover { color:#636565; text-decoration: none; }   
a:active { color:#636565; text-decoration: none;} 

/*img {float:left; width:178px; height:120px; background-color:#CCCCCC; margin:0 7px 7px 0;}
.end{margin-right:0; width:178px; height:120px;}*/

ul#thumbs {list-style:none; margin:0; padding:0; width:548px; float:left;}
ul#thumbs li { display:block; float:left; margin:0; padding:0;}
ul#thumbs li a {border:0; display:block; background-color:#eaeaea; padding:4px; margin:0 7px 7px 0; }
ul#thumbs li a img {display:block; margin:0; padding:0; border:0;}
ul#thumbs li a:link {  text-decoration: none; }     
ul#thumbs li a:visited {  text-decoration: none;}  
ul#thumbs li a:hover { background-color:#636565; text-decoration:none; }   
ul#thumbs li a:active {  text-decoration: none;} 
ul#thumbs li a.last{margin-right:0;}


#photo{background-color:#a5a6a6; background:#262626; margin:0 0 7px 0; padding:0; text-align:center; width:inherit;}
#photo img {display:inline; margin:0; padding:0; border:0; border-top:3px solid #a5a6a6; border-bottom:3px solid #a5a6a6;}

#gallerynav, #gallerynavthumbs {clear:left; background-color:#262626; padding:5px 10px 10px 0px; margin:0 0 0 0; color:#fff; }
#gallerynavthumbs {float:left; width:528px; }
#gallerynav p {margin:0; padding:0;}
#gallerynav span#ref {font-weight:bold; }


ul#thumbnav {float:left; list-style:none; margin:0; padding:0; width:548px; }
ul#thumbnav li {float:left; margin-right:5px; margin-bottom:5px; }
/*ul#thumbnav li.last {margin-right:0;}*/
/*ul#thumbnav li a {display:block; padding:2px 8px; text-align:center; color:#fff; border:2px solid #eaeaea;}*/
ul#thumbnav li a {display:block; width:2em; height:1.5em; padding-top:4px; text-align:center; color:#fff; border:2px solid #eaeaea;}
ul#thumbnav li a:link {  background-color:#a5a6a6; text-decoration: none; }     
ul#thumbnav li a:visited {  background-color:#a5a6a6; text-decoration: none;}  
ul#thumbnav li a:hover { background-color:#636565; text-decoration:none; }   
ul#thumbnav li a:active {  background-color:#a5a6a6; text-decoration: none;} 
ul#thumbnav li a#selected {background-color:#636565;}

ul#gallerycontrol {list-style:none; margin:0; padding:0; width:244px; background-color:#262626;}
ul#gallerycontrol li {float:left; }
ul#gallerycontrol li#back a {display:block; padding:8px 18px; border-top:4px solid #262626; border-bottom:4px solid #262626; color:fff; width:208px; background-color:#a5a6a6;}
ul#gallerycontrol li#prev,
ul#gallerycontrol li#next {display:block; width:120px; background-color:#a5a6a6; }
ul#gallerycontrol li#prev {border-right:4px solid #262626;}
ul#gallerycontrol li#prev,
ul#gallerycontrol li#next a {display:block;}
ul#gallerycontrol li span {display:block; padding:8px 18px; border-top:4px solid #262626;}
ul#gallerycontrol li img {display:block; border:0; }

ul#gallerycontrol li a:link {  color:#fff; text-decoration: none; }     
ul#gallerycontrol li a:visited {  color:#fff; text-decoration: none;}  
ul#gallerycontrol li a:hover { color:#636565; text-decoration:none; }   
ul#gallerycontrol li a:active {  color:#fff; text-decoration: none;} 



form#client {margin:18px; }
form#client fieldset {border:1px solid #fff; padding:10px;}
form#client fieldset legend {font-weight:bold; color:#fff}
form#client fieldset label {font-style:italic; padding-bottom:10px;}
form#client fieldset input {border:1px solid #636565; width:100px; padding:5px;}

/*img.inline {border:1px solid #636565; float:right; margin:0 0 15px 15px;} */
img.inline {float:right; margin:0 0 15px 15px;} 

div#content ul.documentlist {list-style:none; margin:1em 0; padding:0; border-top:1px dashed #a5a6a6;}
div#content ul.documentlist li { padding:1em;}
div#content ul.documentlist li a {background: url(../images/icon_document_withtxt.gif) no-repeat center left; padding-left:15px; }

div#content ul.linklist {list-style:none; margin:1em 0; padding:0; }
div#content ul.linklist li { padding:1em; border-top:1px dashed #a5a6a6;}
div#content ul.linklist li a.titlelink {font-size:120%; font-weight:bold; }
div#content ul.linklist li p {margin-top:0; padding-top:0;}