
/* General layout */

body {
background: url(img/bg_1.png) repeat-x fixed;
font : 76% Verdana, Tahoma, Arial, sans-serif;
margin : 0 0 0 0;
padding : 0;
}

/* TAGS */

#wrap_1 {
background : transparent;
color : #ffffff;
margin : 0 auto;
padding : 0;
width : 960px;
}

#wrap_2 {
background : transparent;
color : #ffffff;
margin : 0 auto;
padding : 0;
width : 960px;
height : 50px;
}

#wrap_3 {
background : transparent;
color : #fff;
margin : 0 auto;
padding : 0;
width : 960px;
}
#header {
background : transparent;
color : #ffffff;
margin : 0 15px 0 40px;

}

#header h2 {
font-family : trajan pro;
font-size : 1.6em;
font-weight : 600;
letter-spacing : 0;
margin : 0 0 4px 1px;
padding : 30px 0 0 190px;
}
#header h3 {
font-family : sincerely;
color: #fff;
font-size : 2.2em;
font-weight : 400;
letter-spacing : 0;
margin : 0 0 4px 1px;
padding : 2px 0 0 0;
}
#header h4 {
font-family : montag;
color: #c98300;
font-size : 1.8em;
font-weight : 400;
letter-spacing : 0;
margin : 0 0 4px 1px;
padding : 2px 0 0 150px;
}

/* Menu */

#outer {width:960px; height:350px; background: #000; position:relative;}
.pad1 {width:51px; height:25px; background:#fc0; float:left; margin-top:3px; margin-right:3px; border:1px solid #000;}
.pad2 {width:40px; height:25px; background:#fc0; float:left; margin-top:3px; border:1px solid #000;}
.topline {width:748px; height:3px; border:1px solid #000; background:#fc0; font-size:1px;}

#menu {
list-style-type:none; 
padding:0; 
margin:0 0 4px 60px;
}

#menu ul {
list-style-type:none; 
padding:0; 
margin:0;
}

#menu li {
float:left; 
background: transparent; 
margin:3px 3px 0 0;  
width:110px; 
height:25px;
}

#menu li.sub {
background:#000;
}

/* for IE5.5 and IE6 only */

#menu li a {
display:block; 
color:#fff; 
height:25px; 
font-family: montag, tahoma, sans-serif; 
font-size: 1.0em; 
line-height:24px; 
width:110px; 
text-decoration:none; 
text-align:center;
}

#menu li a table {
position:absolute; 
left:0; 
top:-1px; 
border-collapse:collapse; 
width:0; 
height:0;
}

#menu :hover {

background: transparent; 
position:relative;
}

#menu :hover > a {
color:#c98300; 
background: transparent; 
text-decoration: none
}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {
visibility:hidden; 
width:0; 
height:0; 
overflow:hidden;
}

#menu :hover ul {
visibility:visible; 
overflow:visible; 
position:absolute; 
height:auto; 
width:128px; 
left:-1px;top:26px; 
background:url(transparent.gif);
} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
visibility:visible; 
overflow:visible; 
height:auto; 
width:128px; 
padding:9px 3px; 
left:100px; 
top:0;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
visibility:visible; 
overflow:visible; 
height:auto; 
width:128px; 
padding:9px 3px; 
left:-106px; 
top:0;
}

/* Leftside - allows for expansion */

#leftside {
float : left;
display: block;
border-color: #fff;
line-height : 1.4em;
margin : 0 0 40px 0;
padding : 0 0 0 8px;
width : 200px;
}

#leftside ul {
float : left;
display: block;
list-style: none;
border-color: #fff;
line-height : 1.4em;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 200px;
}

#leftside p {
font-family: verdana;
color: #fff;
}

#leftside h2 {
font-family : trajan pro;
letter-spacing : 1px;
color : #c98300;
font-size : 1.3em;
padding : 0;
}

#leftside a {
background : inherit;
color : #c98300;
font-size : 1.0em;
text-decoration : none;
font-weight : 400;
}
#leftside a:hover {
background : inherit;
color : #c98300;
font-size : 1.0em;
text-decoration : underline;
font-weight : 400;
}

/* Rightside - allows for expansion */

#rightside {
float : right;
color : #fff;
line-height : 1.4em;
margin : 0 0 0 7px;
padding : 0 8px 0 0;
width : 200px;
}

