/*********************************** www.iconaholic.com ***********************************/

body {margin: 0; padding: 0; font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif; font-size: 11px; line-height: 1.4; color: #222; background-color: #a6a6a6;}
html {min-height: 100%; margin-bottom: 1px;}


/*********************************** Links ***********************************/

a:link {color:  #3875d7; text-decoration: none;}	
a:visited {color:  #3875d7; text-decoration: none;}
a:hover {color: #3875d7; text-decoration: underline;}
	
	#sidebar a:link {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;} 	
	#sidebar a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
	#sidebar a:hover {color: #BDD5F9; text-decoration: none; border-bottom: 1px solid #a8cfff;}
	
.right {text-align: right;}
	.right a {border: none;}
	
.right2 {text-align: right; margin-top: 8px;}
	.right2 a {border: none;}
	
.centre {text-align: center;}
	.centre a:link {border: none;}
	
img {border: none;}
a img {border: none;}


/*********************************** Headings ***********************************/

h1, h2, h3, h4, h6 {font-weight: normal; padding: 0; text-shadow: 0 2px #fff;}		
h1 {color: #6C6C6C; font-size: 24px; margin: 0;}	
h2 {color: #6C6C6C; font-size: 19px; margin: 10px 0 0 0;}
	#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {text-shadow: none;}
	#sidebar h2 {font-size: 18px; color: #888;}
				
h3 {font-size: 14px; color: #888; margin-bottom: 5px; }	
h4 {color: #6C6C6C; font-size: 17px; margin: 10px 0 0 0; padding-bottom: 0;}		
h5 {font-weight: 500; font-size: 14px; margin: 25px 0 0 0; padding-bottom: 0;}	
h6 {color: #6C6C6C; font-size: 16px; margin: 5px 0 5px 0; padding-bottom: 0;}	
	.text-rf h6 {color: #888; font-size: 16px; margin: 5px 0 15px 0; padding-bottom: 0;}	


/*********************************** Lists ***********************************/
		
ul {padding: 0 0 15px 20px; margin: 0;}	
li {list-style: circle; padding-top: 3px;}

#sidebar ul {list-style: none; margin: 0 0 25px 0; padding: 0;}
#sidebar li {list-style: none; padding: 5px 0 5px 0; border-bottom: 1px solid #444;} 
#sidebar img {margin-right: 12px; padding-top: 5px;}

.del li {list-style: none; padding: 5px 0 5px 15px; background: url(../images/site-images/bullet-del.gif) no-repeat 0 11px;}	
.none ul {background: none; padding: 10px 0 15px 0; margin: 0;}
.none li {background: none; padding-left: 0;}


/*********************************** Breaks ***********************************/

.breaker {border-bottom: dashed 1px #ccc; margin: 10px 0 15px 0; padding: 0;}
	#sidebar .breaker {border-bottom: dashed 1px #444;}
		
.breaker-b {border-bottom: dotted 1px #ff6600; margin: 10px 0 15px 0; padding: 0;}
.line-breaker {border-bottom: 1px solid #ccc; margin: 10px 0 15px 0; padding: 0;}
.separator {padding: 10px 0 0 0; border-bottom: 1px solid #ccc; margin: 10px 0 10px 0;}


/*********************************** Layout Divs ***********************************/

#wrapper {margin: 0 auto; padding: 15px 0 15px 0; background-repeat: repeat-y; background-position: center; background-image: url(../images/site-images/bg.gif); background-color: #a6a6a6;}	
#header {margin: 0 auto 15px auto; padding: 0 10px 0 10px; color: #fff; width: 646px; height: 140px; background-image: url(../images/site-images/header.jpg); background-position: center; background-repeat: no-repeat;}	
#menu {color: #fff; font-size: 12px; padding-top: 115px;}
#page-title {padding: 10px 0 0 0; border-bottom: 1px solid #ccc; margin-bottom: 10px;}	
		

/*********************************** Content ***********************************/
		
#container {width: 666px; margin: 0 auto 0 auto; padding: 0; background-image: url(../images/site-images/bg-c.gif); background-position: center; background-repeat: repeat-y;}
#container-fw {width: 666px; margin: 0 auto 0 auto; padding: 0; background-image: url(../images/site-images/bg-fw.gif); background-position: center; background-repeat: repeat-y;}
#sidebar {float: right; margin: 0; padding: 10px 20px 15px 20px; color: #fff; width: 165px;}
#content {padding: 15px; width: 415px;}
#content-fw {padding: 15px; width: 637px;}
.content {padding: 0; width: 350px; }
.content-b {width: 415px; margin-bottom: 10px;}
.content-b img {float: left; padding-right: 10px; margin: 0 5px 5px 0;}	
.content-sb {padding-bottom: 10px; border-bottom: solid 1px #ccc; margin-bottom: 15px;}	
.content-sb img {float: left; padding-right: 10px; margin: 0 5px 5px 0;}	
.content-bb {}	
.content-bb img {float: left; padding-right: 10px; margin: 0 5px 5px 0;}
	
	
/*********************************** Footer ***********************************/

#divide {clear: both; width: 666px; height: 15px; margin: 0 auto; background-color: #fff;}
#footer {margin: 0 auto; font-size: 9px; width: 636px; padding: 10px 15px; background-color: #f0f0f0;}
#footer-left {width: 430px;}
#footer-right {float: right; text-align: right; color: #9c9d9f; width: 195px;}
#footer-right a {color: #222; text-decoration: none; border: none;}
#footer-right a:visited {color: #222; text-decoration: none; border: none;}
#footer-right a:hover {color: #3875d7; text-decoration: none; border-bottom: 1px dotted #227EE9;}

.rss {float: right; margin: 0 0 0 5px;}
	.rss a {border: none; }

#footer-shadow { clear: left; padding: 0; background-repeat: no-repeat; background-position: center; height: 15px; background-image: url(../images/site-images/footer-s.gif); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.banner {float: left; position: absolute; top: 0px; left: 0px;}


/*********************************** Content Shiznit ***********************************/

.text-r {width: 140px; height: 140px; padding-top: 10px; line-height: 3em; margin-left: 270px;}	
	.text-r img {margin: 11px 10px 0 0; padding: 0;}

.text-rf {width: 150px; height: 140px; padding-top: 5px; margin-left: 265px;}
	.text-rf img {margin: 1px 5px 0 0; padding: 0;}
	.text-rf p {margin: 8px 0 15px 0;}
	.dl-fp {padding-right: 5px; margin: 0 5px 5px 0;}
	
#dl-box1, #dl-box2, #dl-box3, #dl-box4 {margin: 15px 0 5px 0;}
	.teee, .teee2 {background-color: #fff; border: 1px solid #ccc; padding: 5px;}
	.teee img {padding: 0 6px 0 42px;}
	.teee2 img {padding: 0 6px 0 29px;}
	

/*********************************** Stock Icons ***********************************/

.si-large { color: #6C6C6C; font-size: 17px; }
.si-med { color: #6C6C6C; font-size: 19px; }
.more-info { margin-left: 15px; }
#si-sample img { margin-right: 6px; padding: 0; }	

/** #sidebar img {margin-right: 12px; padding-top: 5px;} **/


/*********************************** Forms ***********************************/
		
form {padding: 10px 0 0 0;}
input, select, textarea {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 11px; border: 1px solid #ccc;}
input {margin-bottom: 4px;}
label {float: left; width: 120px; padding: 5px 0 0 15px; font-weight: bold;}
.label-2 {padding-left: 137px; border: none;}
	.label-2 input {border: none;}
	.label-2 img {border: none;}

.nr {background-color: #f7f7f7; }	
.blue {color:  #3875d7; font-weight: bold;}
#sidebar input, select {border: none;}
	
.paypal {margin: 5px 0 0 6px; }
	.paypal img {margin: 0 3px 0 3px; border: none;}
	.paypal form {display: inline;}

	
/*********************************** Menu Components ***********************************/

#header ul {padding: 0; }	
#header li, #header li a {display: inline; background: none; margin-right: 3px;}
#header li a {color: #99ccff; text-decoration: none; border-bottom: 2px;}
#header li a:hover {color: #99ccff; border-bottom: 2px solid #fff; margin-bottom: auto;}

#ihome #home a,
#idownloads #downloads a,
#idesign #design a,
#istock-icons #stock-icons a,
#ilinks #links a,
#ihelp #help a,
#icontact #contact a {color: #fff; border-bottom: 2px solid #fff;}


/*********************************** Menu Footer Components ***********************************/


#footer-menu {margin: 0 auto 20px 0; text-align:center; padding: 0;}		
#footer-menu ul {padding: 0;}
#footer-menu li, #footer-menu li a {display: inline; background: none; color: #a6a8aa; margin-right: 5px;}
#footer-menu li a {color: #666; text-decoration: none; border-bottom: 1px;}
#footer-menu li a:hover {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
		
#ihome #home-f a,
#idownloads #downloads-f a,
#idesign #design-f a,
#istock-icons #stock-icons-f a,
#ilinks #links-f a,
#ihelp #help-f a,
#icontact #contact-f a {color: #fff; border-bottom: 1px dotted #fff;}


/*********************************** SL Stuff ***********************************/


/********** PayPal **********/
	
#s-down {height: 145px;}

#paypal {margin: 4px 0 10px 0;}	
	#paypal a:link {border: none;}	
	#paypal a:visited {border: none;}
			
#paypal2 {margin: 1px 0 3px 0;}	
	#paypal2 a:link {border: none;}		
	#paypal2 a:visited {border: none;}
	
	
.paypal {margin: 5px 0 0 6px; }		
.paypal img {margin: 0; padding: 0;}	
.paypal form {display: inline; margin-right: 5px; padding: 0;}
			
.slidebox {padding: 10px 0 10px 0; height: auto;}	
.slidebox-pp {padding: 5px 0 5px 0;}


.buynow { height: 20px; margin: 0 0 0 10px; padding: 0; }
.buynow img { float: left; margin-right: 20px; }

.buynow form { float: left; margin: 0; padding: 0;}
.buynow input { border: none; }

.clearleft { clear: left; }


/********** contact **********/	
	
#send {height: 50px;}
#thanks {height: 65px;}

.blank {padding: 10px 0 10px 0; margin-bottom: 10px;}
	.blank img {margin-right: 8px;}
	
.blank2 {padding: 10px 0 10px 0;}
				
#resultArea {margin: 0 15px 25px 15px; padding: 5px 20px 5px 20px; background-color: #fff; border: 1px solid #ccc;}
.space {height: 25px; clear: left;}
	
.own-email { height: 40px; }
	
/*********************************** LightView ***********************************/	
	
#contact_form_box {margin: 0 20px 20px 20px;}

 
 /***** download box *****/ 
.dl-box h1 {text-align: center;}
.dl-box a img {border: none;}

/** 2 item box **/
.dl-img2 ul, .dl-img3 ul {padding: 0;}

.dl-img2  {width: 400px; margin: 25px auto 0 auto; padding: 0;}
/**.dl-img2 li {display: inline; background: none; margin: 0 35px 0 35px;} **/
	
.dl-txt-bx2 {width: 400px; margin: 5px auto 0 auto; padding: 0; font-size: 13px;}			
.dl-txt2, .dlbox-icon2 {float: left; width: 128px; text-align: center; margin: 5px 35px 0 35px; padding: 0;}	
 
 /** 3 item box **/
.dl-img3  {width: 540px; margin: 25px auto 0 auto; padding: 0;}
/**.dl-img3 li {display: inline; width: 128px; background: none; margin: 0 25px 0 25px;} **/

.dl-txt-bx3 {width: 540px; margin: 0 auto 0 auto; padding: 0; font-size: 13px;}		
.dl-txt3, .dlbox-icon3 {float: left; width: 128px; text-align: center; margin: 5px 25px 0 25px; padding: 0;}

.contact-zoom {margin: 0 auto; padding-left: 10px;}


/*********************************** Fancy ***********************************/
                       
div#photos                {overflow:auto;}
div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
div.photo a img           {border:1px solid; padding:1px;}
  
div#text a                {font-weight:bold;}
  
div#zoom h2               {margin:10px 0 10px;}
div#zoom p                {line-height:1.6;}
  
  
/*********************************** Lightbox ***********************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat;}

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

#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; outline: none;}	 	

#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}


/********** Custom **********/

#lightbox a, #lightbox a:visited, #lightbox a:hover {border: none;}

/**#lightbox a:visited {border: none; }	
#lightbox a:hover {border: none; }
		
		
/*********************************** Terminado ***********************************/