/* =normalize */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
td img {display: block;}
iframe {
border: 0px solid #ffffff;
}

/* =general */

body { text-align: center; }
form input { vertical-align: middle; }
form input.text { height: 18px; }
a 
{ 
	text-decoration: none; 
	
	 border: 1px dashed #446;
	 border-width: 0 0 1px 0;
	 color:#446;
}


/* =frame */
#container { position:relative; width: 700px; text-align: left; margin: 0 auto; padding: 0; }

#overlay
{
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
}

#overlay-logo
{
	padding: 145px 0 0 0;
}

#special-offer
{
	background:#bbccff;
	font-weight:bold;
	padding:10px;
	margin: 5px 0 15px 0;
	text-align:center;
}
	
.hidden
{
	display:none;
}

/* =base styles */

body 
{
   background: #BAD6E3 url('../img/bkg-blue.jpg') no-repeat;
   background-position: top center;
   background-attachment: fixed;
   color: #000;
}

body.iframe
{
	background-image:none;
	background-color:transparent;
	position:relative;
}

div#home, div#galleries, div#packages, div#about, div#contact, div#gallery-weddings, div#gallery-engagements, div#gallery-family, div#gallery-street, div#gallery-birth, div#gallery-newborns
{
	display:none;
}


#gallery-images
{
	padding-top:10px;
}

div#content
{
	float:left;
	width: 540px;
	padding: 40px 60px;
	color: #515557;
}


p.text
{
	font-size: 0.75em;
	padding: 4px 0 10px 0;
	line-height:1.6em;
}

.boxed h4
{
	font-size:1em;
	font-weight: bold;
	padding: 14px 0 10px 0;
	color:#999;
}

.spanlink
{
	 cursor: pointer;
	 border: 1px dashed #446;
	 border-width: 0 0 1px 0;
	 color:#446;
}

div#content .lead
{
	font-size: 1em;
}

div.textblock p, div.right ul.list li
{
	margin: 0 30px 15px 20px;
	font-size: 0.75em;
	line-height: 1.6em;
	width:340px;
}

div.mapblock p
{
	margin: 0 30px 15px 20px;
	font-size: 0.75em;
	line-height: 1.6em;
	width:500px;
}


div.quotebox
{
	background: #e9f3f8 url('../images/quotebox.png') no-repeat;
	width: 480px;
	height: 79px;
	padding: 20px 20px 10px 20px;
	margin: 0 0 30px 0;
	text-align:center;
	font-style: italic;
	font-family: Minion Pro, Georgia, Times New Roman, serif;
	font-size: 1.15em;
	line-height: 1.4em;
}

html, body, h2, h3, h4, div, p, ul, li, input 
{
	font-family: lucida grande, tahoma, helvetica, sans-serif;
	font-size: 100%;
}

h1, h2, h3
{
	color: #b46f00;
}

h2
{
	font-size: 0.875em;
}


ul.textlist
{
	font-size: 0.75em;
	list-style-type: disc;
	padding: 0 0 10px 20px;
}

ul.textlist li
{
	padding: 0 0 10px 0;
}

a.text
{
	color: #797c7d;
}

div.arrow-link-right a
{
	background: #fff url('/img/arrow-right.gif') no-repeat;
	display:block;
	padding-left: 30px;
	margin: 20px 0 0 20px;
}

div.small
{
	font-size:0.7em;
}

p.caption
{
	font-size:0.7em;
	font-style: italic;
	color:#797c7d;
	margin: 10px 0 0 0;
	line-height:1.6em;
}

.invalid
{
	background-color:#ffeadd;
}
.valid 
{
	border:1px ridge #000;
	background-color:#fff;
}





/* =header */

div#header
{
	height:70px;
	float:left;
	padding: 0;
}

div#header div#web-logo h1 {

    display: block;
    background: transparent url('../img/shot-in-vancouver-logo-3.png') no-repeat;
    width:200px;
    height:60px;
    text-indent: -9999px;
    cursor: pointer;
}

div#web-logo
{
	float:left;
	height: 60px;
	width: 200px;
	margin: 10px 0 0 0;
}

div#contact-top
{
	float:right;
	margin: 26px 0 0 0;
	width: 220px;
}

div#contact-top p
{	
	color: #bfbfbf;
	font-size: 0.7em;
	line-height: 1.5em;
}




/* =nav */

ul#nav
{
	float:right;
	height:20px;
	font-size: .75em;
	padding:0px;
	margin:40px 0px 0px 0px;
	list-style-type:none;
}

ul#nav li
{
	float:left;
	padding:0px;
	margin:0px 0px 0 15px;
	height: 20px;
	color:#556a88;
	font-family: lucida grande, tahoma, helvetica, sans-serif;
	text-transform: none;
    cursor: pointer;
}

ul#nav li.active
{
	background: #fff url('../images/nav-arrow.png') no-repeat center 16px;
}

ul#nav li a
{
	color:#333;
}


div.nav-clear
{
	clear:both;
}


.page-title
{
	margin: 15px 0 0 0;
	display: block;
    width:700px;
    height:35px;
    text-indent: -9999px;
    cursor: pointer;
}

.title-galleries
{	
    background: transparent url('../img/title-gallery.png') no-repeat;
}

