/* CSS Document */

/* RESET STYLES */
/* this reset stylesheet is based *heavily* on Eric's one here: */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* Some alterations have been made */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline; line-height:1.3em;
}
/* remember to define focus styles! */
:focus {outline:1px dashed rgba(255,255,255,0.2);}
ol, ul {list-style: none;}
a {cursor:pointer;}

strong {font-weight:bold;}
em {font-style:italic;}

a {color:#ccc; text-decoration:none;}
a:visited {color:#fff;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#444;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; 	font-weight: normal;}
sup {vertical-align:super; font-size:0.625em; padding-left:1px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ---RESET ENDS-------- */

/*DEFAULT STYLING ------ */
html {background:url(../images/htmlbg.jpg);}
#page {min-height:800px;}
.pagebg01 {background:url(../images/background01.jpg) repeat-x;}
.pagebg02 {background:url(../images/background02.jpg) repeat-x;}
.pagebg03 {background:url(../images/background03.jpg) repeat-x;}
.pagebg04 {background:url(../images/background04.jpg) repeat-x;}
.pagebg05 {background:url(../images/background05.jpg) repeat-x;}
.pagebg06 {background:url(../images/background06.jpg) repeat-x;}

body br.clear {clear:both;}
h1#logo {background:url(../images/logo.png) no-repeat; width:421px; height:84px; text-indent:-9999px; margin:0 0 0 5px;}
h1#logo a {width:421px; height:84px; text-indent:-9999px;display:block;}

h2 {}
h3 {}
h4 {}

/*std font-size */
p, li, ul, a {font-size:12px; line-height:1.6em;}
p {margin:1em 0;}

#head a#twitter {display:block; background:rgba(0,0,0,0.2) url(../images/twitter.png) no-repeat 8px -39px; height:24px; padding:0 10px 0 30px; font:normal 12px/24px Verdana, Arial, Helvetica, sans-serif; text-transform:lowercase; color:#aaa; position:absolute; top:35px; left:405px; -moz-border-radius:12px; border-radius:12px; -opera-border-radius:12px; -webkit-border-radius:12px;}
#head a#twitter:hover {color:#fff; text-decoration:none; background:rgba(0,0,0,0.5) url(../images/twitter.png) no-repeat 8px 6px; border-bottom:none;}

/*menu styling */
#nav {width:128px; margin-left:60px; float:left;}
#nav li {font:normal 14px/20px Verdana, Arial, Helvetica, sans-serif; padding:10px 0;}
#nav li li {padding:10px; width:108px; background:url(../images/menudiv.jpg) center bottom repeat-x;}
#nav a {background:url(../images/linkgo.png) no-repeat 62px 5px; text-decoration:none; padding:4px; display:block;}
#nav a:hover {background:url(../images/linkgo.png) no-repeat 62px -75px;}
#nav_galleries {margin-bottom:20px;}
#nav_galleries li a{color:#dedede;}
#nav_info li a{color:#7d7d7d;}

#content {float:left; margin-left:40px;}
#about #page {width:1210px;}
#about .pgcontent, #contact .pgcontent {width:600px; color:#989898; background: rgba(0,0,0,0.5); float:left; padding:15px 20px 40px 20px; height:530px; -moz-border-radius:8px; border-radius:8px; -opera-border-radius:8px; -webkit-border-radius:8px;}
#slider {background:url(../images/aboutusbg.png) no-repeat; width:309px; height:309px; float:left; margin-top:100px; padding:16px; overflow:hidden; position:relative;}

#about h2 {background:url(../images/aboutus.png) no-repeat; height:40px; text-indent:-9999px;}
#contact h2 {background:url(../images/contactus.png) no-repeat; height:40px; text-indent:-9999px;}

#gallery h2 {text-indent:-9999px; height:570px; width:100px; float:left; margin:10px -25px 0 20px;}
#gallery h2#weddings {background:url(../images/weddings.png) 0 50% no-repeat;}
#gallery h2#places {background:url(../images/places.png) 0 50% no-repeat;}
#gallery h2#people {background:url(../images/people.png) 0 50% no-repeat;}
#gallery h2#artwork {background:url(../images/artwork.png) 0 50% no-repeat;}
#gallery h2#decor {background:url(../images/decor.png) 0 50% no-repeat;}

#nextpg {position:absolute; top:280px; right:0; width:97px; height:66px;}
#nextpg a{background:url(../images/movenext.png) left top no-repeat; display:block; text-indent:-9999px; height:66px; width:97px; outline:none;}
#nextpg a:hover{background:url(../images/movenext.png) left bottom no-repeat;}

#homegallery {position:relative; height:600px; width:width:760px;}
#homegallery li {position:absolute; padding-left:10px; background:url(../images/hmgallerybg.png) no-repeat 0 -305px;}
#homegallery li a{padding-right:10px; background:url(../images/hmgallerybg.png) no-repeat right -610px; display:block; position:relative; color:#ddd; text-decoration:none; font-weight:bold;}
#homegallery li a img{padding:10px 0; background:url(../images/hmgallerybg.png) repeat-x 0 0; display:block;}
#homegallery li a span{position:absolute; bottom:5px; right:10px; background:url(../images/homegallerynext.png) no-repeat 0 0; height:100px; padding:0 15px 0 105px; font-size:18px; text-align:right; line-height:100px;}
#homegallery li a.nojs span{display:none;}
#homegallery li a:hover span{background:url(../images/homegallerynext.png) no-repeat 0 0;}
#homegallery li a.nojs:hover span{display:block;}
#homegallery li.hm_weddings {top:0; left:0;}
#homegallery li.hm_places {top:290px; left:450px;}
#homegallery li.hm_people {top:290px; left:30px;}
#homegallery li.hm_art {top:0; left:425px;}
#homegallery li.hm_decor {top:0; left:715px;}

#maingallery {position:relative;}
#maingallery li {padding-left:19px; background:url(../images/maingallerybg.png) no-repeat 0 -605px; position:relative; top:0; left:10px; float:left; display:block;}
#maingallery li a{padding-right:20px; background:url(../images/maingallerybg.png) no-repeat right -1210px; display:block; position:relative; color:#ddd; text-decoration:none; font-weight:bold;}
#maingallery li a img{padding:20px 0; background:url(../images/maingallerybg.png) repeat-x 0 0; display:block;}
#maingallery li a span{position:absolute; top:0; left:0; height:100%; width:100%; background:url(../images/gallerynext.png) -200px -200px no-repeat;}
#maingallery li a:hover span {background:url(../images/gallerynext.png) 95% 95% no-repeat;}

#maingallery li#goback {background:none; padding-top:400px; margin-left:30px;}
#maingallery li#goback a {background:url(../images/galleryback.png) center top no-repeat; display:block; width:120px; padding-top:100px; text-align:center;}

#gallerynav {position:fixed; top:-20px;	right:40px; overflow:hidden; padding:35px 10px 5px 10px; z-index:200;}

#gallerynav li	{float:left; display:block;width:44px; height:44px; line-height:44px;}
#gallerynav li a{font-size:14px; padding:0; margin:0 1px; width:44px; height:44px; line-height:44px; text-indent:-99999px; text-align:center; display:block; outline:none;}

#gn_first {background:url(../images/gallerynav.png) -9px -13px no-repeat;}
#gn_prev {background:url(../images/gallerynav.png) -57px -13px no-repeat;}
#gn_next {background:url(../images/gallerynav.png) -106px -13px no-repeat;}
#gn_last {background:url(../images/gallerynav.png) -156px -13px no-repeat;}

#gn_first:hover {background:url(../images/gallerynav.png) -9px -86px no-repeat;}
#gn_prev:hover {background:url(../images/gallerynav.png) -57px -86px no-repeat;}
#gn_next:hover {background:url(../images/gallerynav.png) -106px -86px no-repeat;}
#gn_last:hover {background:url(../images/gallerynav.png) -156px -86px no-repeat;}

#designbycam {position:absolute; bottom:10px; left:10px; background:url(../images/designbycam.png) no-repeat; text-indent:-9999px; width:40px; height:182px;}
#designbycam:hover {background:url(../images/designbycam.png) right top no-repeat;}