/* CSS Document */
html {height:100%}
body {font:12px/15px arial,san-serif; color:#9a9a9f; margin:0; padding:70px 0 30px 0; text-align:center; background-color:#c9c9cd; background-image:url(../images/bg.gif); background-repeat:repeat-x; min-height:101%;}
img {border-style:none}
.floatLeft {float:left}
.clear {clear:both; display:block}
#container {width:821px; margin:0 auto; text-align:center; padding:0; position:relative;}
#windowContainer {width:821px; background-image:url(../images/window_side.gif); margin:0}
#windowTop {height:19px; width:821px; background-image:url(../images/window_top.gif); background-repeat:no-repeat;}
#window {width:763px; margin:0 29px; padding:0;}

/* Logo */
#header {height:81px; background-image:url(../images/logo.gif); background-repeat:no-repeat; margin:0 0 0 29px;}
#logolink {float:left;}
#logolink a {width:381px; height:81px; color:#fff; margin-right:32px; font-size:1px; line-height:1px; display:block; text-decoration:none;}

/* Tabs */
#tabs {margin:0; padding:0; float:left;}
#tabs ul {margin:0; padding:0; position: relative; background-color:#c3e38c; background: url("../images/nav.gif") top left no-repeat; width: 350px; height: 18px;}
#tabs li {list-style: none; display: inline; top: 0; position: absolute}
#tabs li, #tabs a {height: 18px; display: block; text-decoration: none}

/* Nav */
#tabs a 						{text-indent: -9999px; }

#tabCommercial						{left: 0px; width: 139px}
#tabEditorial						{left: 139px; width: 117px}
#tabCreative						{left: 256px; width: 94px}

#tabCommercial a:hover 				{background: transparent url("../images/nav.gif") 0 -18px no-repeat}
#tabEditorial a:hover 				{background: transparent url("../images/nav.gif") -139px -18px no-repeat}
#tabCreative a:hover 				{background: transparent url("../images/nav.gif") -256px -18px no-repeat}

#tabCommercial a.active 			{background: transparent url("../images/nav.gif") 0 -36px no-repeat}
#tabEditorial a.active 				{background: transparent url("../images/nav.gif") -139px -36px no-repeat}
#tabCreative a.active 				{background: transparent url("../images/nav.gif") -256px -36px no-repeat}

#tabCommercial a.active:hover 		{background: transparent url("../images/nav.gif") 0 -54px no-repeat}
#tabEditorial a.active:hover 		{background: transparent url("../images/nav.gif") -139px -54px no-repeat}
#tabCreative a.active:hover 		{background: transparent url("../images/nav.gif") -256px -54px no-repeat}

/* Home */
#home {background-image:url("../images/bg_home.gif"); background-repeat:no-repeat; padding:157px 155px 156px 157px}

/* Content */
#content {background-image:url("../images/bg_content.gif"); background-repeat:repeat-y;}
#main {width:451px; margin:0; padding:0 0 25px 0; float:left;}
#main p {font:12px/15px arial,san-serif; padding:25px 25px 0 25px; color:#9a9a9f; text-align:left; margin:0}
#sidebar {width:297px; margin:0; padding:0; float:left;}
#sidebar p {font:12px/15px arial,san-serif; padding:25px; color:#9a9a9f; text-align:left; margin:0}
#sidebar ul {font:12px/15px arial,san-serif; color:#9a9a9f; text-align:left; list-style-type:none; padding:4px 0px 10px 0px; margin:14px 0px 0px 20px}
#sidebar li {background:url("../images/bullet_square.gif") 4px 7px no-repeat; padding-left:12px; padding-bottom:2px; padding-top:2px}
#sidebar dl {font:12px/15px arial,san-serif; padding:25px; color:#9a9a9f; text-align:left; margin:0}
#form p {font:12px/15px arial,san-serif; padding:10px 25px 10px 25px; color:#9a9a9f; text-align:left; margin:0}
h1 {font:18px arial,san-serif; color:#FFF; text-transform:uppercase; text-align:left; margin:0; padding:20px 20px 0 25px}
a {color:#FFF}

/* Photos */
#photos {background-image:url("../images/bg_pic.gif"); background-repeat:no-repeat; padding:7px 6px 6px 7px}
#thumb {padding:0 1px 1px 0; float:left}

#footerContainer {width:821px; text-align:left; margin:0}
#utilityNav {background-image:url(../images/window_bottom.gif); background-repeat:no-repeat; font:12px arial,san-serif; color:#68686d; padding:12px 0px 25px 28px; text-align:left}
#utilityNav a {font:12px arial,san-serif; color:#68686d; text-decoration:none}
#utilityNav a:hover {font:12px arial,san-serif; color:#c02026; text-decoration:none}
#utilityNav a.active {font:12px arial,san-serif; color:#c02026; text-decoration:none}
#utilityNav .divider {font:12px arial,san-serif; color:#68686d; padding:0 5px}