/* Allan Simpson's design portfolio 2009 
   Typed in notepad++
   http://www.allansimpson.com
   Version: 1.0
*/

/* CSS RESET */
/* ---------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0;  outline:0;  list-style:none;}

/* GLOBAL DEFINITIONS */
/* ---------------------------------------------------------------------------------------------------*/
body{background:#002640; font-family:Arial, sans-serif;  line-height:1.5em;}

/* Links */
a {color:#fff;}
a:hover{color:#30ADE7;}

a.nav{color:#fff; font-size:2.2em; text-decoration:none;}
a.nav:hover{color:#fff;}


a.logoLink {color:#fff; text-decoration:none;}


/* Headings and Block Elements */
h1{color:#fff;font-size:2.2em; line-height:1.25em; font-weight:bold; letter-spacing:-0.055em;}
h2{font-size:1.5em; margin:0.35em 0 .35em 0;color:#FFF909;}
h3{color:#fff;font-size:1.5em; line-height:1.25em;font-weight:normal;}
h4{color:#fff;font-size:1em; font-weight:normal; line-height:1.4em;}
h5{color:#fff;font-size:4em;padding-top:5px;}
hr{margin:.5em 0;border-bottom:5px solid #fff;}
p{color:#fff;margin:.5em 0;font-size:.8em;}
blockquote{padding:10px; background:#160b05; color:#b19789; clear:both;}
blockquote p{font-size:.95em;}

blockquote h4{color:#9a3311; letter-spacing:.25em; font-size:.85em; text-transform:uppercase; padding:10px 0;font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

/* Images */
.alignRight { float:right; margin: 0 0 15px 15px; padding: 5px; border: 1px solid #0073BF;}
.alignLeft { float:left; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #0073BF;}
.frame { padding: 5px; border: 1px solid #0073BF; }

/* colors */
.yellow{color:#FFD200;}
.creme{color:#E5DFBB;}
.blue{color:#3A7BD6}
.teal{color:#30ADE7;}
/* Header
-------------------------------------*/

#topContainer{
	background:url(../sitegraphics/top.jpg) #284773;
	background-position:center top;
	width:100%;
	height:65px;
}

#topWrapper{
	width:932px;
	margin:0 auto;
}

#logo{
	padding:10px 0 0 0;
	margin:0px 0 0 0;
	width: 41px;
	height: 35px;
	float: left;
}
#name{
	margin:20px 0 0 0;
	padding:0px 0 0 280px;
	float:left;
}
#career{
	margin:0px 0 0 0;
	padding:20px 0 0 686px;
	
}

/* Content: Homepage - Portfolio
-------------------------------------*/
#contentContainer{
	background:url(../sitegraphics/content.jpg) #284773;
	background-position:center top;
	width:100%;
	height:337px;
}
#contentContainerLong{
	background:url(../sitegraphics/contentLong.jpg) #4C8EEF repeat-x;
	background-position:center top;
	width:100%;
	
	float:left;
}
#contentWrapper{
	width:932px;
	margin:0 auto;
}
#contentWrapperFlash{
	width:942px;
	margin:0 auto;
}
#flashWrapper{
	margin-top:10px;
	width:750px;
}

#quickBrowseWrapper{
	background:url(../sitegraphics/quickBrowse.jpg) no-repeat;
	width:568px;
	height:310px;
	margin:20px 0 0px 0;
	padding:0px 0px 0px 0;
	float:left;
}

.portfolioWrapper{
	background:url(../sitegraphics/portfolioDesignBG.jpg) no-repeat;
	width:725px;
	height:485px;
	margin:10px 0 10px 0;
	float:left;
}
.designInfo{
	text-align:right;
	width:180px;
	height:392px;
	padding:15px 10px 5px 8px;
	float:left;
}
.viewSite{
	width:182px;
	height:25px;
	clear:left;
	text-align:right;
}
.displayWrapper{
	width:450px;
	height:300px;
	float:right;
}
.designText{color:#FFFFFF;}
.designTextSummary{font-size:.8em;}
.designTitle{font-weight:bold;width:180px;}
.portSubTitles{margin:3px 5px 0 0;}

/* About
-------------------------------------*/

#aboutColumnLeft{
	width:739px;
	float:left;
}
.aboutWrapper{
	background:url(../sitegraphics/aboutBG.jpg) no-repeat;
	width:739px;
	height:775px;
	margin:30px 0 30px 0;
	float:left;
}
#aboutBoxContent{
	width:167px;
	padding:5px 5px 5px 14px;
	margin-top:30px;
	float:left;
}

#aboutColumnCenter{
	width:550px;
	padding:30px 0px 0 0px;
	float:right;
}
#me{
	width:168px;
	height:312px;
	padding:0 0 0 15px;
	float:left;
}
.aboutMe{
	width:540px;
	padding:0 14px 10px 10px;
	float:right;
}
.aboutMeBoldYellow{color:#FFF;}
.aboutMeSub{color:#ABC2D1;}
.aboutMeHeading{padding-top:30px;}
/* Navigation
-------------------------------------*/
#navWrapper{
	width:185px;
	margin:0px;
	padding:25px 0 0 0;
	float:right;
}

li#homeNavLink a{background:#0b4379; display:block; font-weight:bold; width:90px; height:37px; padding:12px 20px 0 12px; margin:4px 0 0 0px;text-align:left; }
li#homeNavLink  a:hover, li#homeNavLink  a.active{color:#FFF909;}
li#homeCurrentLink a{background:#093664;color:#FFF909; display:block; font-weight:bold; width:90px; height:37px; padding:12px 20px 0 12px; margin:4px 0 0 0px;text-align:left; }

li#portNavLink a{background: #0b4379; display:block; font-weight:bold; width:135px; height:37px; padding:12px 18px 0 12px; margin:10px 0 0 0px;text-align:left; }
li#portNavLink  a:hover, li#portNavLink  a.active{color:#FFF909;}
li#portNavLink ul li a{background-color:#105EAB;height:30px;padding-top:5px;margin:0px;text-decoration:none;border-bottom:1px dotted #52A0EF;}
li#portCurrentLink a{background:#093664;color:#FFF909; display:block; font-weight:bold; width:135px; height:37px; padding:12px 18px 0 12px; margin:10px 0 0 0px;text-align:left; }
a.portSub{color:#FFFFFF;}
a.portSubCurrent{color:#FFF909;}

li#aboutNavLink a{background: #0b4379; display:block; font-weight:bold; width:95px; height:37px; padding:12px 18px 0 12px; margin:10px 0 0 0px;text-align:left; }
li#aboutNavLink  a:hover, li#aboutNavLink  a.active{color:#FFF909;}
li#aboutCurrentLink  a{background:#093664;color:#FFF909;display:block; font-weight:bold; width:95px; height:37px; padding:12px 18px 0 12px; margin:10px 0 0 0px;text-align:left; }

li#contactNavLink a{background: #0b4379; display:block; font-weight:bold; width:125px; height:37px; padding:12px 18px 0 12px; margin:10px 0 0 0px;text-align:left; }
li#contactNavLink  a:hover, li#contactNavLink  a.active{color:#FFF909;}
li#contactCurrentLink a{background:#093664;color:#FFF909; display:block; font-weight:bold; width:125px; height:37px; padding:12px 18px 0 12px; margin:10px 0 0 0px;text-align:left; }



/* Footer
-------------------------------------*/
#footerContainer{
	background:url(../sitegraphics/footer.gif) repeat-x #002640;
	background-position:center;
	width:100%;
	height:376px;
	clear:both;
}


#footerWrapper{
	width:932px;
	margin:0 auto;
}
.footerWho{
	float:left;
	width:360px;
}
.footerWhat{
	float:left;
	width:280px;
	margin-left:50px;
}
.footerWant{
	float:left;
	width:240px;
}
dt {
	font-size:1.6em;
	padding:30px 0 10px 0;
}
dd{
	color:#FFF;
	font-size:.75em;
	padding:0 20px 0 8px;
	line-height:2.3em;
	}

#footerBottom{
	clear:both;
	width:100%;
}
.copyright{
	padding-top:30px;
	line-height:1.25;
	font-size:.7em;
}
/* Proficiency Meter
-------------------------------------*/
#proficiencyMeterWrapper{
	float:left;
	width:550px;
	padding-top:25px;
}
.barMeterWrapper{
	width:548px;
	height:37px;
	margin:3px 0 0 5px;
}
.barIcon{
	width:40px;
	height:37px;
	float:left;
	
}
.barMeterRelative{
	position:relative;
	width:491px;
	height:37px;
	margin:0 16px 0 0;
	float:right;
}

.barLightOff{
	background:url(../sitegraphics/barLightOff.gif);
	position:absolute;
	top:0px;
	left:4px;
	width:491px;
	height:37px;
	z-index:0;
}
.PS_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.PS_barLightOnExtended{background: #D00202;position:absolute;top:0px;left:4px;width:470px;height:37px;z-index:2;}

.XHTML_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.XHTML_barLightOnExtended{background: #E32206;position:absolute;top:0px;left:4px;width:453px;height:37px;z-index:2;}

.DW_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.DW_barLightOnExtended{background: #F94F06;position:absolute;top:0px;left:4px;width:435px;height:37px;z-index:2;}

.AI_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.AI_barLightOnExtended{background: #FA7905;position:absolute;top:0px;left:4px;width:434px;height:37px;z-index:2;}

.PHP_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.PHP_barLightOnExtended{background: #FBB737;position:absolute;top:0px;left:4px;width:415px;height:37px;z-index:2;}

.JS_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.JS_barLightOnExtended{background: #FFCC33;position:absolute;top:0px;left:4px;width:400px;height:37px;z-index:2;}

.FL_barLightOnRetracted{background: #FFE775;position:absolute;top:0px;left:4px;width:0px;height:37px;z-index:2;}
.FL_barLightOnExtended{background: #FCDC6D;position:absolute;top:0px;left:4px;width:370px;height:37px;z-index:2;}

.barLightMask{
	background:url(../sitegraphics/barLightMask.gif);
	position:absolute;
	top:0px;
	left:4px;
	width:491px;
	height:37px;
	z-index:3;
}



/* SlideShow on homepage and Portfolio pages
-------------------------------------*/
.boxWrapper{padding:16px 31px;margin:0px 0 25px 0;}

/* homepage slider */
.QBmask{position:absolute;margin-top:9px;margin-left:-7px;width:520px;height:195px;overflow:hidden;}
#QBbox{position:absolute;}
#QBbox span{display:block;float:left;}
#QBthumbs{position:relative;width:545px;clear:both;height:21px;overflow:hidden;margin-top:240px;margin-left:-18px;}
#QBthumbs .thumbs, #QBthumbs_handles, #QBthumbs_mask{position:absolute;top:0;width:100%;height:21px;}
#QBthumbs .thumbs div, #QBthumbs_handles span{display:block;width:60px;height:21px;margin:-10px 0 0 0;float:left;cursor:pointer;}
#QBthumbs .thumbs div img{height:30px;width:54px;float:right;}
#QBthumbs_handles span{background:url(../sitegraphics/thumb_invisible.gif) no-repeat;}
#QBthumbs_mask{width:1200px;background:url(../sitegraphics/thumbs_mask.gif) no-repeat center top;}




/* portfolio slider */

.QW_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#QW_box{position:absolute;}
#QW_box span{display:block;float:left;}
#QW_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#QW_thumbs .QW_thumbs_link, #QW_thumbs_handles, #QW_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#QW_thumbs .QW_thumbs_link div, #QW_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#QW_thumbs .QW_thumbs_link div img{width:99px;float:right;}
#QW_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#QW_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.QW_thumbs_link{width:99px;}
.QW_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.QW_thumbs_link div img{display:block;width:100%;height:100%;border:none}			

.WH_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#WH_box{position:absolute;}
#WH_box span{display:block;float:left;}
#WH_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#WH_thumbs .WH_thumbs_link, #WH_thumbs_handles, #WH_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#WH_thumbs .WH_thumbs_link div, #WH_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#WH_thumbs .WH_thumbs_link div img{width:99px;float:right;}
#WH_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#WH_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.WH_thumbs_link{width:99px;}
.WH_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.WH_thumbs_link div img{display:block;width:100%;height:100%;border:none}			


.MH_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#MH_box{position:absolute;}
#MH_box span{display:block;float:left;}
#MH_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#MH_thumbs .MH_thumbs_link, #MH_thumbs_handles, #MH_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#MH_thumbs .MH_thumbs_link div, #MH_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#MH_thumbs .MH_thumbs_link div img{width:99px;float:right;}
#MH_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#MH_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.MH_thumbs_link{width:99px;}
.MH_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.MH_thumbs_link div img{display:block;width:100%;height:100%;border:none}	


.ROG_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#ROG_box{position:absolute;}
#ROG_box span{display:block;float:left;}
#ROG_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#ROG_thumbs .ROG_thumbs_link, #ROG_thumbs_handles, #ROG_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#ROG_thumbs .ROG_thumbs_link div, #ROG_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#ROG_thumbs .ROG_thumbs_link div img{width:99px;float:right;}
#ROG_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#ROG_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.ROG_thumbs_link{width:99px;}
.ROG_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.ROG_thumbs_link div img{display:block;width:100%;height:100%;border:none}	

.HOOP_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#HOOP_box{position:absolute;}
#HOOP_box span{display:block;float:left;}
#HOOP_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#HOOP_thumbs .HOOP_thumbs_link, #HOOP_thumbs_handles, #HOOP_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#HOOP_thumbs .HOOP_thumbs_link div, #HOOP_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#HOOP_thumbs .HOOP_thumbs_link div img{width:99px;float:right;}
#HOOP_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#HOOP_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.HOOP_thumbs_link{width:99px;}
.HOOP_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.HOOP_thumbs_link div img{display:block;width:100%;height:100%;border:none}


.BCC_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#BCC_box{position:absolute;}
#BCC_box span{display:block;float:left;}
#BCC_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#BCC_thumbs .BCC_thumbs_link, #BCC_thumbs_handles, #BCC_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#BCC_thumbs .BCC_thumbs_link div, #BCC_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#BCC_thumbs .BCC_thumbs_link div img{width:99px;float:right;}
#BCC_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#BCC_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.BCC_thumbs_link{width:99px;}
.BCC_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.BCC_thumbs_link div img{display:block;width:100%;height:100%;border:none}	

.LHD_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#LHD_box{position:absolute;}
#LHD_box span{display:block;float:left;}
#LHD_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#LHD_thumbs .LHD_thumbs_link, #LHD_thumbs_handles, #LHD_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#LHD_thumbs .LHD_thumbs_link div, #LHD_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#LHD_thumbs .LHD_thumbs_link div img{width:99px;float:right;}
#LHD_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#LHD_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.LHD_thumbs_link{width:99px;}
.LHD_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.LHD_thumbs_link div img{display:block;width:100%;height:100%;border:none}	

.TJS_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#TJS_box{position:absolute;}
#TJS_box span{display:block;float:left;}
#TJS_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#TJS_thumbs .TJS_thumbs_link, #TJS_thumbs_handles, #TJS_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#TJS_thumbs .TJS_thumbs_link div, #TJS_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#TJS_thumbs .TJS_thumbs_link div img{width:99px;float:right;}
#TJS_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#TJS_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.TJS_thumbs_link{width:99px;}
.TJS_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.TJS_thumbs_link div img{display:block;width:100%;height:100%;border:none}	

.GATE_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#GATE_box{position:absolute;}
#GATE_box span{display:block;float:left;}
#GATE_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#GATE_thumbs .GATE_thumbs_link, #GATE_thumbs_handles, #GATE_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#GATE_thumbs .GATE_thumbs_link div, #GATE_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#GATE_thumbs .GATE_thumbs_link div img{width:99px;float:right;}
#GATE_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#GATE_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.GATE_thumbs_link{width:99px;}
.GATE_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.GATE_thumbs_link div img{display:block;width:100%;height:100%;border:none}	

.WATSEKA_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#WATSEKA_box{position:absolute;}
#WATSEKA_box span{display:block;float:left;}
#WATSEKA_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#WATSEKA_thumbs .WATSEKA_thumbs_link, #WATSEKA_thumbs_handles, #WATSEKA_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#WATSEKA_thumbs .WATSEKA_thumbs_link div, #WATSEKA_thumbs_handles span{display:block;width:99px;height:33px;margin:0;float:left;cursor:pointer;}
#WATSEKA_thumbs .WATSEKA_thumbs_link div img{width:99px;float:right;}
#WATSEKA_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#WATSEKA_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_mask.gif) no-repeat center top;}
.WATSEKA_thumbs_link{width:99px;}
.WATSEKA_thumbs_link div{display:block;width:99px;height:41px;margin:3px 0;cursor:pointer;}
.WATSEKA_thumbs_link div img{display:block;width:100%;height:100%;border:none}
/*  -----------------------END OF WEBSITE SLIDE STYLES------------------------- */

.ADVERTISEMENTS_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#ADVERTISEMENTS_box{position:absolute;}
#ADVERTISEMENTS_box span{display:block;float:left;}
#ADVERTISEMENTS_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#ADVERTISEMENTS_thumbs .ADVERTISEMENTS_thumbs_link, #ADVERTISEMENTS_thumbs_handles, #ADVERTISEMENTS_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#ADVERTISEMENTS_thumbs .ADVERTISEMENTS_thumbs_link div, #ADVERTISEMENTS_thumbs_handles span{margin-right:2px;display:block;width:30px;height:25px;margin:0;float:left;cursor:pointer;}
#ADVERTISEMENTS_thumbs .ADVERTISEMENTS_thumbs_link div img{width:20px;float:right;}
#ADVERTISEMENTS_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#ADVERTISEMENTS_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_numbers_mask.gif) no-repeat center top;}
.ADVERTISEMENTS_thumbs_link{width:29px;height:25px;}
.ADVERTISEMENTS_thumbs_link div{display:block;width:20px;height:20px;margin:3px 0;cursor:pointer;}
.ADVERTISEMENTS_thumbs_link div img{display:block;width:100%;height:100%;border:none}		

/*  -----------------------END OF ADVERTISEMENT SLIDE STYLES------------------------- */

.VENDORS_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#VENDORS_box{position:absolute;}
#VENDORS_box span{display:block;float:left;}
#VENDORS_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#VENDORS_thumbs .VENDORS_thumbs_link, #VENDORS_thumbs_handles, #VENDORS_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#VENDORS_thumbs .VENDORS_thumbs_link div, #VENDORS_thumbs_handles span{margin-right:2px;display:block;width:30px;height:25px;margin:0;float:left;cursor:pointer;}
#VENDORS_thumbs .VENDORS_thumbs_link div img{width:20px;float:right;}
#VENDORS_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#VENDORS_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_numbers_mask.gif) no-repeat center top;}
.VENDORS_thumbs_link{width:29px;height:25px;}
.VENDORS_thumbs_link div{display:block;width:20px;height:20px;margin:3px 0;cursor:pointer;}
.VENDORS_thumbs_link div img{display:block;width:100%;height:100%;border:none}	

.VARIOUS_mask{position:absolute;margin-top:11px;margin-left:-89px;width:481px;height:401px;overflow:hidden;}
#VARIOUS_box{position:absolute;}
#VARIOUS_box span{display:block;float:left;}
#VARIOUS_thumbs{position:relative;width:500px;clear:both;height:33px;overflow:hidden;margin-top:430px;margin-left:-90px;}
#VARIOUS_thumbs .VARIOUS_thumbs_link, #VARIOUS_thumbs_handles, #VARIOUS_thumbs_mask{position:absolute;top:0;width:100%;height:33px;}
#VARIOUS_thumbs .VARIOUS_thumbs_link div, #VARIOUS_thumbs_handles span{margin-right:10px;display:block;width:40px;height:25px;margin:0;float:left;cursor:pointer;}
#VARIOUS_thumbs .VARIOUS_thumbs_link div img{width:20px;float:right;}
#VARIOUS_thumbs_handles span{background:url(../sitegraphics/portfolio_invisible.gif) no-repeat;}
#VARIOUS_thumbs_mask{width:1200px;background:url(../sitegraphics/portfolio_numbers_mask.gif) no-repeat center top;}
.VARIOUS_thumbs_link{width:29px;height:25px;}
.VARIOUS_thumbs_link div{display:block;width:20px;height:20px;margin:3px 0;cursor:pointer;}
.VARIOUS_thumbs_link div img{display:block;width:100%;height:100%;border:none}

/*  -----------------------END OF GRAPHIC DESIGN SLIDE STYLES------------------------- */

/* MooTools.Tips */
.tip-top {
position:absolute;
	top:0px;
	left:4px;
    color: #fff;
    width: 339px;
    z-index: 13000;
}
.tip-title {
position:absolute;
	top:0px;
	left:4px;
    width: 323px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(../sitegraphics/bubble.png) top left;
	z-index: 10;
}
.tip-text {
position:absolute;
	top:0px;
	left:4px;
    width: 323px;
	height:79px;
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(../sitegraphics/bubble.png) bottom right;
    color:#fff;
	z-index: 100;
}
.tip-text A {
    color:#069;
}
.tip-loading {
    background: url(../sitegraphics/ajax_load.gif) center center no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}