@charset "iso-8859-1";
/* ---------------------
basic layout
--------------------- */

body {
	margin-left: 0px;
	margin-top: 5px;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #333333;
	background: #111111;
	
background-attachment: fixed; 
background-image: url(images/cappyBG4.jpg); 
background-repeat: no-repeat; 
background-position: center top
	
}

.headings {
color: #FFCD14;
}

.menu2 {
	background: url(images/menuBG.jpg) no-repeat;
	width: 963px;
	height: 29px;
	color: #ffcd16;
	padding-top:8px;
	font-size: 11px;
}

.menuroundedbrdrs {
	background:#1F1B1B;	
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-radius-topright: 10px; 
	-webkit-border-radius-topleft: 10px;
}

 #container ul.menu li.active{  
     background: #343434;  
     top: 0px;  
     border-bottom: 0px;  
     color: #FBCD17;  
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-radius-topright: 10px; 
	-webkit-border-radius-topleft: 10px;
	height: 16px;
	position:relative;
	z-index: 5;
 } 
 
.menulinks {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}

a {
	color: #ffffff;
    font-weight: bold;
	text-decoration: underline;
	line-height: 18px;
	font-size: 11px;
}

a:active {
	color: #ffffff;
	text-decoration: underline;
}


a:hover, a:focus {
	color: #ffffff;
	text-decoration: underline;
}


a.menulinks,
a.menulinks:visited,
a.menulinks:focus {
	color:#C8C8C8;
	font-size: 11px;
}


a.menulinks:active,
a.menulinks:hover{
	color:#ffffff;
}

.osx {
	padding-right: 20px;
	padding-left: 20px;
}

a.osx,
a.osx:active,
a.osx:focus {
	color:#C8C8C8;
	font-size: 11px;
}

a.osx:hover{
	color:#ffffff;
}

 


.contentTabs {
	height:285px;
	background-color: #bb7b23; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 10px; 
	width:600px; 
	color: #ffffff;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 17px;
	font-weight: bold;
}



.cntblock {
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 20px;
}



.cntblock2 {
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 13px;
	font-weight: normal;
	padding-right: 0px;
	color: #000000;
	text-align:left;

}

.cntblock3 {
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 2px;
	color: #CCCCCC;
}


.cntblockport {
	background: #606060;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 13px;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 20px;
}

.clear{  
     clear: both;  
     height: 0;  
     visibility: hidden;  
     display: block;  
	 }

#container{  
     background: #171717;
     margin: 0em auto;  
     width: 961px;  
	 border-left: 0px solid #000000;
	 border-right: 0px solid #000000;
	 border-bottom: 0px solid #000000;
 }  
 
 #containerAbout{  
     background: #171717;
     margin: 0em auto;  
     width: 961px;  
	 border-left: 1px solid #000000;
	 border-right: 1px solid #000000;
	 border-bottom: 1px solid #000000;
 } 
 
 #container ul{  
     list-style: none;  
     list-style-position: outside;  
 }  
 #container ul.menu li{  
     float: left;  
     margin-right: 10px;  
	 margin-left: -5px;  
     margin-bottom: -1px;  
 }  
 #container ul.menu li{  
     font-weight: 700;  
     display: block;  
     padding: 5px 25px 5px 25px;  
     background: #1F1B1B;  
     margin-bottom: -1px;  
     border: 1px solid #000000;  
     border-width: 1px 1px 1px 1px;  
     position: relative;  
     color: #898989;  
     cursor: pointer;  
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-radius-topright: 10px; 
	-webkit-border-radius-topleft: 10px; 
 }  
 
 /******* /MENU *******/  
 /******* CONTENT *******/  
 .content{  
     margin: 0pt auto;  
     background: #111111;  
     border: 1px solid #000000;  
     text-align: left;  
     padding: 0px;  
     padding-bottom: 2px;  
     font-size: 11px; 
	 width: 893px; 
	 z-index: 1;
 }  
 .content h1{  
     line-height: 1em;  
     vertical-align: middle;  
     height: 48px;  
     padding: 10px 10px 10px 52px;  
     font-size: 22px;  
 }  
 /******* /CONTENT *******/  
 /******* NEWS *******/  
 .content.news h1{  

 }  
 .content.news{  
     display: block;  
	 background: #171717;
	 margin-left: 35px;
	 margin-right: 30px;
	 margin-bottom: 20px;
	 color: #ffffff;
	 padding-top: 20px;
	 padding-bottom: 20px;
 }  
   .content.news a{  
     color: #000000;  
 }  
 
 /******* /NEWS *******/  
 /******* TUTORIALS *******/  
 .content.tutorials h1{  

 }  
 .content.tutorials{  
     display: none;  
	 background: #171717;
	 margin-left: 35px;
	 margin-right: 35px;
	 margin-bottom: 20px;
	 color: #ffffff;
	 padding-top: 20px;
	 padding-bottom: 20px;
 }  
 
  .content.tutorials a{  
     color: #000000;  
 }  
 
 /******* /TUTORIALS *******/  
 /******* LINKS *******/  
 .content.links h1{  
 }  
 .content.links{  
     display: none;  
	 background: #171717;
	 margin-left: 35px;
	 margin-right: 35px;
	 margin-bottom: 20px;
	 color: #ffffff;
	 padding-top: 20px;
	 padding-bottom: 20px;
 }  
 .content.links a{  
     color: #000000;  
 }  
 /******* /LINKS *******/
