/* BIG BLUE DESIGN - stylesheet desgin & development Dan Gray - www.dangray.com.au     */


* {margin:0px; padding:0px;}

img, div,li a { behavior: url(/iepngfix.htc) }

body {font-family:arial,helvetica,sans-serif;background:url('images/wallpaper.gif') top left repeat #506e80; }

p { font-size:12px; color:#666666;margin-bottom:1em;}
li { font-size:12px; color:#555;}
a { text-decoration:none; color:#333;}
a:hover { color:#888;}
img {border:0px;}

#wrapper {width:100%;background:url('images/back.gif') top left repeat #deddd3;text-align:center;}
#wrapper-footer {width:100%;background:url('images/footer-fade.png') top left repeat-x;}



#header, #content, #footer {width:940px; position:relative; text-align:left;margin:0 auto;}

#header {height:150px;background:url('images/light_header.png') top center no-repeat;}

#header h1 { position:absolute; top:0px; left:-30px; z-index:100;}

    #menu { position:absolute; bottom:30px; right:0px; width:620px; background:url('images/line.png') bottom left repeat-x;}
    #menu ul {list-style-type:none;}
    #menu li {display:block;float:left; }
    #menu li a {display:block; line-height:30px; height:30px;width:90px;margin:0 8px 0 7px; background-image:url('images/menu.png');background-position:0px 0px;}
    #menu li a:hover {background-position:0 -30px;}
    #menu li a span {display:none;}
    
        /* individual menu items */
        #menu li a#menu1 {background-position:-10px 0; width:60px;}
        #menu li a#menu1:hover {background-position:-10px -30px;}
        
        #menu li a#menu2 {background-position:-95px 0;width:60px;}
        #menu li a#menu2:hover, #menu li.active a#menu2 {background-position:-95px -30px;}
        
        #menu li a#menu4 {background-position:-178px 0;}
        #menu li a#menu4:hover, #menu li.active a#menu4 {background-position:-178px -30px;}
        
        #menu li a#menu6 {background-position:-290px 0;width:120px}
        #menu li a#menu6:hover, #menu li.active a#menu6 {background-position:-290px -30px;}
        
         #menu li a#menu5 {background-position:-435px 0;}
        #menu li a#menu5:hover, #menu li.active a#menu5 {background-position:-435px -30px;}
        
        #menu li a#menu97 {background-position:-550px 0;}
        #menu li a#menu97:hover, #menu li.active a#menu97 {background-position:-550px -30px;}
        
    
#content {width:630px; padding-left:330px; padding-bottom:80px;background:url('images/light_content.png') top center no-repeat;}

#content h1 {font-size:24px; font-weight:normal;}
#content h3 {font-size:16px; font-weight:normal; padding:20px 0 5px 0;}

    #banner {margin-left:-330px; width:960px;}
    #banner p {margin:0px;}
        #occasional {margin:5px -10px -5px 10px;}
        #birthday {}
        #sympathy {}

    #sidebar {position:absolute; top:0px; left:10px; width:300px; margin-right:20px;}
    #sidebar ul {}
    #sidebar li {line-height:30px; list-style-type:none;padding-left:50px;}
    #sidebar li a {color:#887;}
    #sidebar li.active a {color:#000;}
    #sidebar h2 {padding-left:50px;line-height:30px;padding-top:10px;}
    
    #range {padding-top:10px;}
    
    form ul {list-style:none;background:url('images/line.png') top left repeat-x;padding-top:20px;margin-top:20px;}
    form li {padding:5px 0;}
    form li label {float:left; width:160px;}
    form li input {width:320px;}
    form li select {width:320px;}
    form li textarea {width:320px; height:150px;}
    div.errors {font-size:11px; color:#900;padding:10px 0;}

#footer {padding:40px 0 80px;}
    #footer p, #footer li, #footer a {color:#abbac2;font-size:11px;}
    #footer a:hover {color:#fff;}
    
    #footer li {list-style:none;line-height:18px;}
    #footer h2 {border-bottom:1px solid #698292;margin-bottom:5px;font-weight:normal; font-style:italic;}
    
    #copyright {width:300px;float:right;}
    #sitemap, #cards {float:right; width:140px; margin-right:20px;}
    
    
/* dragonflies */
#df-about {position:absolute;top:120px; left:180px;}
#df-home {position:absolute;bottom:50px; left:210px;}
#df-sympathy {position:absolute;top:350px; left:140px;}
#df-birthday {position:absolute;bottom:90px; right:40px;}   
#df-occasional {position:absolute;top:550px; left:170px;}
#df-baby {position:absolute;bottom:30px; right:80px;}
#df-custom {position:absolute;top:150px; left:190px;}
#df-tags {position:absolute;top:220px; left:30px;}
#df-artwork {position:absolute;top:60px; left:110px;}
#df-contact {position:absolute;top:90px; left:130px;}


/* cards */
div.thumbnail {float:left; width:150px; height:180px; margin:0 6px 6px -3px;background:url('images/polaroid.png') center left no-repeat;display:block; padding:0 2px 4px;position:relative;text-align:center;}
div.thumbnail .text {position:absolute; top:150px; left:7px; color:#666; font-size:11px; width:150px;text-align:left;}
div.thumbnail .id {position:absolute; bottom:7px; right:7px; color:#aaa; font-size:10px;}
div.thumbnail img {margin:5px;}
br.clear {clear:both;}

#set {margin:-40px 10px -20px 10px; padding:0px;}
#range {clear:both;background:url('images/line.png') top left repeat-x;padding-top:20px;}

#detail {background:url('images/detail_logo.gif') 320px 320px no-repeat #fff; width:480px; height:400px; display:block; border:9px solid #fff;margin:5px;}
#detail img {float:left;margin-right:10px;border:1px solid #ddd;}
#detail p {margin-right:0px;color:#333; font-size:11px; line-height:15px;margin-bottom:0px;}
#detail h3 {font-weight:normal; padding-top:40px; padding-bottom:10px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {}
#TB_secondLine {}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay { display:none; position: fixed; z-index:100; top: 0px; left: 0px;height:100%; width:100%; }

.TB_overlayMacFFBGHack {background: url('images/macFFBgHack.png') repeat;}
.TB_overlayBG { background-color:#000;/*	filter:alpha(opacity=33);-moz-opacity: 0.33; opacity: 0.33;*/}

#TB_window 		{position: fixed; background:url('images/detail_shadow.png') top left no-repeat; z-index: 102; display:none; padding:0 0 5px 0; text-align:left; top:50%; left:50%;}

#TB_closeWindow		{ padding:0; float:right; }

#TB_closeAjaxWindow	{ padding:0; text-align:right; float:right; }
#TB_ajaxWindowTitle	{ display:none; }
#TB_title		{ position:absolute; top:12px ;right:50px; font-size:11px;}
#TB_ajaxContent		{ clear:both; padding:0px; overflow:visible; text-align:left;}

#TB_ajaxContent.TB_modal{ padding:0px; }

#TB_load		{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}


/* ie6 hack */
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
* html #TB_HideSelect {  position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}