/*Styles for Louis Quail, Photography*/

/*Rules
--------------------------------------------------*/
* {padding:0; margin:0; outline:none;}
html {min-height:100%;}
body {font:13px Tahoma, Arial,sans-serif; color:#333; margin-bottom:2em;}

h1 {font-size:180%; background: url('images/logo_LQ.png') no-repeat; width:363px; height:58px; margin:1.4em 0 .5em 0; text-indent:-100em;}
h2 {font-size:160%; padding-bottom:1em;}
h3, h4 {font-size:100%; font-weight:normal; padding:1em 0; color:#333;}
h5 {font-size:100%; font-weight:normal; padding-bottom:3em;}

p, blockquote {line-height:1.37em;}
p {padding: 0 0 0.8em 0;}

p a				{text-decoration:none; color:#868484; border-bottom:1px dotted #868484;}
p a:visited 	{text-decoration: none;color: #868484; border-bottom:1px dotted #868484;}
p a:hover 		{text-decoration:none; color:#242424; border-bottom:1px solid #242424;}

.clear{clear:both;}


/*layout
--------------------------------------------------*/
.wrapper {width:100%;}
.container {width:1000px; margin:auto;}

.image_swap {margin-bottom:2em;}
.open {width:80%; padding:0; background:#fff;}
.col_right {width:35%; float:right; border-left:1px solid #CCC; padding-left:2em;}
.col_left {width:57%; float:left;}

.open .close {float:right;}
.contact {position:fixed; bottom:0px; right:0px; padding:1em;}


/*Navigation Rule
--------------------------------------------------*/
.navigation {float:left; width:20%;}
.navigation h3 {font-size:120%; font-weight:bold; padding:0 0 0.2em 0;}
.navigation ul {list-style:none; padding:0; margin-bottom:1em;}
.navigation ul li {padding:.1em 0 .1em 0; width:200px;}
.navigation ul li a {text-decoration:none; display:block; color:#666;}
.navigation ul li a:hover{color:#73ccff;}


/*Swap Images
--------------------------------------------------*/
#lyr0, #lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16, #lyr17, #lyr18, #lyr19, #lyr20 {position:absolute; visibility:hidden; z-index:1;}
.largeImages {float:right; width:746px; height:619px;}


/* --- TABLES
-------------------------------------------------------*/
table{border-collapse:collapse;}
td {padding:0.2em; width:auto; height:2em;}

/* --- FOOTER
-------------------------------------------------------*/
.footer {border-top:1px solid #CCC; margin:3em 0 3em 0; padding:0.5em 0 0.5em 0;}
.footer p {float:left;}
.footer span {float:right;}