body, html {width:100%; height:100%; margin:0; padding:0; font-size:12px; line-height:15px; font-family:Verdana, Geneva, sans-serif; color:#028ac5; background:#018ac5 url(../images/bg_gradient_blue.png) 0 bottom fixed repeat-x}

a:active, a:focus {outline:none;}
a img {border:none}

#top {position:fixed; width:100%; height:130px; top:0; left:0; background:#FFF url(../images/bg_dots_green_horizontal_M.png) 0 123px repeat-x}
#logo {position:absolute; width:232px; height:60px; top:25px; left:0;}
#container {position:relative; width:960px; height:auto; margin:0 auto}
#swoosh_main {position:absolute; width:394px; height:484px; top:0; right:-70px; background:url(../images/swoosh_main.png) no-repeat; z-index:1}
#swoosh_over_photo {position:absolute; width:257px; height:295px; top:0; right:-19px; background:url(../images/swoosh_over_photo.png) no-repeat; z-index:201}
#swoosh_over_menubar {position:absolute; width:53px; height:40px; top:0; right:271px; background:url(../images/swoosh_over_menubar.png) no-repeat; z-index:201}
#header {position:relative; width:100%; height:108px;}

#menubarcontainer {position:relative; width:100%; height:40px; padding:0 0 41px 0; z-index:3;}
#menubar {position:relative; width:960px; height:32px; padding:4px 0; top:0; background:url(../images/bg_menubar_middle.png) repeat-x;}
#items {position:relative; width:966px; height:100%; padding:0; margin:0 0 0 -3px; list-style-type:none}
#menubar .right {position:absolute; width:9px; height:40px; top:0; right:-9px; background:url(../images/bg_menubar_right.png) no-repeat}
#menubar .left {position:absolute; width:9px; height:40px; top:0; left:-9px; background:url(../images/bg_menubar_left.png) no-repeat}

#login {position:absolute; width:267px; height:auto; padding:10px 0; top:50px; right:5px; background-color:#F5F5F5; visibility:hidden; z-index:301}
#login .top_middle {position:absolute; width:100%; height:9px; top:-9px; left:0; background:url(../images/bg_shade_grey_top_middle.png) repeat-x}
#login .right_top {position:absolute; width:19px; height:19px; top:-9px; right:-19px; background:url(../images/bg_shade_corner_grey_right_top.png) no-repeat}
#login .right_middle {position:absolute; width:10px; height:auto; top:10px; bottom:10px; right:-10px; background-color:#F5F5F5}
#login .right_middle .shade {position:absolute; width:9px; height:auto; top:0; bottom:0; right:-9px; background:url(../images/bg_shade_grey_right_middle.png) repeat-y}
#login .right_bottom {position:absolute; width:19px; height:19px; bottom:-9px; right:-19px; background:url(../images/bg_shade_corner_grey_right_bottom.png) no-repeat}
#login .bottom_middle {position:absolute; width:100%; height:9px; bottom:-9px; left:0; background:url(../images/bg_shade_grey_bottom_middle.png) repeat-x}
#login .left_bottom {position:absolute; width:19px; height:19px; bottom:-9px; left:-19px; background:url(../images/bg_shade_corner_grey_left_bottom.png) no-repeat}
#login .left_middle {position:absolute; width:10px; height:auto; top:10px; bottom:10px; left:-10px; background-color:#F5F5F5}
#login .left_middle .shade {position:absolute; width:9px; height:auto; top:0; bottom:0; left:-9px; background:url(../images/bg_shade_grey_left_middle.png) repeat-y}
#login .left_top {position:absolute; width:19px; height:19px; top:-9px; left:-19px; background:url(../images/bg_shade_corner_grey_left_top.png) no-repeat}

#top .content {position:relative; width:970px; height:100%; margin:0 auto;}

#frame {position:relative; width:100%; height:auto; z-index:2}
.top_middle {position:absolute; width:100%; height:4px; top:-4px; left:0; background:url(../images/bg_shade_top_middle.png) repeat-x}
.right_top {position:absolute; width:9px; height:9px; top:-4px; right:-9px; background:url(../images/bg_shade_corner_right_top.png) no-repeat}
.right_middle {position:absolute; width:5px; height:auto; top:5px; bottom:5px; right:-5px; background-color:#FFF}
.right_middle .shade {position:absolute; width:4px; height:auto; top:0; bottom:0; right:-4px; background:url(../images/bg_shade_right_middle.png) repeat-y}
.right_bottom {position:absolute; width:9px; height:9px; bottom:-4px; right:-9px; background:url(../images/bg_shade_corner_right_bottom.png) no-repeat}
.bottom_middle {position:absolute; width:100%; height:4px; bottom:-4px; left:0; background:url(../images/bg_shade_bottom_middle.png) repeat-x}
.left_bottom {position:absolute; width:9px; height:9px; bottom:-4px; left:-9px; background:url(../images/bg_shade_corner_left_bottom.png) no-repeat}
.left_middle {position:absolute; width:5px; height:auto; top:5px; bottom:5px; left:-5px; background-color:#FFF}
.left_middle .shade {position:absolute; width:4px; height:auto; top:0; bottom:0; left:-4px; background:url(../images/bg_shade_left_middle.png) repeat-y}
.left_top {position:absolute; width:9px; height:9px; top:-4px; left:-9px; background:url(../images/bg_shade_corner_left_top.png) no-repeat}

#frame .photo {position:relative; width:100%; padding:5px 0; background-color:#82BB26;}
#frame.main .photo {height:290px;}
#frame.sub .photo {height:210px;}
#frame.sub #swoosh_over_photo {display:none !important}
#frame .photo .right_top {position:absolute; width:5px; height:5px; top:0; right:-5px; background:url(../images/bg_corner_green_right.png) no-repeat}
#frame .photo .right_middle {position:absolute; width:5px; height:auto; top:5px; right:-5px; bottom:0; background-color:#82BB26}
#frame .photo .left_top {position:absolute; width:5px; height:5px; top:0; left:-5px; background:url(../images/bg_corner_green_left.png) no-repeat}
#frame .photo .left_middle {position:absolute; width:5px; height:auto; top:5px; bottom:0; left:-5px; background-color:#82BB26}
#frame .photo .inner {position:relative; width:100%; height:100%; background-color:#CCC}
#frame .photo .inner .top_middle {position:absolute; width:auto; height:9px; top:0; right:10px; left:10px; background:url(../images/bg_shade_innercorner_top_middle.png) repeat-x; z-index:101}
#frame .photo .inner .right_top {position:absolute; width:10px; height:10px; top:0; right:0; background:url(../images/bg_shade_innercorner_right_top.png) no-repeat; z-index:101}
#frame .photo .inner .right_middle {position:absolute; width:9px; height:auto; top:10px; right:0; bottom:10px; background:url(../images/bg_shade_innercorner_right_middle.png) repeat-y; z-index:101}
#frame .photo .inner .right_bottom {position:absolute; width:10px; height:10px; right:0; bottom:0; background:url(../images/bg_shade_innercorner_right_bottom.png) no-repeat; z-index:101}
#frame .photo .inner .bottom_middle {position:absolute; width:auto; height:9px; right:10px; bottom:0; left:10px; background:url(../images/bg_shade_innercorner_bottom_middle.png) repeat-x; z-index:101}
#frame .photo .inner .left_bottom {position:absolute; width:10px; height:10px; left:0; bottom:0; background:url(../images/bg_shade_innercorner_left_bottom.png) no-repeat; z-index:101}
#frame .photo .inner .left_middle {position:absolute; width:9px; height:auto; top:10px; bottom:10px; left:0; background:url(../images/bg_shade_innercorner_left_middle.png) repeat-y; z-index:101}
#frame .photo .inner .left_top {position:absolute; width:10px; height:10px; top:0; left:0; background:url(../images/bg_shade_innercorner_left_top.png) no-repeat; z-index:101}
#frame .photo .inner .subcontent {position:absolute; width:100%; height:100%}

#frame .content {position:relative; width:920px; height:auto; padding:20px; background-color:#FFF}

#footer {position:relative; width:100%; height:20px; padding:15px 0 10px 0; font-size:.9em}
#footer a {text-decoration:none; color:#028ac5}
#footer a:hover {text-decoration:underline}
#footer .dot {display:inline-block; width:6px; background:url(../images/bg_dots_green_horizontal_M.png) left center no-repeat; margin:0 10px}