/*	Colors used on site : 

footer : #
links : #
text : #
other :

*/

/*ie 6 overwrites:

* html #logo {
      background: url(../images/logosquare.jpg) no-repeat;
      width: 200px;
}

this will change a .png to a .jpg for a specific div or section */
/*------------------------------
			GLOBAL
-------------------------------*/
html {background: #111111;}
body {font-family: Verdana, aerial, sans-serif;text-align: center;background: #000000 url(../images/repeater.jpg) repeat-x top left;margin: 0 auto; font-size: small;}

img {border: none;}
.clear {clear:both;}
a:active{ outline: none;}
:focus{ -moz-outline-style: none;}
p {color: #fff; line-height: 180%;padding-top: 10px; padding-bottom: 10px; text-align:justify;}
/*------------------------------
			LAYOUT
-------------------------------*/
#container {width: 900px;margin: 0 auto;text-align: left;}
#container1 {width: 900px;margin-right: auto;margin-left: auto;	text-align: right;}
#header {float: left; width: 900px; height: 150px;background: url(../images/logo.jpg) no-repeat top left; }
#navcontainer {float: left; width: 450px;margin-top: 84px;}
#content { float: left; width: 900px;margin-bottom: 20px;}
#footer {clear: both;background: #111111 url(../images/footer.jpg) repeat-x top left;}
#left-nav {float: left; width: 170px;text-align: right;padding-right: 30px;}
#main {float: left; width: 700px;padding-bottom: 20px;min-height: 450px;font-size: 11px;}
#main .left {width: 330px; float: left;margin-right: 20px;margin-top: 15px;}
#main .right {width: 330px;float: left;margin-left: 20px;margin-top: 15px;}

/*------------------------------
			NAVIGATION
-------------------------------*/
#navcontainer ul {float: right; padding-top: 5px; padding-bottom: 5px;}
#navcontainer ul li {display: inline;font-size: 90%;list-style: none;text-decoration: none;padding-left: 5px; padding-right: 5px;}
#navcontainer a:link, #navcontainer a:visited {color: #666;text-decoration: none; }
#navcontainer a:hover {color: #fff; text-decoration:none;}
#navcontainer a:active {color: #fff;}

#header img {float: left; width: 450px;}

#left-nav ul {color: #666;}
#left-nav ul li {padding-top: 10px; padding-bottom: 10px; font-size: 105%;font-weight: bold;}
#left-nav ul li a {color: #666; text-decoration: none; padding-right: 10px;}
#left-nav ul li a:hover {color: #fff; background: url(../images/hover.jpg) no-repeat top right;}
#left-nav ul li a:active {color: #fff;}
#left-nav ul li ul li {font-size: 90%;padding-top: 3px; padding-bottom: 3px; font-weight: normal;margin-top: 0px;}
#left-nav ul li ul {margin-top: 3px;}
.no-link {padding-right: 10px;}

/*------------------------------
			LINKS
-------------------------------*/

a:link {color: #bed2dd;text-decoration: none;}
a:visited {color: #fff;}
a:hover {color: #fff; text-decoration: underline;}
a:active {color: #fff;}

body#index li#home a{color: #fff;}
body#about li#about a{color: #fff;}
body#contact li#contact a{color: #fff;}

body#portraits li#footer-portraits a{color: #fff;}
body#weddings li#footer-weddings a{color: #fff;}
body#fashion li#footer-fashion a{color: #fff;}
body#musicians li#footer-musicians a{color: #fff;}

/*------------------------------
			HEADINGS
-------------------------------*/

h1 {font-size: 1.6em;color: color: #bed2dd;}
h2 {font-size: 1.4em;color: color: #bed2dd;}
h3 {font-size: 1.3em; color: #bed2dd; padding-top: 15px; margin-bottom: 15px;clear: both;}
h4 {font-size: 1.0em;}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-hasFlash h1 { visibility:hidden; font-size: 200%; color: #bed2dd; background: none; z-index: 1; margin-left: 0px; }
.sIFR-hasFlash h2 { visibility:hidden; font-size: 180%; color: #bed2dd; background: none; z-index: 1; margin-left: 0px; }
.sIFR-flash { visibility:visible !important; }

.sIFR-replaced { visibility:visible !important; }

span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; letter-spacing:0; }

/*------------------------------
			LISTS
-------------------------------*/

ul#home-buttons {text-indent: -99999px;height: 220px;margin-top: 30px;margin-bottom: 50px;}
ul#home-buttons li {float: left; display: inline;}
ul#home-buttons li a {display: block; height: 200px; width: 200px;text-decoration: none;margin-right: 20px;margin-top: 10px; margin-bottom: 10px;}
ul#home-buttons li a:hover {background-position: 0 -200px;}

ul#home-buttons li a#weddings {background-image:url(../images/button-home-wedding.jpg);}
ul#home-buttons li a#portraits {background-image:url(../images/button-home-portraits.jpg);}
ul#home-buttons li a#fashion {background-image:url(../images/button-home-fashion.jpg);}
ul#home-buttons li a#musicians {background-image:url(../images/button-home-musicians.jpg);}



ul#packages-weddings {text-indent: -99999px;}
ul#packages-weddings li {float: left; display: inline;margin-left: 0px;margin-right: 0px;margin-bottom: 20px;margin-top: 10px;}
ul#packages-weddings li a {display: block; height: 160px; width: 160px;text-decoration: none !important;}
ul#packages-weddings li a:hover {background-position: 0 -160px;}

ul#packages-weddings li a#package1 {background-image:url(../images/button-package1.jpg);}
ul#packages-weddings li a#package2 {background-image:url(../images/button-package2.jpg);}
ul#packages-weddings li a#photographer {background-image:url(../images/button-photographer.jpg);}
ul#packages-weddings li a#products {background-image:url(../images/button-products.jpg);}

ul#packages-buttons {text-indent: -99999px;}
ul#packages-buttons li {float: left; display: inline;margin-left: 15px;margin-right: 15px;margin-bottom: 30px;margin-top: 10px;}
ul#packages-buttons li a {display: block; height: 200px; width: 200px;text-decoration: none !important;}
ul#packages-buttons li a:hover {background-position: 0 -200px;}

ul#packages-buttons li a#package1-portraits {background-image:url(../images/button-package1-portraits.jpg);}
ul#packages-buttons li a#package2-portraits {background-image:url(../images/button-package2-portraits.jpg);}
ul#packages-buttons li a#products-portraits {background-image:url(../images/button-products-portraits.jpg);}

#main ul {color: #fff;margin-top: 5px; margin-bottom: 15px;}
#main ul li{ padding-top: 5px; padding-bottom: 5px; list-style:disc;margin-left: 15px;line-height: 180%; text-align:justify;}

body#sitemap #main ul {margin-left: 20px;}
body#sitemap #main ul li {padding-top: 0px; padding-bottom: 0px; list-style:disc;line-height: 100%;padding-top: 3px;}
body#sitemap #main ul li ul {margin-left: 40px;}
/*------------------------------
			FOOTER
-------------------------------*/
#footer ul {text-align: center;padding-top: 10px;padding-bottom: 5px;}
#footer ul li {display: inline; font-size: 110%;}
#footer a:link, #footer a:visited {color: #666; text-decoration: none;}
#footer a:hover {color: #fff;}
#footer a:active {color: #fff;}
body#sitemap a#map {color: #fff;}

ul#footer-nav li {padding-left: 50px; padding-right: 50px;}

ul#info {font-size: 80%; color: #666; padding-left: 0; padding-right: 0;}
li#design {float: right;padding-bottom: 20px;padding-top: 5px; }
li#copyright {float: left;padding-bottom: 20px;padding-top: 5px; }

/*------------------------------
			MISC
-------------------------------*/
.bold {font-weight: bold; color: #bed2dd;}
.thumbnail {float: left;width: 140px;padding: 0;margin: 0;font-size: 90%;height: 150px;margin-top: 20px;margin-bottom: 10px;}
.thumbnail img {border: none;margin-bottom: 7px;padding: 5px;background: #fff;float: left;}
.thumbnail p {text-align: left;clear: both;padding: 0; margin: 0;}
#left-nav img {margin-bottom: 12px;margin-top: 3px;}
.thumbnail_wedding {float: left;width: 140px;padding: 0;margin: 0;height: 180px;text-align: center;	}
.thumbnail_wedding img {border: none;margin-bottom: 7px;padding: 5px;background: #fff;}
.sound {float: right;margin-top: 10px;}
.small { text-align:right;}
.small a {font-size: 11px; color: #666;}
.small a:hover {color: #fff;text-decoration: none;}

/*------------------------------
			FORMS
-------------------------------*/	
	
label {width: 230px;float: left;text-align: right;display: block;margin-right: 10px;}
fieldset {width: 600px;border: 1px solid #666;margin: 0;padding: 0;padding: 10px;background: #111;margin-top: 20px;}

/*------------------------------
body#commercial li#footer-commercial a{color: #fff;}
ul#home-buttons1 li a#commercial {background-image:url(../images/button-home-commercial.jpg);}
-------------------------------*/