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

#portfolio_content, #about_content, #templates_content, #contact_content, #services_content {margin: 0px; padding: 0px; zoom: 1; visibility: hidden;}
/*#portfolio_content, #about_content, #templates_content, #contact_content, #services_content {opacity: 0.0; -moz-opacity: 0.0; -khtml-opacity: 0.0; filter: alpha(opacity=00);}*/


#portfolio_box {position: absolute; top: 188px; right: 426px; z-index: 6; width: 85px; height: 0px; padding: 1px; margin: 0px; border: 1px solid #22262c; border-left: none; background: #22262c;}
#portfolio_box2 {position: absolute; top: 138px; right: 513px; z-index: 10; width: 270px; padding: 4px; margin: 0px; text-align: left; border-right: 1px solid #22262c; background: none;}
/*#p_slider {width: 262px; height: 220px; margin: 0px; padding: 0px; background: url(../slider/border.png) repeat-x;}*/
/*#portfolio_box2 iframe {width: 260px; height: 268px; margin: 10px 0px 0px 0px; padding: 0px;}*/

#about_box2 img {float: left; padding: 0px 10px 0px 0px; margin: 0px;}
#about_box {position: absolute; top: 370px; right: 463px; z-index: 6; width: 48px; height: 0px; padding: 1px; margin: 0px; border: 1px solid #22262c; border-left: none; background: #22262c;}
#about_box2 {position: absolute; bottom: 176px; right: 513px; z-index: 10; width: 270px; padding: 4px; margin: 0px; text-align: left; border-right: 1px solid #22262c; background: none;}

#templates_box {position: absolute; top: 449px; left: 338px; z-index: 6; width: 198px; height: 0px; padding: 1px; margin: 0px; border: 1px solid #22262c; border-left: none; background: #22262c;}
#templates_box2 {position: absolute; bottom: 97px; left: 538px; z-index: 10; width: 244px; padding: 4px; margin: 0px; text-align: left; border-left: 1px solid #22262c; background: #none;}

#contact_form {height:150px;  width: 226px;}
#contact_box2 iframe {margin: 0px; padding: 0px;}
#contact_box {position: absolute; top: 335px; left: 492px; z-index: 6; width: 42px; height: 0px; padding: 1px; margin: 0px; border: 1px solid #22262c; background: #22262c;}
#contact_box2 {position: absolute; bottom: 211px; left: 538px; z-index: 10; width: 244px; padding: 4px; margin: 0px; text-align: left; border-left: 1px solid #22262c; background: #none;}

#services_box {position: absolute; top: 170px; left: 423px; z-index: 6; width: 112px; height: 0px; padding: 1px; margin: 0px; border: 1px solid #22262c; background: #22262c;}
#services_box2 {position: absolute; top: 120px; left: 538px; z-index: 10; width: 244px; padding: 4px; margin: 0px; text-align: left; border-left: 1px solid #22262c; background: #none;}

/* --PORTFOLIO SCROLLER-- */
.sub_header_p {color: #e1e1e1; font-size: 11px; font-weight: bold; float: left; display: inline; margin: 12px 0px 6px 5px;}
.sub_header_pf {color: #999999; font-size: 10px; font-weight: normal; float: left; display: inline; margin: 0px;}
.picon {width: 24px; height: 24px; padding: 0px; margin: 14px 0px 0px 0px; background-color: #000; background: url(../images/picon_b2.png) no-repeat 0 0; float: left; display: inline;}

#scroller {width: 260px; height: 274px; margin: 8px 0px 0px 0px; padding: 0px; overflow: hidden;}
.scroller-container {position: absolute; margin: 0px; padding: 0px 0px 8px 0px;}

.scroll-track {width: 10px; height: 10px; background-color: #000000;}
.scroll-track-top {width: 10px; height: 10px; background: url(../images/scrollbar/top.png) no-repeat 0 0; cursor:pointer;}
.scroll-track-bot {width: 10px; height: 10px; background: url(../images/scrollbar/bottom.png) no-repeat 0 0; cursor:pointer;}
.scroll-handle {height: 10px; width: 10px; background: url(../images/scrollbar/bar_middle.png); cursor:pointer;}
.scroll-handle-top {height: 14px; width: 10px; background: url(../images/scrollbar/bar_top.png) no-repeat 0 0; cursor:pointer;}
.scroll-handle-bot {height: 14px; width: 10px; background: url(../images/scrollbar/bar_bottom.png) no-repeat 0 0; cursor:pointer;}

.p_thumb {width: 106px; height: 106px; margin: 0px 0px 0px 0px; padding: 0px; border: 2px solid #000000; float: left; display:inline;}
.p_thumb:hover {border: 2px solid #000000;}
.p_thumb_blank {width: 106px; height: 106px; margin: 0px 0px 0px 0px; padding: 0px; border: 2px solid #000000; float: left; display:inline;}
.p_hide {display: none;}

.p_thumb a {width: 106px; height: 106px; display: block; margin: 0px; padding: 0px;}

#pweb, #pinterface, #pprint {margin: 0px 0px 0px 26px; padding: 0px;}

/* WEB */
#thumb_win {background: url(../images/portfolio/WIN.jpg) no-repeat center 0;}
#thumb_sps {background: url(../images/portfolio/SPS.jpg) no-repeat center 0;}
#thumb_scarter {background: url(../images/portfolio/SueCarter.jpg) no-repeat center 0;}
#thumb_9brownies {background: url(../images/portfolio/9brownies.jpg) no-repeat center 0;}
#thumb_agentpest {background: url(../images/portfolio/AgentPest.jpg) no-repeat center 0;}
#thumb_storytimemagic {background: url(../images/portfolio/StorytimeMagic.jpg) no-repeat center 0;}
#thumb_lindseyalena {background: url(../images/portfolio/LindseyAlena.jpg) no-repeat center 0;}

#thumb_win:hover, #thumb_sps:hover, #thumb_scarter:hover, #thumb_9brownies:hover, #thumb_agentpest:hover, #thumb_storytimemagic:hover, #thumb_lindseyalena:hover {background-position: center -110px;}

/* INTERFACE */
#thumb_int1 {background: url(../images/portfolio/interface/interface1-1.jpg) no-repeat 0 0;}
#thumb_int2 {background: url(../images/portfolio/interface/interface2-1.jpg) no-repeat 0 0;}
#thumb_int3 {background: url(../images/portfolio/interface/interface3-1.jpg) no-repeat 0 0;}
#thumb_int4 {background: url(../images/portfolio/interface/interface4-1.jpg) no-repeat 0 0;}
#thumb_int5 {background: url(../images/portfolio/interface/interface5-1.jpg) no-repeat 0 0;}
#thumb_int6 {background: url(../images/portfolio/interface/interface6-1.jpg) no-repeat 0 0;}

#thumb_int1:hover, #thumb_int2:hover, #thumb_int3:hover, #thumb_int4:hover, #thumb_int5:hover, #thumb_int6:hover {background-position: 0 -110px;}

/* PRINT */