/* global stuff */
html {
    background-color: black;
}

body {
	font-family: helvetica;
	padding: 0px;
	margin: 0px;
	background-color: black;
	font-size: 62.5%;
	/* fix webkit float bug */
	margin: 0 -1em;
	overflow-x: hidden;
}

img {
    border: 0;
}
a.dne {
	text-decoration: line-through !important;
	color: #7d7d7d !important;
}
.tiny {
	font-size: 0.2em;
}
div.spacer {
    padding: 0 0.3em;
}
hr.claro {
    clear: both;
    border: 0;
    border-top: 0px solid black;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.last {
    margin-bottom: 1.5em !important;
}

a {
    color: #666;
    text-decoration: none;
}


h1 {
	padding-bottom: 0.25em;
	line-height: 0.65em;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 2em;
	text-align: center;
	background-color: white;
	font-size: 10em;
	font-family: "Helvetica Neue";
	color: black;
	text-shadow: 1px 1px 0px white, 2px 2px 0px grey, 3px 3px 0px grey, 4px 4px 3px grey;

}

    h1 a {
        text-decoration: none;
    }


/* Home page stuff */
#twitter {
    position: absolute;
    top: 3px;
    left: 3px;
}

div.content {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0 auto;
}
    div.content ul {
    	padding: 0px;
    	list-style-type: none;
    	margin: 0px;
    	color: black;
    }
        div.content ul li {
        	background-color: white;
        	float: left;
        	cursor: pointer;
        	line-height: 0.75em;
        }
        div.content ul li.professional {
        	text-align: right;
        	width: 33%;
        }
        div.content ul li.content {
        	text-align: center;
        	width: 34%;
        }
        div.content ul li.miscellaneous {
        	float: left;
        	text-align: left;
        	width: 33%;
        }
            div.content ul li strong {
            	font-size: 3em;
            }
            
            div.content ul li hr {
                width: 50%;
            }

            div.content ul li ul {
            	padding-bottom: 0px;
            	padding-left: 0px;
            	padding-right: 0px;
            	padding-top: 1em;
            	margin-left: 0px;
            	margin-bottom: 0px;
            	margin-right: 0px;
            	margin-top: 0px;
            	color: white;
            	background-color: black;
            }
                div.content ul li ul li {
                	line-height: 2em;
                	font-size: 2em;
                	color: white;
                	background-color: black;
                	float: none;
                	cursor: default;
                }
                div.content ul li ul li a {
                	color: white;
                	text-decoration: none;
                }
                div.content ul li ul li a:hover {
                	text-decoration: underline;
                }

/* End Global Styles */

/* Product page stuff */
h1.mini {
    padding: 0.5em;
    margin: 0;
    font-size: 1em;
    text-align: left;
    background-color: black;
    color: white;
    font-family: "Bank Gothic";
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
    
    float: left;
    width: 10em;
    border-right: 1px solid white;
    text-align: center;
}
    h1.mini a {
        color: white;
    }
    h1.mini + ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        text-align: center;
    }
        h1.mini + ul li {
            float: left;
            width: 10em;
            border-right: 1px solid white;
            border-left: 1px solid black;
            height: 2em;
            line-height: 2em;
            vertical-align: middle;
            padding: 0.5em;
            color: white;
        }
            h1.mini + ul li a {
                color: white;
                border-bottom: 1px dotted white;
            }
            
            h1.mini + ul li:hover a {
                color: black;
                border-bottom-color: black;
            }
        
        h1.mini + ul li.app {
            background-color: white;
            color: black;
        }
        
        h1.mini + ul li.support-detail {
            color: black;
            border: 0;
            white-space: nowrap;
            display: none;
        }
        
        h1.mini + ul li.support-detail:hover {
            color: black;
            background-color: black;
            border: 0;
        }
        
        h1.mini + ul li.support {
            width: 14.5em;
        }
        
        h1.mini + ul li.support:hover + li.support-detail {
            color: white;
            display: block;
        }
        
        h1.mini + ul li:hover {
            color: black;
            background-color: white;
            
        }
        
