/* - GLOBAL
=========================================================================*/
* { margin:0 }
html, body { height:100% }
body { font:14px Arial, Helvetica, sans-serif; color:#fff; background-position:50% 98%; background-repeat:no-repeat; margin:0 auto }
	body#background01 { background-image:url(../images/backgrounds/sunflower01.jpg) }
	body#background02 { background-image:url(../images/backgrounds/lighthouse01.jpg) }
	body#background03 { background-image:url(../images/backgrounds/bridge.jpg) }
	body#background04 { background-image:url(../images/backgrounds/ripple.jpg) }
	body#background05 { background-image:url(../images/backgrounds/sunflower02.jpg) }
	body#background06 { background-image:url(../images/backgrounds/island.jpg) }
	body#background07 { background-image:url(../images/backgrounds/city.jpg) }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0 }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#06F; -moz-outline-width:0; outline:none }
a:hover { color:#000; border:0 none }
em, i { font-style:italic }
strong, b { font-weight:bold }

p { padding:3px 10px 3px 0 }

.sup { position:relative; top:-1px }

/* - WRAPPERS
=========================================================================*/
#MainWrap { position:relative; width:820px; min-height:100%; height:auto !important; height:100%; margin:0 auto -49px }

/* - HEADER
=========================================================================*/
#Header { width:818px; height:128px; margin:0 auto }
#Header .backtozmd { float:left; margin:30px 0 0 }
#Header .logo { float:right; margin:30px 0 0 }

/* - CONTENT
=========================================================================*/
.bundle { position:absolute; right:192px; top:250px; z-index:100 }

.column { float:left; width:269px; padding:0 0 30px }
	.column.ivista2 { margin:0 6px }
.column .theme { float:left; position:relative; width:235px; height:242px; font-size:16px; font-weight:bold; color:#fff; text-shadow:0 1px .1em #000; text-decoration:none; padding:10px 0 0 30px; margin:0 2px -40px }
	.column.ivista .theme { background:url(../images/main_photo_ivista.png) }
	.column.ivista2 .theme { background:url(../images/main_photo_ivista2.png) }
	.column.ivista3 .theme { background:url(../images/main_photo_ivista3.png) }

.info { float:left; clear:left; width:269px; height:229px; background:url(../images/bkg-info.png); text-shadow:0 1px .1em #000; text-align:center; padding:40px 0 0 }
.info ul { font-size:22px; padding:5px 0 26px }
.info li { padding:24px 0 0 }

.button { float:left; width:135px; height:21px; font-weight:bold; color:#fff; background:url(../images/buttons-green_blue.png); text-decoration:none; padding:4px 0 0; margin:0 0 0 68px }
.button.twobtns { margin:0 0 0 19px }
.button:hover { color:#fff; text-shadow:0 1px .1em #222; background-position:0 -25px }
.button.blue { background-position:0 -50px }
.button.blue:hover { background-position:0 -75px }
.button.black { float:right; width:84px; background:url(../images/buttons-black.png); margin:0 19px 0 0 }
.button.black:hover { background-position:0 -25px }

#MainWrap .infocontent { display:none }
.infocontent { overflow:auto; height:500px; font:12px/1.5em Arial, Helvetica, sans-serif; color:#333 }
.infocontent h2 { font-size:22px; padding:0 0 10px }
.infocontent ul { padding:5px 20px 10px }
.infocontent li { list-style-type:disc }
.infocontent img { border:1px solid #ccc; padding:1px; margin:0 0 5px }
.infocontent .postlink { font-size:14px; font-weight:bold }
.infocontent .button { line-height:normal; text-align:center; text-shadow:0 1px .1em #000; margin:10px 10px 0 0 }

.photolegal { position:absolute; bottom:60px; right:15px; font-size:11px; color:#fff; text-shadow:0 1px #000 }
.photolegal a { color:#eee; border-bottom:1px dotted #fff; text-decoration:none }

/* - FOOTER
=========================================================================*/
#Footer, .push { height:49px }
#Footer { position:relative; background:url(../images/bkg-footer.png); z-index:10 }
#Footer .footer_content { position:relative; width:820px; font-size:12px; color:#fff; text-shadow:0 1px #000; padding:17px 0 0; margin:0 auto; z-index:100 }
#Footer .footer_content a { color:#1DCAFF; text-decoration:none; margin:0 10px }
#Footer .footer_content a:hover { color:#fff }
#Footer .footer_content a.whitelink { color:#fff; margin:0 }