/******* SPECIALS *******/  
 .content.specials h1{  
     background-color: #333333;
 }  
 .content.specials{  
     display: none;  
	 background: #171717;
	 margin-left: 35px;
	 margin-right: 30px;
	 margin-bottom: 20px;
	 color: #ffffff;
	 padding-top: 20px;
	 padding-bottom: 20px;
 }  
 .content.specials a{  
     color: #000000;  
 }   
 .content.specials ul {
      background-color: #333333;
 }
/******* /SPECIALS *******/ 

/******* CONTACT FORM STYLES *******/  
.style11 {font-family: "Comic Sans MS"}
.style13 {font-family: "Lucida Grande","Comic Sans MS"; font-size: 13px; }
.style14 {font-size: 13px}
.style16 {font-size: 21px}
.style30 {color: #FFFFFF}
/******* /CONTACT FORM STYLES *******/  



/******* INTERNAL CONTENT *******/ 
 .content.internal2 h1{  
  
 }  
 .content.internal2{  
     display: block;  
	 background: #171717;
	 margin-left: 20px;
	 margin-right: 20px;
	 margin-bottom: 0px;
	 border-top: 0px solid #000000;
	 border-left: 0px solid #000000;
	 border-right: 0px solid #000000;
	 border-bottom: 0px solid #000000;
	 color: #ffffff;
	 width: 923px;
	 font-size: 11px;
 }  
   .content.internal2 a{  
     color: #fff8eb;  
	 font-size: 12px;
 } 
 
    .content.internal2 a:hover {  
     color: #FFFFFF;  
 } 
 
     .content.internal3 a{  
     color: #FFFFFF;  
	 font-size: 12px;
	 text-decoration: underline;
 } 
 
    .content.internal3 a:hover {  
     color: #1D1D1D;  
 } 
 
 .contentTabs2 {
	height:240px;
	background-color: #606060; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 10px; 
	width:923px; 
	color: #CCCCCC;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 17px;
	font-weight: bold;

}

 .contentTabs2About {
	height:240px;
	background-color: #606060; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 10px; 
	width:928px; 
	color: #CCCCCC;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 17px;
	font-weight: bold;

}

 .contentTabsMarketing {
	height:240px;
	background-color: #606060; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 10px; 
	width:923px; 
	color: #CCCCCC;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 17px;
	font-weight: bold;

}

 .contentTabsDesign {
	height:240px;
	background-color: #606060; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 10px; 
	width:923px; 
	color: #CCCCCC;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 17px;
	font-weight: bold;

}

.cntblockPortfolio {
visibility:hidden;
display:none;
width:595px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 10px;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 10px;
	background-color: #ffffff; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

.cntblockPortfoliovis {
visibility:visible;
float: left;
width:595px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 10px;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 10px;
	background-color: #ffffff; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	
}

.aboutPadding {
padding-top: 32px;
}

.cntblockPortfolioAbout {
visibility:visible;
float: left;
width:240px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 15px;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 15px;
	background-color: #CCCCCC; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	color: #000000;
}

.cntblockPortfolioAboutHidden {

width:110px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 15px;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 15px;
	background-color: #CCCCCC; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

.portBorder {
border: 1px solid #cccccc;
}
 .contentTabs3 {

	background-color: #606060; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 20px; 
	width:923px; 
	color: #CCCCCC;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 17px;
	font-weight: bold;

}

.adsback {
	background-color: #343434; 
	width: 301px; 
	height: 100px;
	padding-top: 10px;
	padding-left: 20px!important;
	border-right: 0px solid #000; 
}


.adsbox {
	height: 80px;
	width: 280px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	background: #3F3B3B;
	background-image: -moz-linear-gradient(90deg,#3F3B3B,#3F3B3B,#171717);
    background-image: -webkit-gradient(linear,center bottom,center top,from(#3F3B3B),color-stop(50%,#3F3B3B), to(#171717));

}

.adsbox:hover {
	color: #000000;
	background: #3F3B3B;
	background-image: -moz-linear-gradient(90deg,#171717,#171717,#3F3B3B);
    background-image: -webkit-gradient(linear,center bottom,center top,from(#171717),color-stop(50%,#171717), to(#3F3B3B));

}

.adsbox2 {
	padding-top: 30px;
	padding-left: 0px;
	height: 60px;
	width: 280px;
}

.adsbox2 a {
	color: #FFCE17;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 19px;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	width: 200px;
}

.adsbox2 a:hover {
	color: #FFCE17;
}


.printback {
	background-color: #343434; 
	width: 305px; 
	height: 260px;
	padding-top: 5px;
	padding-left: 15px!important;

}


.printbox {
	height: 230px;
	width: 290px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	color: #ffffff;
	background: #3F3B3B;
	background-image: -moz-linear-gradient(90deg,#3F3B3B,#3F3B3B,#171717);
    background-image: -webkit-gradient(linear,center bottom,center top,from(#3F3B3B),color-stop(50%,#3F3B3B), to(#171717));

	
}

.printbox2 {
	padding-top: 10px;
	padding-left: 10px;
	height: 60px;
	width: 290px;
	color: #ffffff;

}

.printimage {

opacity:0.4;filter:alpha(opacity=40);
}


.printback2 {
	background-color: #343434; 
	width: 310px; 
	height: 350px;
	padding-top: 5px;
	padding-left: 15px!important;

}

.printbox4 {
	height: 320px;
	width: 295px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	color: #ffffff;
	background: #3F3B3B;
	background-image: -moz-linear-gradient(90deg,#3F3B3B,#3F3B3B,#171717);
    background-image: -webkit-gradient(linear,center bottom,center top,from(#3F3B3B),color-stop(50%,#3F3B3B), to(#171717));

	
}

.printbox5 {
	padding-top: 10px;
	padding-left: 10px;
	height: 60px;
	width: 295px;
	color: #ffffff;

}
.printimage2 {

opacity:0.8;filter:alpha(opacity=80);
}

.printimage:hover {
opacity:1.0;filter:alpha(opacity=100);
}

.contentInternal {
	padding-top: 5px;
	padding-bottom: 5px;
}
/******* /INTERNAL CONTENT *******/ 


.clear2{
  clear: left;
}

.container2 {
  width: 961px;
  padding: 0px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.container3 {
  width: 340px;
  padding: 0px;
}

.left2 {
  float: left;
  width: 320px;
  padding: 0px;
  border: 0px solid;
  text-align: center;
}

.left3 {
  float: left;
  width: 321px;
  padding-left: 10px;
  border: 0px solid;
  text-align: center;
}

.newsletter {
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 14px;
	padding-left: 20px;
}

.contentTabsnewsletter {
	height:240px;
	background-color: #171717; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #000; 
	padding: 10px; 
	width:190px; 
	color: #ffffff;
	font-family: "Lucida Grande",Arial, Helvetica, Sans Serif;
	font-size: 15px;
	font-weight: bold;
}

.button2 {
	font-size:10px;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	background-color:#51544F;
	border-top: 1px solid #51544F;
	border-right: 1px solid #51544F;
	border-bottom: 1px solid #51544F;
	border-left: 1px solid #51544F;
}

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent;}
	
.tipMid {background: transparent; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent;; height: 32px;}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 900;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 3% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 3% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 3% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 3% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac &*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */