/* CSS Document */

body  { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 }

#wrapper {width: 760px; margin-left: auto; margin-right: auto;}
#header  { background: url(../images/design/header-bg.gif) repeat-x; margin-top: 50px; width: 100%; height: 100px; display: block }
#header-left {float:left; width:350px;}
#header-right {float:right; height:100px; width:410px; background: url(../images/design/header-toprt.gif) no-repeat top right;}

/*header elements*/
#logo {width: 200px; height: 40px;}
#tagline {width:350px; height:30px; background: url(../images/design/tagline.gif) no-repeat top right;}
#logo2 {width: 350px; height: 100px;}

.contact,.contact2  { color: #9a9a9a; font-size: 85%; float: right; padding: 30px 10px 0 0 }
.contact a {color:#9a9a9a; text-decoration:none; }
.contact a:hover {/*color:#e7227a*/ color:#f09;}
.contact2 a { color: #f09; text-decoration: none }
.contact2 a:hover { color: #9a9a9a; text-decoration: underline }
.blue-square {clear: right; float: right; width: 192px; height: 42px; background:url(../images/design/blue-square.gif) no-repeat bottom right; border-left: 3px solid #fff; border-top: 3px solid #fff; margin-top:11px;}
.grey-square {float: right; width: 210px; height: 42px; background:url(../images/design/grey-square.gif) no-repeat bottom right; border-top: 3px solid #fff; border-left: 3px solid #fff; margin-top:11px;}

/*navigation*/
#nav {width: 760px; height:24px; padding:0; margin: 0; border-bottom: 3px solid #fff; background-color:#e7227a; clear:both; border-top: 3px solid #fff;}
#nav li {display:block; list-style-type:none; margin:0; float:left; }
#nav li a {padding: 4px 19px 4px 19px; border-right: 3px solid #fff; color:#fff; text-decoration: none; font-weight:bold; font-size: 110%; line-height: 1.7em; letter-spacing: -1px; }
#nav li a:hover {background-color: #03f;}

/*content*/
#content {}
#slideshow {width: 563px; height:139px; float:left;}
#news  { color: #898989; font-size: 85%; float: right; margin-top: 5px; width: 185px; overflow: hidden }
.newsitem { margin-bottom: 5px }
#news a  { color: #e7227a; font-weight: bold; text-decoration: underline }
#news a:hover { color: #e7227a; font-weight: bold; text-decoration: none }
/*defaultpage content elements*/
#sidebar{width:192px; height:230px; display:table; float:right;}
#bodytext { font-size: 1.1em; background-color: #ccc; letter-spacing: -1px; float: left; width: 563px }
#bodytext2 { font-size: 1.1em; background-color: #ccc; letter-spacing: -1px; float: left; width: 760px }
h1   { color: #03f; font-size: 1.1em; letter-spacing: -1px; margin: 10px; padding: 0 }
#bodytextp { font-size: 85%; line-height: 150%; float: left; margin: 0; padding: 10px; }
a {color:#E72279; text-decoration:none;}
a:hover {color:#E72279; text-decoration:underline;}
.required { color: #e72279 }

#hptxt { width: 100%; background-color: #ccc; margin-top: 4px; }
.hpcontent { color: #666; letter-spacing: -1px; padding: 10px; }
.hpcontent h1 { color: #03f; font-size: 1.1em; letter-spacing: -1px; margin-left: 0; padding: 0 }


/*gallery div styles*/
#gallery {width:100%; height:115px; clear:both; border-top: 4px solid #fff; border-bottom: 4px solid #fff; display: block; background-color:#ccc;}
#gallery div a strong {font-size: 110%}
#gallery div {float:left; text-align:center; letter-spacing:-1px;  padding:0; margin:0;}
#gallery div a.landscape {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:115px; width:183px; display:block; background:#999 url(../images/design/gal-landscape.jpg) no-repeat top }
#gallery div a.wedding {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:115px; width:136px; display:block; background: #999 url(../images/design/gal-wedding.jpg) no-repeat top }
#gallery div a.architecture {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:115px; width:139px; display:block; background: #999 url(../images/design/gal-architecture.jpg) no-repeat top }
#gallery div a.urban {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:90px; width:93px; display:block; margin-top:22px; border-top: 3px solid #fff; background: #999 url(../images/design/gal-urban.jpg) no-repeat top }
#gallery div a.children {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:90px; width:91px; display:block; margin-top:22px; border-top: 3px solid #fff; background: #999 url(../images/design/gal-children.jpg) no-repeat top }
#gallery div a.collage {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:90px; width:98px; display:block; margin-top:22px; border-top: 3px solid #fff; border-right:none; background: #999 url(../images/design/gal-collage.jpg) no-repeat top }
#gallery div a:hover {background-color:#0000FF}

/*to position gallery link text*/
.landscape span, .wedding span, .architecture span {display:block; padding-top:92px;}
.urban span, .children span, .collage span {display:block; padding-top:67px;}

/*plain gallery links*/
#gallnav {width:100%; height:25px; clear:both; border-top: 4px solid #fff; border-bottom: 4px solid #fff; display: block; background-color:#999; line-height:175%}
#gallnav div a strong {font-size: 110%}
#gallnav div {float:left; text-align:center; letter-spacing:-1px;  padding:0; margin:0;}
#gallnav div a.landscape {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:25px; width:183px; display:block; }
#gallnav div a.wedding {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:25px; width:136px; display:block;  }
#gallnav div a.architecture {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:25px; width:139px; display:block; }
#gallnav div a.urban {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:25px; width:93px; display:block;}
#gallnav div a.children {border-right: 4px solid #fff; color:#fff; text-decoration:none; height:25px; width:91px; display:block;}
#gallnav div a.collage {border-right: none; color:#fff; text-decoration:none; height:25px; width:98px; display:block;}
#gallnav div a:hover {background-color:#0000FF}

.nothing {clear:both;}

#searchbox {float:left; width: 182px; height: 90px; background-color:#e7227a; color:#fff; font-size:85%;}
#searchbox div {margin:.6em .75em .75em .75em; padding:0;}
.searchinput   { color: black; font-size: 85%; background-color: #ec64a2; margin-bottom: 3px; border-style: solid; border-width: 1px; border-color: #888 #fff #fff #999; width: 130px }
.searchbutton { color: white; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-color: #e7227a; padding-right: 0px; padding-left: 0px; border: solid 1px #e7227a }
.submitbutton { color: white; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-color: #e7227a; padding-right: 0px; padding-left: 0px; border: solid 1px #e7227a }


#quotes { float:left; width:380px; height:90px; display:block; background-color:#ccc; text-align:center; vertical-align:middle;}
#quotes p { margin:1.25em; color:#666; font-size:1em; line-height:150%;}

#chat { float: right; width: 193px; height: 90px; background-color:#ccc; }
#chatcontent { padding: 0; }

.input  {  font-family: Arial, Helvetica, sans-serif; color: black; font-size: 85%; background-color: #ec64a2; margin-bottom: 3px; border-style: solid; border-width: 1px; border-color: #888 #fff #fff #999; width: 300px }
/*bottom nav*/
#nav2 {padding: 0 0 0 0; margin: 5px 0 0 0; text-align:center; display:block;}
#nav2 li {list-style-type:none; display:inline; text-align:center;}
#nav2 li a {color:#9a9a9a; text-decoration:none; font-size:0.8em; padding: 0 8px 0 5px; border-right: 1px solid #9a9a9a; border-left: 1px solid #fff; line-height:50%;}
#nav2 li a:hover {color:#e7227a}
/*footer styles*/
#footer1 a{width:323px; height:40px; margin-top: 5px; display:block; background:url(../images/design/footer-assoc.gif) no-repeat; float:left;}
#footer1 a:hover{background:url(../images/design/footer-assoc-alt.gif)}
#footer2 {color:#9a9a9a; text-decoration:none; font-size:.8em; padding:22px 0 0 0; text-align:right;}
#footer2 a{text-decoration:none; color:#9a9a9a;}
#footer2 a:hover {color:#e7227a}
.invisible {display:none}
form { margin: 0px; padding: 0px }
td { font-size: 11px; font-family: Arial, Helvetica, sans-serif }
.galleryitem  { text-align: center; float: left; margin-right: 15px; margin-bottom: 15px; border-style: solid; border-width: 1px; border-color: white #9d9da1 #9d9da1 white; width: 150px; height: 150px }
.galleryimage  { margin-top: 8px }
.gallerytext { color: white; font-weight: bold; margin: 0px; padding-top: 3px; padding-left: 9px }