@charset "UTF-8";
/* CSS Document */

/*
----------------------------------------------
ABOUT
----------------------------------------------
URL: http://wnywindowcleaner.com
Author: 12 Grain Studio

----------------------------------------------
*/




/*
----------------------------------------------
COLORS
----------------------------------------------

Green - 85bb3c
Dark Green: 056939
Light Blue: edf3f8
Blue: a7ceee
Dark Blue: 0e76bc


----------------------------------------------
*/


@import url(http://fonts.googleapis.com/css?family=Arvo:400,700);
@import "reset-min.css";

/*
----------------------------------------------
STRUCTURE
----------------------------------------------
*/

html {
	height: 100%;
}

body {
	font:13px normal Georgia, "Times New Roman", Times, serif;
	background: #edf3f8 url('images/bg_blueTexture.jpg') repeat 0 0;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	color: #0e76bc;
	height: 100%;
}

#flash {
	margin:0 auto;
	z-index:10;
	width:900px;
	height:900px;
	position:fixed;
}

#container {
	margin: 0px auto;
	padding: 0;
	min-height: 100%;
	background:#a7ceee url('images/bg_bubbles.jpg') no-repeat -1px bottom;
	width: 889px;
}

.header {
	width:800px;
	height:175px;
	float: left;
	padding: 5px 0 0 0;
}

#mainContent{
	width: 800px;
	margin:0px auto;
	padding: 0;
	background: transparent url('images/bg_glow.jpg') no-repeat top center;
	height: 100%;
}

.col-left{
	width: 360px;
	height:280px;
	margin:0px 10px 0 20px;
	padding: 0;
	float:left;
}

.col-right{
	width: 380px;
	height:280px;
	margin:0px 8px;
	padding: 0;
	float:left;
	background: transparent url('images/img_hand.png') no-repeat center bottom;
}


#bar{
	width: 800px;
	height:265px;
	float:left;
	margin:0 auto;
	padding:0;
	background: transparent url('images/bg_greenTexture.jpg') repeat-x 0 0;
	
}

.col{
	width: 265px;
	height:180px;
	float:left;
	margin:10px 0 10px 0;
	padding:10px 0px;
	overflow:hidden;
	position:relative;
}

.col img{
	margin:0 auto;
	padding:0 15px;
	position:absolute;
}

.col h3{
	vertical-align:bottom;
	margin-top: 125px;
}


#footer {
	clear:both;
	width: 760px;
	height:100%;
	margin:0px auto;
	padding:0 0 50px 20px;
}

.credit {
	float:right;
	text-align:right;
	margin:-50px 0px 0 0;
	font-size: 11px;
}

/*
----------------------------------------------
TEXT
----------------------------------------------
*/

h1, h2, h3 {font-family: 'Arvo', serif;}

h1 {
	font-size:28px;
	font-weight:normal;
	color:#0e76bc;
	margin:0px auto;
	text-align:center;
	padding: 0px 0;
}
h2 {
	font-size:18px;
	font-weight:normal;
	color:#85bb3c;
	padding: 0px 0;
	margin: 0 auto;
	text-align: center;
}

h3 {
	font-size:18px;
	color:#056939;
	padding: 0 0 5px 0px;
	text-align: center;
	margin: 0 auto;
}

h4 {
	font-size:13px;
	color:#edf3f8;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	float: left;
}

p {
	margin:0;
	padding:5px 10px;
	text-align:left;
	line-height:18px;
}

.intro {
	font-size:16px;
	line-height: 21px;
}

.caption {
	margin:0;
	padding-left:10px;
	color:#0E76BC;
	font-size:12px;
}
 img {
	padding:0;
	margin:0;
	display:inline-block;
	top: 0px;
 }
 
 
.logo {
	 background: transparent url('images/logo_clearVision.png') no-repeat 0 0;
	 margin:0 auto;
	 height:125px;
	 width:320px;
	 text-indent:-3000px;
 }

.serving {
	width:550px;
	margin:0 100px;
}

.fb-like {margin:10px 20px 10px; float:left;}

.award{float:right;}
/*
----------------------------------------------
LINKS
----------------------------------------------
*/
a {
	color:#056939;
	text-decoration:none;
	padding:0;
	font-style:italic;
}

a:hover{
	color:#fff;
	text-decoration:none;
	padding:0;
	font-style:italic;
}



a.item {
	background-color:#fff;
	font-weight:normal;
	color:#333333;
	width:300px;
	padding:10px 10px;
	text-decoration:none;
	display:block;
}
a.item:hover {
	background-color:#efefef; 
	width:300px; 
	height:auto; 
	text-decoration:none;
	}

a.item:active {
	background-color:#efefef; 
	width:300px; 
	height:auto; 
	text-decoration:none;
	}


a.social {
	height:20px;
	width:100%;
	float:right;
	text-align:right;
}

a.button {padding:4px 10px; background:#FFF; color:#056939;text-decoration:none;}
a.button:hover {padding:4px 10px; background:#056939; color:#fff;text-decoration:none;}

.credit a:link {color:#edf3f8; font-size:10px;}
.credit a:hover{color:#FFFFFF;}

/* ========= EXTRAs ============*/

.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



::-moz-selection{
	background: #ffffff; !important
	
} 

::selection {
	background: #ffffff; !important
	
}