/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds

body.boxed-layout { background-image: url(../images/bg/lined_paper.png);background-attachment:fixed;} */


body.boxed-layout { background-image: url(../images/bg/004.jpg);
/* Full height */
    height: 100%;
background-attachment:fixed;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.some-css-selector {font-size:13px;}
a {color: #009EA0;}
a: hover {color:#006768;}
p a {color: #009EA0; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;}
p a:hover { color: #03533F; text-decoration:none;}
p a:focus { outline: none; text-decoration: none; color: initial; text-shadow: none; }

.brand-widget {padding: 10px 10px;}

/* Begin Responsive YouTube Video Settings */
.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 0;
    height: 0;
    overflow:hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
/* End  Responsive YouTube Video Settings */

/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
.cute3dslider .kl-slideshow-inner {
padding-top: 5px;
padding-bottom: 5px;
}
}

@media only screen and (max-width : 480px) {
.cute3dslider .kl-slideshow-inner {
padding-top: 5px;
padding-bottom: 5px;
}

}
@media only screen and (max-width : 414px) {
.cute3dslider .kl-slideshow-inner {
padding-top: 5px;
padding-bottom: 5px;
}

}

@media only screen and (max-width : 320px) {
.cute3dslider .kl-slideshow-inner {
padding-top: 5px;
padding-bottom: 5px;
}

}

#tweecool ul li {
	
	margin-bottom: 10px;
	list-style-image: url(../images/icon/icon-Twitter-001.png);
	color: #c5c5c5;
}
#tweecool a {
	color: #1aa9e1;
}
.Twitter-Title {
	color: #1aa9e1;
}
.pclass {
	padding-bottom: 15px;
    border-bottom: thin dashed #CCC;
}
.frame, .small_frame {
	border: 1px solid #eaeaea;
	display: inline-block;
}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff; padding:2px; margin:0;}
.floatleft{ float:left; margin:0px 12px 0px 0px;}