* {
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}
img {
border:0 none;
}
a, a:link, a:visited, a:active {
color:#444444;
font-weight: normal;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
body {
background:#CCCCCC url(img/backgroundTile.jpg) repeat scroll center top;
font-family:"Lucida Grande",Helvetica,Arial,sans;
font-size:10pt;
padding:30px 0;
}
#header {
height:74px;
margin:auto;
width:903px;
}
#content {
margin:auto;
padding-top:20px;
width:903px;
}
#main {
background:transparent url(img/mainBackgroundTile.png) repeat-y scroll left top;
padding:0 2px;
}
#footer {
background:transparent url(img/mainBackgroundEnd.png) no-repeat scroll left top;
height:20px;
padding:10px;
}
h1 {
float:left;
height:75px;
width:500px;
}
h1 a {
display:block;
height:75px;
text-indent:-9999px;
width:500px;
}
h2 {
display:none;
}
h3 {
display:none;
}
h5 {
/*color:#699A01;*/
color:#900;
font-size:16px;
margin-top:20px;
text-shadow:0 1px 0 white;
}
h6 {
color:#699A01;
font-size:14px;
margin-top:10px;
text-shadow:0 1px 0 white;
}
h6 a {
color:#699A01;
font-size:14px;
margin-top:10px;
text-shadow:0 1px 0 white;
}
h7 {
/*color:#699A01;*/
font-size:12px;
}
#menu {
background:transparent url(img/menuBackground.png) no-repeat scroll left top;
height:74px;
margin:auto;
width:903px;
}
#menu li {
float:right;
height:74px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menu li span {
display:none;
}
#menuDrawIt {
background:transparent url(img/menuDrawIt.png) no-repeat scroll left top;
display:block;
height:74px;
width:112px;
}
#menuDrawIt:hover {
background-position:left bottom;
}
#menuEmail {
background:transparent url(img/enviaremail.png) no-repeat scroll left top;
display:block;
height:74px;
width:135px;
}
#menuEmail:hover {
background-position:left bottom;
}
#menuFontcase {
background:transparent url(img/menuFontcase.png) no-repeat scroll left top;
display:block;
height:74px;
width:137px;
}
#menuFontcase:hover {
background-position:left bottom;
}
#menuAboutUs {
background:transparent url(img/menuAboutUs.png) no-repeat scroll left top;
display:block;
height:74px;
width:135px;
}
#menuAboutUs:hover {
background-position:left bottom;
}
#menu a.active {
background-position:left bottom;
}
#headerFontcase {
background:transparent url(img/headerFontcase.png) no-repeat scroll left top;
height:116px;
}
#headerDrawIt {
background:transparent url(img/headerDrawIt.png) no-repeat scroll left top;
clear:both;
height:116px;
}
#headerAbout {
background:transparent url(img/headerAbout.png) no-repeat scroll left top;
height:116px;
}
#headerHome {
background:transparent url(img/headerHome.png) no-repeat scroll left top;
height:40px;
}
#headerBigButtons {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 15px;
width:104px;
}
#headerBigButtons li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:17px 0 0;
}
#headerBigButtons li span {
display:none;
}
#headerDownload {
background:transparent url(img/buttonDownload.png) no-repeat scroll left top;
display:block;
height:30px;
width:104px;
}
#headerDownload:hover {
background-position:left bottom;
}
#headerPurchase {
background:transparent url(img/buttonPurchase.png) no-repeat scroll left top;
display:block;
height:30px;
width:104px;
}
#headerPurchase:hover {
background-position:left bottom;
}
.bubbleInfo {
padding-top:20px;
position:relative;
}
.popup {
background:transparent url(img/popupBackground.png) no-repeat scroll left top;
color:#444444;
font-size:8pt;
height:46px;
left:-300px;
opacity:0;
padding:13px 35px 0 18px;
position:absolute;
text-shadow:0 1px 0 white;
top:9px;
width:240px;
}
.trigger span {
display:none;
}
#headerSmallButtons {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:1px;
width:131px;
}
#headerSmallButtons li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#headerSmallButtons li span {
display:none;
}
#headerManual {
background:transparent url(img/buttonManual.png) no-repeat scroll left top;
display:block;
height:39px;
width:123px;
}
#headerManual:hover {
background-position:left bottom;
}
#headerStore {
background:transparent url(img/buttonStore.png) no-repeat scroll left top;
display:block;
height:37px;
width:123px;
}
#headerPlugins {
background:transparent url(img/buttonPlugins.png) no-repeat scroll left top;
display:block;
height:37px;
width:123px;
}
#headerTutorials {
background:transparent url(img/buttonTutorials.png) no-repeat scroll left top;
display:block;
height:37px;
width:123px;
}
#headerStore:hover {
background-position:left bottom;
}
#headerPlugins:hover {
background-position:left bottom;
}
#headerTutorials:hover {
background-position:left bottom;
}
#headerSupport {
background:transparent url(img/buttonSupport.png) no-repeat scroll left top;
display:block;
height:37px;
width:123px;
}
#headerSupport:hover {
background-position:left bottom;
}
#iconFontcase, #iconMail, #iconAbout, #iconMapa, #iconDescargas, #iconHistoria, #iconEscultismo {
	float: left;
	height:128px;
	left:20px;
	position: relative;
	top:-100px;
	width: 128px;
}
#iconFontcase {
background:transparent url(img/iconFontcase.png) no-repeat scroll left top;
}
#iconEscultismo {
background:transparent url(img/escultismo.png) no-repeat scroll left top;
}
#iconMail {
background:transparent url(img/iconmail.png) no-repeat scroll left top;
}
#iconMapa {
background:transparent url(img/headermapa.png) no-repeat scroll left top;
}
#iconDescargas {
background:transparent url(img/iconodescargas.png) no-repeat scroll left top;
}
#iconHistoria{
background:transparent url(img/historia.png) no-repeat scroll left top;	
}
#iconAbout {
background:transparent url(img/iconAbout.png) no-repeat scroll left top;
}
#tab {
background:transparent url(img/tabTile.png) repeat-x scroll left top;
clear:both;
}
#tab ul {
padding:11px 0 11px 168px;
text-align:left;
width:733px;
}
#tab li {
display:inline;
white-space:nowrap;
}
#tab li a.static {
color:#444444;
padding:7px;
text-shadow:0 1px 0 white;
}
#tab li a.static:hover {
background:transparent url(img/tabHover.png) repeat-x scroll left top;
padding:10px 7px;
}
#tab li a.selected {
background:transparent url(img/tabSelected.png) repeat-x scroll left top;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#222222;
padding:10px 6px;
text-shadow:0 1px 0 white;
}
#tab li img {
margin:0 6px 6px 0;
vertical-align:top;
}
.feature {
color:#777777;
font-size:11pt;
height:auto;
left:0;
line-height:18pt;
padding:60px;
position:relative;
top:0;
}
.feature h4 {
width:250px;
}
.feature h4 span {
display:none;
}
#fontcasefeature1 {
background:transparent url(img/fontcaseFeature1Background.jpg) no-repeat scroll right top;
padding-right:580px;
}
#fontcasefeature1 h4 {
background:transparent url(img/fontcaseFeature1Header.jpg) no-repeat scroll left top;
height:66px;
}
#fontcasefeature2 {
background:transparent url(img/fontcaseFeature2Background.jpg) no-repeat scroll left top;
padding-left:570px;
}
#fontcasefeature2 h4 {
background:transparent url(img/fontcaseFeature2Header.jpg) no-repeat scroll left top;
height:80px;
}
#fontcasefeature3 {
background:transparent url(img/fontcaseFeature3Background.jpg) no-repeat scroll right top;
padding-right:250px;
}
#fontcasefeature3 h4 {
background:transparent url(img/fontcaseFeature3Header.jpg) no-repeat scroll left top;
height:83px;
}
#fontcasefeature4 {
background:transparent url(img/fontcaseFeature4Background.jpg) no-repeat scroll left top;
padding-left:600px;
}
#fontcasefeature4 h4 {
background:transparent url(img/fontcaseFeature4Header.jpg) no-repeat scroll left top;
height:83px;
}
#fontcasefeature5 {
background:transparent url(img/emailBackground.jpg) no-repeat scroll right top;
padding-right:200px;
}
#fontcasefeature5 h4 {
background:transparent url(img/fontcaseFeature5Header.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature5descargas {
background:transparent url(img/DescargasBackground.jpg) no-repeat scroll right top;
padding-right:320px;
}
#fontcasefeature5descargas h4 {
background:transparent url(img/headerdescargas.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature5documentos {
background:transparent url(img/DocumentosBackground.jpg) no-repeat scroll right top;
padding-right:320px;
}
#fontcasefeature5documentos h4 {
background:transparent url(img/headerdescargas.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature5historia {
background:transparent url(img/bpBackground.jpg) no-repeat scroll right top;
padding-right:280px;
}
#fontcasefeature5historia h4 {
background:transparent url(img/HistoriaHeader.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature5escultismo {
background:transparent url(img/bpBackground.jpg) no-repeat scroll right top;
padding-right:280px;
}
#fontcasefeature5escultismo h4 {
background:transparent url(img/headerescultismo.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature5mapa {
background:transparent url(img/mapaBackground.jpg) no-repeat scroll right top;
}
#fontcasefeature5mapa h4 {
background:transparent url(img/fontcaseFeature5mapa.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature52 {
background:transparent url(img/emailBackground.jpg) no-repeat scroll right top;
padding-right:280px;
}
#fontcasefeature52 h4 {
background:transparent url(img/fontcaseFeature5Header.jpg) no-repeat scroll left top;
height:53px;
}
#fontcasefeature6 {
background:transparent url(img/fontcaseFeature6Background.jpg) no-repeat scroll left top;
padding-left:650px;
}
#fontcasefeature6 h4 {
background:transparent url(img/fontcaseFeature6Header.jpg) no-repeat scroll left top;
height:30px;
}
#fontcasefeature7 {
margin-bottom:80px;
padding-bottom:0;
padding-left:170px;
padding-top:0;
}
#fontcasefeature7 p {
font-size:13px;
}
#drawItfeature1 {
background:transparent url(img/drawItFeature1Background.jpg) no-repeat scroll left top;
padding-left:620px;
}
#drawItfeature1 h4 {
background:transparent url(img/drawItFeature1Header.jpg) no-repeat scroll left top;
height:66px;
}
#drawItfeature2 {
background:transparent url(img/drawItFeature2Background.jpg) no-repeat scroll right top;
padding-right:650px;
}
#drawItfeature2 h4 {
background:transparent url(img/drawItFeature2Header.jpg) no-repeat scroll left top;
height:55px;
}
#drawItfeature3 {
background:transparent url(img/drawItFeature3Background.jpg) no-repeat scroll left top;
padding-left:600px;
}
#drawItfeature3 h4 {
background:transparent url(img/drawItFeature3Header.jpg) no-repeat scroll left top;
height:55px;
}
#drawItfeature4 {
background:transparent url(img/drawItFeature4Background.jpg) no-repeat scroll right top;
padding-right:520px;
}
#drawItfeature4 h4 {
background:transparent url(img/drawItFeature4Header.jpg) no-repeat scroll left top;
height:53px;
}
#drawItfeature5 {
background:transparent url(img/drawItFeature5Background.jpg) no-repeat scroll right top;
padding-right:600px;
}
#drawItfeature5 h4 {
background:transparent url(img/drawItFeature5Header.jpg) no-repeat scroll left top;
height:26px;
}
#drawItfeature6 {
background:transparent url(img/drawItFeature4Background.jpg) no-repeat scroll right top;
padding-left:520px;
}
#drawItfeature6 h4 {
background:transparent url(img/drawItFeature4Header.jpg) no-repeat scroll left top;
height:53px;
}
#drawItfeature7 {
background:transparent url(img/drawItFeature3Background.jpg) no-repeat scroll left top;
padding-left:600px;
}
#drawItfeature7 h4 {
background:transparent url(img/drawItFeature3Header.jpg) no-repeat scroll left top;
height:55px;
}
#about1 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about3 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about4 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about5 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about6 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about7 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about2 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about2.feature form {
padding-top:5px;
}
.productContainer {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:20px 0;
padding:10px 20px;
}
.itemFontcase1 {
background:transparent url(img/fontcase1.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemFontcase5 {
background:transparent url(img/fontcase5.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemFontcase10 {
background:transparent url(img/fontcase10.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemDrawIt1 {
background:transparent url(img/drawit1.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemDrawIt5 {
background:transparent url(img/drawit5.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemDrawIt10 {
background:transparent url(img/drawit10.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemBundle {
background:transparent url(img/bundle.jpg) no-repeat scroll left top;
padding:10px 0 10px 115px;
}
.itemsHeader {
font-size:10px;
padding:10px 0;
}
.itemTitle {
color:#333333;
font-size:13px;
}
#about3 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#about4 {
font-size:11px;
height:100%;
padding:10px 170px 20px;
}
#screenshots {
background:#EEEEEE url(img/ssTakeALook.png) no-repeat scroll left center;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
clear:both;
height:76px;
margin-top:20px;
padding:10px 0 0 100px;
text-align:center;
}
#screenshots img {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:white none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:0 6px;
padding:3px;
}
#screenshots img:hover {
background:white none repeat scroll 0 0;
border:1px solid #93ACC8;
}
ul, li {
list-style-type:square;
}
#credits {
color: #FFF;
font-size:10px;
padding-top:10px;
text-align:center;
text-shadow:0 1px 0 white;
}
#credits a {
color: #FFC;
}
.borderimg {
border:1px solid #707270;
margin-bottom:1.5em;
}
pre {
border-left:1px solid gray;
line-height:130%;
margin:10px;
padding:10px;
}
.list-left {
float:left;
height:160px;
margin-right:10%;
width:40%;
}
.list-right {
float:right;
height:160px;
margin:0 10% 0 0;
width:40%;
}
li img {
margin:0 5px 0 0;
}
.plugin-list {
float:left;
height:120px;
list-style-image:url(img/iconPlugins.png);
list-style-position:inside;
margin:0 10% 0 0;
width:40%;
}