body{font-family: Arial, Helvetica, Verdana, sans-serif;}

p{ margin-bottom: 13px; color: #999; font-size: 13px; line-height: 17px; letter-spacing: 1px; }

a{text-decoration: none; margin: 0px; padding: 0px; color: #ED257A;}
a:hover{text-decoration: underline;}
.pointer{cursor: pointer;}

h1{font-size: 14px; color: white; letter-spacing: 1px; font-weight: bold; }
h2{}

li, li a{margin: 0px; padding: 0px;}

.bold{font-weight: bold;}

/*layout items*/
#bgHolder{width: 100%; height: 100%; background: #333; position: absolute; top: 0px; left: 0px; overflow: hidden;}
#headerDiv{width: 100%; height: 20px; background: #000; opacity: .3; position: absolute; top: 0px; left: 0px;}
#logoDiv{width: 190px; height: 121px; position: absolute; bottom: 50px; left: 20px;}
#footerBg{width: 100%; height: 36px; background: #000; opacity: .3; position: absolute; bottom: 0px; left: 0px;}
#footerContent{height: 36px; line-height: 36px; position: absolute; bottom: 0px; left: 0px; padding-left: 22px; overflow: hidden;}

/*content boxes*/
#titleBar{height: 30px; background: #ED257A; position: absolute; text-align: center; line-height: 30px;}
.closeBox{width: 16px; height: 16px; line-height: 16px; position: absolute; top: 6px; text-align: center; border: 1px solid #FFF;}
#contentBg{background: #000; opacity: .8; position: absolute; }
#contentDiv{ margin: 2px; padding: 10px; position: absolute; color: #CCC; display: none;}
#titleBarContent{display: none;}


/*navigation pieces*/
.navLi{height: 30px; background: #000; opacity: .8; color: #FFF; line-height: 30px; padding-left: 10px; margin-bottom: 2px; cursor: pointer; letter-spacing: 1px; display: block;}
.navLi:hover{opacity: 1; background: #ED257A;}

.navLiOn{height: 30px; background: #ED257A; opacity: 1; color: #FFF; line-height: 30px; padding-left: 10px; margin-bottom: 2px; cursor: pointer; letter-spacing: 1px; }


.main{width: 145px; font-size: 14px; font-weight: bold;}
.secondary{width: 125px; font-size: 14px; margin-bottom: 2px; font-weight: bold;}
.tertiary{width: 145px; font-size: 14px; margin-bottom: 2px; font-weight: bold;}

/*portfolio*/
#galleryBox{width: 440px; height: 430px; overflow: hidden; margin: 0px 0px 3px -8px; position: relative;}
#searchBox{width: 428px; height: 25px; border: 1px solid #231F20; margin: -8px 0px 3px -8px; text-align: right; padding-left: 10px; line-height: 25px;}
.galleryTxt{float: left; display: inline; width: 232px; height: 130px; padding: 5px 15px 5px 5px;}
.galleryPic{width: 186px; height: 140px; float: left; display: inline;}
.galleryPages{width: 428px; height: 25px; border: 1px solid #666; margin: 0px 0px 0px -8px; padding-left: 10px; text-align: left; line-height: 25px;}

.gallery{width: 438px; height: 140px; border: 1px solid #666; margin: 0px 0px 2px 0px;}
.gallery:hover{background: #333; cursor: pointer;}
.workThumb{float: left; display: inline; width: 60px; height: 45px; margin-right: 2px; cursor: pointer;}
.workThumb:hover{border-top: 2px solid #ED257A;}

.workThumbOn{float: left; display: inline; width: 60px; height: 45px; margin-right: 2px; cursor: pointer; border-top: 2px solid #ED257A;}
.workThumbOn:hover{border-top: 2px solid #FFF;}

#thumbLeft{float: left; display: inline; width: 30px; height: 45px;margin-right: 3px; background: url('../IMG/BUTTONS/thumb-left.gif') top left no-repeat;}
#thumbLeft:hover{background-position: -30px 0px; cursor: pointer;}
#thumbRight{float: left; display: inline; width: 30px; height: 45px; background: url('../IMG/BUTTONS/thumb-right.gif') top left no-repeat;}
#thumbRight:hover{background-position: -30px 0px; cursor: pointer;}
/*floats*/
.fLeft{float: left; display: inline;} .fRight{float: right; display: inline;}

/*form stuff*/
.searchInput{border: none; background: #FFF; width: 300px; height: 21px; padding: 2px 5px 2px 5px; font-size: 16px; line-height: 21px;}

/*margins*/
.center{margin: 0px auto 0px auto;}
.mb10{margin-bottom: 10px;}
.mb5{margin-bottom: 5px;}
.mb0{margin-bottom: 0px;}


/*font-sizes*/
.t10{font-size: 10px;} .t11{font-size: 11px;} .t12{font-size: 12px;} .t13{font-size: 13px;} .t14{font-size: 14px;} .t16{font-size: 16px;} .t18{font-size: 18px;} .t20{font-size: 20px;} .t24{font-size: 24px;} .t30{font-size: 30px;} .t36{font-size: 36px;}
.aCenter{text-align: center;}

/*line heights*/
.lh15{line-height: 15px;}

/*letter spacing*/
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}

/*colors*/
.lGrey{color: #666;} .dGrey{color: #333;} .white{color: #FFF;} .black{color: #000;} .red{color: red;}
.pink{color: #ED257A;}
.blue{color: #0A9EBA;}