div.header-content {
    background-color: white;
    border-top: 1px solid #ccc;
}

    div.header-content div.padding {
        width: 800px;
        margin: 0 auto;
        background: black;
        position: relative;
        
        text-align: center;
    }
    
        div.header-content div.padding span {
            position: absolute;
            width: 100%;
            font-family: Helvetica;
            font-size: 16em;
            top: 10px;
            color: black;
            font-weight: lighter;
            text-shadow: 0 0 5px #ccc;
        }


div.product-content {
    background-color: #DDDFFF;
}
    div.product-content a {
        color: black;
        font-weight: bold;
        text-decoration: underline;
    }
    div.product-content div.padding {
        width: 800px;
        margin: 0 auto;
        background-color: #C2D2FF;
    }
        div.product-content .left {
            width: 65%;
            float: left;
            font-size: 1.4em;
            line-height: 1.6em;
        }
        
            div.product-content .left h2 {
	            text-align: center;
            	border-top: 3px solid black;
            	border-bottom: 1px solid black;
            	padding: 0.2em 0;
           }
            div.product-content .left p {
                padding-left: 1em;
                font-family: "Georgia";
            }
            div.product-content .left ul {
                font-family: "Georgia";
            }
            
            div.product-content .left div.feature {
                width: 50%;
                float: left;
            }
                div.product-content .left div.feature h3 {
                    margin: 0;
                    padding: 0 0.5em;
                }
                
                div.product-content .left div.feature p {
                    margin: 0;
                    padding: 0 0.5em;
                }
                
                    div.product-content .left div.feature ul {
                        margin: 0 1em;
                        padding: 0 0.5em;
                    }
            
        div.product-content .right {
            width: 35%;
            float: left;
            
        }
            div.product-content .right .fixed {
                position: fixed;
            }
            div.product-content .right h2 {
                text-align: center;
                text-shadow: 0px 1px 1px white;
            }
            div.product-content .right div {
                text-align: center;
                width: 256px;
                margin: 0 auto;
                padding-bottom: 1em;
            }
                div.product-content .right div .image-link {
                    text-align: center;
                    width: 64px;
                    
                }
                    div.product-content .right div .image-link img {
                        text-align: center;
                        border: 0
                    }
            div.product-content .right .link-box {
                display: block;
                text-align: center;
                width: 192px;
                border: 1px solid black;
                margin: 0 auto;
                
                font-size: 1.5em;
                letter-spacing: normal;
                
                -webkit-border-top-left-radius: 3px;
                -webkit-border-top-right-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
                -webkit-border-bottom-right-radius: 3px;
                
                -moz-border-radius: 3px;
                
                background-image: -moz-linear-gradient(-90deg, #93B1FF, #1241F1);
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93B1FF), to(#1241F1));
                
                background-color: #93B1FF;
                
                text-decoration: none;
            }
                div.product-content .right .link-box span {
                    color: white;
                    text-shadow: 0 -1px 1px #333;
                }
                
                div.product-content .right .link-box .link-text {
                    display: block;
                    padding: 0.5em 0.5em 0 0.5em;
                }
                div.product-content .right .link-box .meta {
                    display: block;
                    padding: 0 0.5em 0.5em 0.5em;
                }
    
div.product-footer {
    color: black;
    background-color: #C2D2FF;
}
    div.product-footer a {
        color: black;
        font-weight: bold;
        text-decoration: underline;
    }

    div.product-footer .padding {
        background-color: #93B1FF;
        width: 800px;
        margin: 0 auto;

    }

    div.product-footer .section {
        width: 266px;
        float: left;
        
    }
        div.product-footer .section ul {
            list-style-type: none;
            margin: 0;
            font-size: 1.1em;
        }
        div.product-footer .section h4 {
            margin: 0.5em;
            color: black;
            font-weight: bold;
            font-size: 1.2em;
        }
        div.product-footer .section a {
            color: #666;
        }