@charset "utf-8";
/* CSS Document */

/* ----------------------------- colors
red = #B8252E
darkest grey = #333
light grey = #F2F2F2
*/

/*  ----------------------  default page styling */
*{padding: 0px;margin: 0px;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}
a img{border:none;}
.hideMe{display:none;}
div.noheight{display:none;}

html{height:100%;}
/*  -------------------------------------------  SET MIN WIDTH + HEIGHT  
min-width:1000px;min-height:800px;  
site: 950x720
img:640x480
*/
body{margin:auto;width:100%;height:100%;min-height:800px;background:#000 url(../assets/bodyBgPattern.gif);}
body,h1,h2,h3,h4,h5,h6{font-size:12px;line-height:1.5em;font-family:Geneva, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;}
#outerWrapper{position:relative;margin:0 15px;display:block;height:auto !important;height:100%;min-height:100%;background:#F2F2F2;}
#innerWrapper{position:absolute;top:50%;left:50%;}
/*  -------------------------------------------  SET WIDTH + HEIGHT + CENTER OFFSET */
#mainContent{width:900px;height:560px;position:absolute;left:-450px;top:-290px;/*border:1px solid red;*/}
#frameTop{position:absolute;width:100%;height:15px;top:0px;left:0px;background:#000 url(../assets/bodyBgPattern.gif) 0 -15px;}
#frameBottom{position:absolute;width:100%;height:15px;bottom:0px;left:0px;background:#000;}
#frameRight{position:absolute;width:15px;height:50%;bottom:0px;right:-15px;background:#000;}
#frameLeft{position:absolute;width:15px;height:50%;bottom:0px;left:-15px;background:#000;}

/*  -------------------------------------------  header */
#logo{width:256px;height:27px;position:absolute;left:0px;top:-31px;}
#logo a{width:256px;height:27px;display:block;background:url(../assets/beautiful_h1logo.gif) no-repeat;text-indent:-9999px;}

/*  -------------------------------------------  navigation */
/*  ----------------------  mainNav */
#mainNav{width:256px;font-size:14px;list-style-type:none;}
#mainNav li{margin:4px 0 0;text-transform:uppercase;}
#mainNav li.first{margin:0;}
#mainNav a{display:block;height:20px;text-decoration:none;padding:2px 0 0 4px;}
#mainNav a:link, #mainNav a:visited, #mainNav a:active{background:#333;color:#FFF;}
#mainNav a:hover{background:#B8252E;}
#mainNav a.currentNav{background:#B8252E;}
/*  ----------------------  subNav */
#mainNav .subNav{margin:0;padding:4px 0 0;list-style-type:none;}
#mainNav .subNav li.first{margin:4px 0 0;padding:0;}
#mainNav .subNav li{margin:0;padding:0;}
#mainNav .subNav a:link, #mainNav .subNav a:visited, #mainNav .subNav a:active{padding-left:0;background:none;color:#333;}
#mainNav .subNav a:hover{background:#E1E1E1;color:#000;}
/*  ----------------------  subNavProjects */
#mainNav .subNavProjects{padding:0 0 0 22px;list-style-type:none;}
#mainNav .subNavProjects li{text-transform:none;white-space:nowrap;}
#mainNav .subNavProjects a:link, #mainNav .subNavProjects a:visited, #mainNav .subNavProjects a:active{background:none;color:#B8252E;}
#mainNav .subNavProjects a:hover{background:#E1E1E1;color:#333;}

/*  ----------------------  contact in nav */
#contactNav{font-size:0px;line-height:0px;}
#contactNav li{}
#contactNav #navAddress li{font-size:14px;line-height:1.5em;}
#contactNav #navContacts li{font-size:14px;line-height:1.5em;}
#contactNav span{margin-right:5px;}
#contactNav li.spacered{margin:16px 0 0;}
#contactNav .toLower{text-transform:lowercase;}
#contactNav .boldMe{font-weight:bold}
#contactNav a{display:inline;}
#contactNav #navContacts a:link, #contactNav #navContacts a:visited, #contactNav #navContacts a:active{padding:1px 2px;text-decoration:none;color:#B8252E;}
#contactNav #navContacts a:hover{background:#B8252E;color:#FFF;}

/*  -------------------------------------------  page content */
#pageContent{position:absolute;top:22px;left:260px;width:640px;}

#contentTopper{position:absolute;top:0px;left:260px;width:640px;height:22px;background:#333;}
#pageContent h2{font-size:22px;padding:0 0 0 0;height:30px}
#pageContent ul{list-style-type:none;}
#patternBottom{width:640px;height:22px;background:#000 url(../assets/bodyBgPattern.gif);}

/*  ----------------------  home page */

/*  ----------------------  work */
#pageContent #projectInfo{}
#pageContent #projectInfo a{display:block;height:20px;text-transform:uppercase;text-decoration:none;padding:2px 0 0 4px;}
#pageContent #projectInfo a:link, #pageContent #projectInfo a:visited, #pageContent #projectInfo a:active{background:#AAA;color:#FFF;}
#pageContent #projectInfo a:hover{background:#999;}
#pageContent #projectInfo #infoList{height:52px;background:#333;}
#pageContent #projectInfo #infoList li{float:left;text-indent:4px;width:213px;color:#FFF;font-size:14px;}
#pageContent #projectInfo #infoList li.infoTitle{padding:8px 0 0;height:18px;color:#AAA;}

#pageContent #projectViewer, #pageContent #projectShowcase{margin:4px 0 0;position:relative;}
#pageContent #projectViewer a, #pageContent #projectShowcase a{text-decoration:none;color:#FFF;}
#pageContent #projectViewer a:hover #clickToPlay, #pageContent #projectShowcase a:hover #clickToPlay{display:block;}
#pageContent #projectViewer #clickToPlay, #pageContent #projectShowcase #clickToPlay{text-transform:uppercase;text-align:center;width:640px;height:19px;background:#B8252E;display:none;position:absolute;top:0px;left:0px;padding:3px 0 0;}

#pageContent #projectDescription{margin:4px 0 0;background:#EAEAEA;padding:5px;line-height:1.3em;}
#pageContent #projectDescription a:link, #pageContent #projectDescription a:visited, #pageContent #projectDescription a:active{padding:1px 2px;text-decoration:none;color:#B8252E;}
#pageContent #projectDescription a:hover{background:#B8252E;color:#FFF;}

#flashWarning{background:#B8252E;color:#FFF;padding:10px 10px 0;}
#flashWarning p{padding:0 0 10px;}
#flashWarning a:link, #flashWarning a:visited, #flashWarning a:active{padding:1px 2px;text-decoration:underline;color:#FFF;}
#flashWarning a:hover{background:#FFF;color:#B8252E;text-decoration:none;}

/*  ----------------------  news page */
#newsFrame{position:relative;height:534px;width:614px;overflow:hidden;margin:4px 0 0;}
#newsBox{position:absolute;top:0px;left:0px;width:614px;}

#newsSlider{position:absolute;top:26px;right:0px;}

#slideArea{background:#000 url(../assets/bodyBgPattern.gif);height:490px;width:22px;}
#slideHandle{height:22px;width:22px;background:#B8252E url(../assets/newsSliderHandle.gif) 0 0 no-repeat;cursor:pointer;}

#upPage, #downPage{width:22px;height:22px;cursor:pointer;}
#upPage{background:#B8252E url(../assets/newsUpBT.gif) 0 0 no-repeat;position:absolute;top:-22px;left:0px;}
#downPage{background:#B8252E url(../assets/newsDownBT.gif) 0 0 no-repeat;position:absolute;top:490px;left:0px;}

#slideHandle:hover, #upPage:hover, #downPage:hover{background-position:100% 0;}

#newsPosts{}
#newsPosts li.newsPost{padding:0 0 15px;background:#ECECEC;margin:0 0 30px;}
#newsPosts h5.postDate{font-size:12px;color:#666}
#newsPosts h3.newsTitle{line-height:1.2em;font-size:16px;text-transform:uppercase;font-weight:900;border-bottom:3px solid #B8252E;}
#newsPosts div.newsBody{padding:4px 0 0;line-height:1.3em;}
#newsPosts .newsBody a:link, #newsPosts .newsBody a:visited, #newsPosts .newsBody a:active{padding:1px 2px;text-decoration:none;color:#B8252E;}
#newsPosts .newsBody a:hover{background:#B8252E;color:#FFF;}


/*  ----------------------  about */
#aboutContent{background:#EAEAEA;margin:4px 0 0;line-height:1.3em;}
#aboutContent img{border-top:22px solid #B8252E;}
#aboutContent #aboutText{padding:5px;}
#aboutContent p{margin:0 0 10px;}
#aboutContent a:link, #aboutContent a:visited, #aboutContent a:active{padding:1px 2px;color:#B8252E;text-decoration:none;}
#aboutContent a:hover{background:#B8252E;color:#FFF;}

/*  -------------------------------------------  footer */
#siteBy{position:absolute;bottom:0px;right:35px;color:#AAA;z-index:101;}
#siteBy a:link, #siteBy a:visited, #siteBy a:active{color:#AAA;}
#siteBy a:hover{color:#333;}
#copyright{position:absolute;bottom:0px;left:35px;font-size:11px;color:#AAA;z-index:100;}

/*  ----------------------  forms */

fieldset{border:none;padding:10px 10px 6px;background:#AAA;margin:0 0 0px;}
fieldset div, fieldset div span.label{display:block;padding:0 0 4px;float:left;}
fieldset div{width:100%;}
fieldset div span.label{width:120px;text-align:right;color:#FFF;}
fieldset span.errorMark{font-weight:bold;color:#F00;padding:0 10px 0 0;}
fieldset input, fieldset textarea{float:right;width:480px;}
fieldset select{float:right;width:484px;}
fieldset input.checkBox{float:none;width:auto;margin:2px 5px 0 20px;}
fieldset ul.checklist{float:right;width:480px;}
fieldset ul.checklist li{width:239px;float:left;}
fieldset ul.checklist li span{color:#FFF;margin:0 0 0 5px}
fieldset ul.checklist input{float:none;width:auto;}
#buttonwrap{text-align:right;}
fieldset .formHeader{width:120px;text-align:right;color:#FFF;}
p.longError{color:#F00;}
fieldset .projectTop{border-top:1px solid #999;padding:5px 0 0;}
fieldset .projectFields .removeProject{float:right;}

fieldset a:link, fieldset a:visited, fieldset a:active{padding:2px;background:#333;color:#FFF;text-decoration:none;}
fieldset a:hover{background:#B8252E;}

.invalid{border:solid 2px red;}

/*  -------------------------------------------  contact */

#pageContent h2.formHead{font-size:14px;font-weight:bold;background:#B8252E;height:20px;color:#FFF;padding:1px;margin:4px 0 0;}
h4{font-size:14px;font-weight:bold;padding:0 0 2px;}
#newBusiness, #newDesigners{padding:10px 0 0;}
#directContacts a{margin-left:5px;}
#directContacts a:link, #directContacts a:visited, #directContacts a:active{padding:1px 2px;text-decoration:none;color:#B8252E;}
#directContacts a:hover{background:#B8252E;color:#FFF;}