#rightside ul {
font-family : verdana;
font-size : 1.1em;
color : #a0a0a0;
line-height : 1.4em;
margin : 0 0 0 20px;
padding : 0 0 0 30px;
}
#rightside p, #rightside ul {
font-family : verdana;
font-size : 1.1em;
color : #a0a0a0;
line-height : 1.4em;
margin : 0 0 0 20px;
padding : 0 0 0 5px;
}

#rightside ul li {
float : left;
line-height : 1.2em;
list-style : none;
margin : 0 10px 0 0;
padding : 0;
}

#rightside a:hover {
color : #4055a1;
text-decoration : underline;
}

/* General Content */

#content {
line-height : 1.5em;
margin : 0 10px 0 10px;
padding : 20px 0 10px 0;
text-align : left;
}
#content p {
font-family: trajan pro;
font-size : 0.8em;
}
#contentwide {
line-height : 1.5em;
margin : 0 10px 5px 5px;
padding : 0 10px 0 5px;
text-align : left;
}
#contentwide p {
font-family : verdana, arial;
font-size : 1.1em;
padding : 0 0 0 20px;
}
#content h1, #contentwide h1 {
font-family : trajan pro;
font-size : 2.5em;
font-weight : 550;
color : #fff;
}
#content h2 {
font-family : trajan pro;
letter-spacing : 1px;
color : #fff;
font-size : 1.5em;
padding : 0;
}
#content h3 {
font-family : trajan pro;
letter-spacing : 1px;
color : #000000;
font-size : 1.2em;
padding : 0;
}
#contentwide h2 {
font-family: montag;
font-size : 1.6em;
font-weight : 400;
color : #c98300;
letter-spacing : normal;
margin : 8px 0 0 20px;
padding : 0;
}
#contentwide h3 {
font-family: montag;
font-size : 1.1em;
font-weight : 400;
color : #c98300;
margin : 8px 0 0 6px;
padding : 0;
}
#content h4, #contentwide h4 {
font-size : 1.3em;
font-weight : 400;
color : #c98300;
letter-spacing : -1px;
margin : 8px 0 0 6px;
padding : 0;
}
#content h5, #contentwide h5 {

font-size : 1.2em;
font-weight : 600;
color : #4055A1;
margin : 6px 0;
padding : 0;
}
#content img, #contentwide img {
background : #ccc;
border : none;
color : #303030;
display : inline;
padding : 0;
margin : 0 10px 10px 0;
}
#content ul, #content ol {
margin : 0 0 16px 1px;
padding : 0;
}
#contentwide ol {
margin : 0 0 0 1px;
}
#content ul ul, #content ol ol,  #contentwide ol ol {
margin : 2px 0 2px 5px;
}
#content li {
margin : 0 0 2px 5px;
padding : 0;
}
#contentwide a {
background : inherit;
color : #c98300;
font-size : 1em;
text-decoration : none;
font-weight : 400;
}

/* Image Gallery - Weddings */



.photo {
position:relative; 
width:732px; 
height:382px;
margin: 0 0 0 60px;
}

.photo ul, .photo ul ul {
padding:0; 
margin:0; 
border:0; 
list-style:none; 
width:215px;
}

.photo ul ul {
margin-left:-9999px; 
height:0; 
overflow:hidden;
}

.photo ul li {
width:215px;  
float:left; 
background: transparent;
}

.photo ul li a.set {
display:block; 
text-align:center; 
height:30px; 
line-height:30px; 
color: #fff;
border: 1px solid;
border-color: #c98300;
background: none; 
font-family: verdana, arial, sans-serif; 
font-size:11px; 
text-decoration:none;
}
 
.photo ul li table {
margin:; 
padding:0; 
display:none;
}
 
.photo ul li a.set:hover {
background:transparent;
}

.photo ul li:hover a.set {
background:transparent;
}
 
.photo ul :hover b {
display:block; 
width:546px; 
height:378px; 
background:#ccc; 
border:1px solid #888; 
position:absolute; 
left:250px; 
top:0;
}
 
.photo ul :hover table {
padding:0; margin-top:-2px; 
display:block; 
border:1px solid #c98300; 
border-width:0 1px 1px 1px;
}
 
.photo ul :hover ul {
margin:0; 
width:207px; 
overflow:visible; 
height:207px; 
background:transparent;
}
 
.photo ul :hover ul li {
float:left; 
display:inline; 
width:56px; 
margin:2px 6px; 
background:transparent;
}
 
.photo ul :hover ul li a {
background:transparent;
}
 
.photo ul :hover ul li a img.thumb {
margin:3px; 
display:block; 
border:0;
}
 
.photo ul :hover ul li a img.full {
position:absolute; 
left:-9999px; 
top:0; 
border:0;
}
 