.title-gallery-weddings
{	
    background: transparent url('../img/title-gallery-weddings.png') no-repeat;
}

.title-gallery-engagements
{	
    background: transparent url('../img/title-gallery-engagements.png') no-repeat;
}

.title-gallery-family
{	
    background: transparent url('../img/title-gallery-family.png') no-repeat;
}

.title-gallery-street
{	
    background: transparent url('../img/title-gallery-street.png') no-repeat;
}

.title-gallery-birth
{	
    background: transparent url('../img/title-gallery-birth.png') no-repeat;
}

.title-gallery-newborns
{	
    background: transparent url('../img/title-gallery-newborns.png') no-repeat;
}


.title-packages
{	
    background: transparent url('../img/title-pricing.png') no-repeat;
}

.title-about
{	
    background: transparent url('../img/title-about.png') no-repeat;
}

.title-contact
{	
    background: transparent url('../img/title-contact.png') no-repeat;
}



/* =home */

div#rotation
{
	margin: 15px 0 0 0;
	height: 467px;
	position:relative;
}

div#rotationLoader
{
	margin: 10px 0 0 0;
	display:none;
	height: 467px;
}

#flashPlayer
{
	width:50px;
	overflow:hidden;
	float:right;
	margin: 0 0 0px 0;
}


.boxed
{
	background:#fff;
	padding:15px 30px;
	margin: 10px 0;
}

.boxed h2
{
	line-height:1.5em;
	font-size:0.8em;
	padding: 10px 0 0 0;
}

.boxed p
{
	
	font-size:0.7em;
	line-height:1.6em;
}	

.boxed p.text
{
	font-size:0.75em;
}

/* =contact */

#phone
{
	display: block;
    background: #fff url('../images/phone.png') no-repeat;
    width:384px;
    height:136px;
    margin: 0px auto 30px auto;
    text-indent: -9999px;
    
}

#email
{
	display: block;
    background: #fff url('../images/email.png') no-repeat;
    width:497px;
    height:74px;
    margin: 0px auto;
    text-indent: -9999px;
    cursor: pointer;
}


/* =contact page */

#contactform
{
	text-align:right;
	width:600px;
	margin: 10px 0 20px 0;
	padding: 20px;
	background-color:#eee;
	border:1px solid #ddd;
}

#contactform p
{
	margin: 0 150px 10px 0;
	font-size:0.7em;
}

div.headline-contact h1 {
	background: #fff url('/img/contact.gif') no-repeat;
    width: 360px;
    height: 24px;
}

div.contact-image
{
	width: 300px;
	height: 171px;
	border: 1px solid #666;
	float:right;
	margin: 6px 30px 0 30px;
	color:#FFF;
}

input.emailinput
{
	width:200px;
	border: 1px solid #999;
}

.emailtextarea
{
	width:400px;
	height:100px;
	min-height:100px;
	border: 1px solid #999;
}

div.contactform
{
	margin: 20px 0 0 20px;
}

div.contactform p
{
	font-weight:bold;
	font-size:14px;
	color:#999;
	font-style:italic;
	margin:20px 0 0 0;
	line-height:120%;
}

.emailbutton
{
	width: 77px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('/img/send-message.gif') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
 }
 
 .address
 {


 }


/* =pricing */

div.price
{
	font-family: Georgia, Times New Roman, Serif;
	font-size:1.4em;
	color:#999;
	margin: 20px 0 0 40px;
}

p.package
{
	font-size:1em;
	margin: 20px 0 0 0;
}

p.detail
{
	margin: 4px 0 0 10px;
}

/* =footer */

div#footer
{
	clear:both;
	margin: 10px 0 0 0;
	padding-left:50px;
	color:#999;
	font-size:0.55em;
	text-align:center;
}

div#footerlinks
{
	font-size:0.65em;
	padding-left:20px;
	color: #ddd;
}

div#footerlinks a
{
	color:#797c7d;
}

div#copyright
{
	float:right;
	width: 280px;
	font-size: 0.65em;
}



.galleries-boxed
{
	height: 455px;
	padding: 40px 30px 30px 30px;
}

.iframe-gallery
{
	margin: 10px 0 0 0;
}

.submenu
{
	margin: 0 0 0 274px;
	font-family: Georgia, Times New Roman, Serif;
	text-transform: uppercase;
	font-size:0.6em;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0 0 0 67px; padding: 0px;
	width: 700px;
}
ul.thumb li {
	margin: 0 18px 0 0; padding: 0px;
	float: left;
}
ul.thumb li img {
	width: 160px; height: 194px;
	padding: 0px;
	background: #fff;
}

ul.thumb a
{
	border-width:0px;
}

.main-image { height: 467px; margin: 0px 0 0 0; }

.galleria{list-style:none;width:700px; margin: 10px 0 0 0;}
.galleria li{display:block;width:40px;height:40px;overflow:hidden;float:left;margin:0 1px 2px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.code {
background-color: #FFFFFF;
width: 630px;
border: 3px solid #eee;
background-color:#f7f7f7;
text-align: left;
padding: 15px 10px 0px 10px;
margin: 10px 0 20px 20px;
font-size:0.9em;
}