/*------------CSS STYLESHEET DYNAMICALLY GENERATED BY SPARKY---------------*/

/*------------GOOGLE FONTS---------------*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,700,400italic&subset=latin,latin-ext,greek,greek-ext,cyrillic-ext,cyrillic);
html {
    font-size:14px;
}

body {
    color:#9ea4a8;
    font-family:'Ubuntu', sans-serif;
     text-align:left;    font-weight:normal;
    font-style:normal;
    background:#FFFFFF;
}

div.container {
    background:transparent;
}


/*------------ SCREEN < 768px AND < TEMPLATE WIDTH ---------------*/

@media (max-width: 767px) {
    .container {
        width: 100%;
    }

    [class*="span"] {
        width: 100%;
    }

    .two [class*="span"] {
        width: 50%;
    }

    .full .container, .full .row {
        width:100%;
    }

    .full .cell_pad {
        margin: 0;
        padding: 0;
    }
}


/*------------ SCREEN >= 768px AND < TEMPLATE WIDTH ---------------*/

@media (min-width: 768px) {

    .container {
        width: 750px;
    }
    .span1 {
        width: 8.33333333%;
    }
    .span2 {
        width: 16.66666667%;
    }
    .span3 {
        width: 25%;
    }
    .span4 {
        width: 33.33333333%;
    }
    .span5 {
        width: 41.66666667%;
    }
    .span6 {
        width: 50%;
    }
    .span7 {
        width: 58.33333333%;
    }
    .span8 {
        width: 66.66666667%;
    }
    .span9 {
        width: 75%;
    }
    .span10 {
        width: 83.33333333%;
    }
    .span11 {
        width: 91.66666667%;
    }
    .span12 {
        width: 100%;
    }

    .full .container, .full .row {
        width:100%;
    }

    .full .cell_pad {
        margin: 0;
        padding: 0;
    }

}

/*------------ SCREEN >= 992px AND < TEMPLATE WIDTH ---------------*/

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}


/*------------ SCREEN >= TEMPLATE WIDTH ---------------*/

@media (min-width: 1194px) {
.container, .row {
    width:1164px;
}

[class*="span"] {
    margin-left: 0;
}

.content_sparky {
    width:74.99999997%;
}


}

.one .span1 {
    width: 8.33333333%;
}
.one .span2 {
    width: 16.66666667%;
}
.one .span3 {
    width: 25%;
}
.one .span4 {
    width: 33.33333333%;
}
.one .span5 {
    width: 41.66666667%;
}
.one .span6 {
    width: 50%;
}
.one .span7 {
    width: 58.33333333%;
}
.one .span8 {
    width: 66.66666667%;
}
.one .span9 {
    width: 75%;
}
.one .span10 {
    width: 83.33333333%;
}
.one .span11 {
    width: 91.66666667%;
}
.one .span12 {
    width: 100%;
}

.fluid .container, .fluid .container .row {
    width: 100%;
}

.cell_pad {
    padding:0px 0px;
    margin:0px 15px;
}

/*------------ COMMON SETTINGS ---------------*/

a {
    color:#16bdfb;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

a:hover {
    color:#e7472c;
    text-decoration:none;
}

h1, h1 a {
    color:#333333;
    font-size:36px;
    font-family:'Ubuntu', sans-serif;
    text-align:left;    font-weight:300;
    font-style:normal;
    }

h2, h2 a {
    color:#333333;
    font-size:24px;
    font-family:'Ubuntu', sans-serif;
    text-align:left;    font-weight:bold;
    font-style:normal;
    }

h3 {
    color:#333333;
    font-size:16px;
    font-family:'Ubuntu', sans-serif;
    text-align:left;    font-weight:bold;
    font-style:normal;
    }

h4 {
    color:#333333;
    font-size:14px;
    font-family:'Ubuntu', sans-serif;
    text-align:left;    font-weight:bold;
    font-style:normal;
    }

img {
    border:none;
}

/*--------------LOGO----------------*/

.sparky_logo, .sparky_logo a {
	color:#333333;
    font-size:24px;
    font-family:'Ubuntu', sans-serif;
    font-weight:300;
    font-style:normal;
	text-align:left;    text-decoration:none;
}

.sparky_slogan {
	color:#b1b5b8;
    font-size:11px;
    font-family:'Ubuntu', sans-serif;
    font-weight:normal;
    font-style:normal;
	text-align:left;}


select.tinynav {
    float: right;
    width: 40px;
    height: 30px;
    border:none;
    text-indent: -9999px;
    background: url(/images/tinynav.png);
    -webkit-appearance: button;
    border-radius: 0;
    margin-top:22px;
}



/*--------------FONT RESIZE----------------*/

#font_resize a {
    padding:0 2px;
}