.photo ul :hover ul li a:hover img.thumb {
margin:0; 
border:3px solid #fc0;
}
 
.photo ul :hover ul li a:hover {
background: none;
}
 
.photo ul :hover ul li a:hover img.full {
left:250px; 
z-index:0; 
border:1px solid #000;
}
 
.photo .default {
width:548px; 
height:380px; 
position:absolute; 
left:250px; 
top:0; 

}

/* Image Gallery - Events and Journalism */

#gallery {
width:728px; 
height:380px;
margin: 0 0 0 105px; 
padding:10px; 
background: transparent; 
position:relative; 
}

#gallery b.default {
position:absolute; 
left:10px; 
top:10px; 
width:548px; 
height:380px; 
text-align:center;
}

#gallery b.default img {
display:block;
margin:0 auto 10px auto; 

}

#gallery b.default span {
display:block; 
color:#fff; font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
}
 
#gallery ul {
list-style:none; 
padding:0; 
margin:0; 
width:180px; 
position:relative; 
float:right;
}

#gallery ul li {
display:inline; 
width:52px; 
height:52px; 
float:left; 
margin:0 0 5px 5px;
}

#gallery ul li a {
display:block; 
width:50px; 
height:50px; 
text-decoration:none; 

}

#gallery ul li a span {
display:none;
}

#gallery ul li a img {
display:block; 
width:50px; 
height:50px; 
border:0;
}

#gallery ul li a:hover {
white-space:normal; 
border-color:#000; 
background:#000;
}

#gallery ul li a:hover b {
position:absolute; 
left:-548px; 
top:0; 
width:548px; 
height:380px; 
text-align:center; 
background:#000; 
z-index:20;
}

#gallery ul li a:hover span {
display:block; 
color:#fff; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
}

#gallery ul li a:hover img {
margin:0 auto 10px auto; 
width:auto; 
height:auto; 
border:1px solid #000; 
border-color:#000;
}
 
#gallery ul li a:active, #gallery ul li a:focus {
white-space:normal; 
border-color:#555 #ddd #eee #333; 
background:#777;
}

#gallery ul li a:active b, #gallery ul li a:focus b {
position:absolute; 
left:-548px; 
top:0; 
width:548px; 
height:380px; 
text-align:center; 
background:#888; 
z-index:10;
}

#gallery ul li a:active span, #gallery ul li a:focus span {
display:block; 
color:#fff; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
}

#gallery ul li a:active img, #gallery ul li a:focus img{
margin:0 auto 10px auto; 
width:auto; 
height:auto; 
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;
}

/* Footer */

#footer {
clear : both;
background: inherit;
font-size : 0.9em;
margin : 0 auto;
text-align : center;
width : 960px;
}
#footer p {
margin : 0;
padding : 0;
}
#footer a {
background : inherit;
font-family : tahoma;
font-size : 0.9em;
color : #c98300;
font-weight : 400;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}

/* Misc. */

a {
background : inherit;
color : #fff;
text-decoration : none;
font-weight : 400;
}
a:hover {
background : inherit;
color : #286ea0;
text-decoration : underline;
}
a img {
border : 0;
}
p {
margin : 0 0 16px;
}
.special {
font-size : 0.8em;
line-height : 1.2em;
margin : 0 5px 0 0;
}
.left {
float : left;
margin: 0 0 0 40px;
}
.img_right {
float: right;
border: none;
margin: 25px 10px 0 0;
padding: 0 0 0 10px;
}
.img_left {
float: left;
border: none;
margin:1px 0 0 175px;
padding: 0 5px 0 0;
}
.img_center {
display: block;
border: none;
text-align: center;
margin: 0 auto;
padding: 0 0 0 1px;
}
.left_logo {
float : left;
height : 225px;
width : 202px;
border : none;
}
.right_logo {
float : right;
border : none;
padding : 30px 0 0 0;
}
.left_dwg {
float : left;
border-right : 0;
padding : 0 0 20px 10px;
}
.right {
float : right;
border : none;
}
.center {
display : block;
text-align : center;
margin : 0 auto;
}
.textright {
margin : -10px 0 4px;
text-align : right;
}
.center {
text-align : center;
}
.small {
font-size : 0.8em;
}
.large {
font-size : 1.3em;
}
.left {
float : left;
margin : 10px 10px 5px 0;
}
.bio {
list-style : none;
font-family : verdana;
font-size : 1.1em;
}
.profile {
list-style : none;
float : left;
font-family : verdana;
}
