/* Body, Doc, Header and Footer
--------------------------------------------------------------------------------------- */

body {
	background: #0067ab;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
}

#doc_container {
	background: #fff url('../assets/body_bg.jpg') repeat-x;
}

#doc {
	text-align: left;
	width: 1000px;
	margin: 0px auto;
}

#header {
	padding: 40px 0px;
}

#logo {
	padding: 0px 40px;
}

#contact {
	padding: 30px 40px;
	font-size: 16px;
	font-weight: bold;
}

#main {
	width: 600px;
}

#main_inner {
	padding: 0px 0px 0px 60px;
}

#bulletarea {
	width: 540px;	
	font-size: 15px;
	line-height: 30px;
}

#bulletsleft {
	width: 260px;
}

#bulletsright {
	width: 260px;
}

#rightcolumn {
	width: 340px;
}

#rightcolumn_inner {
	padding: 40px;
}

#footerimg {
	padding-top: 10px;
}

#doc, form, textarea, input, select, option {
	font-family: 'Varela Round', Helvetica, Arial, Verdana, sans-serif; 
	color: #656568;
}


/* Headings
--------------------------------------------------------------------------------------- */	

h1 {  
	font-family: 'Enriqueta', serif;
	font-size: 20px;
	line-height: 60px;
	color: #0068ac;
}

h2 {	
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
}

h3 {  
	font-family: 'Enriqueta', serif;
	font-size: 15px;
  	font-weight: bold;
  	color: #0068ac;
}

h4 {  
	font-family: 'Enriqueta', serif;
	font-size: 13px;
	line-height: 20px;
	color: #0068ac;
}

h5 {  
	font-family: Varela Round;
	font-size: 12px;
	line-height: 60px;
	color: #fff;
}


/* Text Elements
--------------------------------------------------------------------------------------- */

p {
	font-size: 13px;
	line-height: 30px;
}

span {

}

strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.faded {
	color: #707070;
}


/* Links
--------------------------------------------------------------------------------------- */	

a, a:link, a:visited {
	text-decoration: underline;
	color: #fff;
}

a:hover, a:focus {
	text-decoration: none;
}

#contact a,#contact a:link,#contact a:visited {
	text-decoration: underline;
	color: #656568;
}

/* Lists
--------------------------------------------------------------------------------------- */

ul {

}

li {
	margin-bottom: 10px;
}

ul.normal {
	list-style-type: disc;
	list-style: disc;
}

ul.features {
	list-style-type: disc;
	list-style: disc;
	font-family: 'Enriqueta', serif;
	font-size: 13px;
	line-height: 20px;
	color: #0068ac;
}

ul.normal li {
	list-style-type: disc;
	list-style: disc;
	margin-left: 20px;
}


/* Special Rules Setup
--------------------------------------------------------------------------------------- */

.nolorf				{	font-size: 0px;	line-height: 0px;			}
.nowrap				{	white-space: nowrap;						}

.margin				{	margin: 10px;								}

.pv					{	padding-top: 10px; padding-bottom: 10px;	}
.ph					{	padding-left: 10px; padding-right: 10px;	}
.pad				{	padding: 10px;								}
.pad_double			{	padding: 20px;								}
.pad_small			{	padding: 5px;								}

.pv_top				{	padding-top: 10px;							}
.pv_bottom			{	padding-bottom: 10px;						}

.pv_double_top		{	padding-top: 20px;							}
.pv_double_bottom	{	padding-bottom: 20px;						}

.ph_left			{	padding-left: 10px;							}
.ph_right			{	padding-right: 10px;						}

.ph_double_left		{	padding-left: 20px;							}
.ph_double_right	{	padding-right: 20px;						}

.pv_double			{	padding-top: 20px;  padding-bottom: 20px;	}
.ph_double			{	padding-left: 20px; padding-right: 20px;	}
.ph_triple			{	padding-left: 30px; padding-right: 30px;	}

.split_top			{	border-top: 1px solid #dedede;				}
.split_bottom		{	border-bottom: 1px solid #e9e9e9;			}

.tcenter			{	text-align: center;							}
.tright				{	text-align: right;							}
.tleft				{	text-align: left;							}


/* Floating
--------------------------------------------------------------------------------------- */	

.left	{ float: left; }
.right	{ float: right; }
.clear 	{ clear: both; }


/* Responsiveness
--------------------------------------------- */

@media screen and (max-width: 700px) {
	
	#doc {
		width: 320px;
	}
	
	#logo.left {
		float: none;
		padding: 0px 20px;
	}
	
	#logo img {
		width: 240px;
	}
	
	#contact.right {
		float: none;
		padding: 60px 20px 0px 20px;
	}
		
	#main.left {
		float: none;
		width: 320px;
	}
	
	#main_inner {
		padding: 20px;
	}
	
	h1 {  
		line-height: 30px;
	}
	
	h5 { 
		display: inline;	
	}
	
	#rightcolumn.right {
		float: none;
		margin-top: -180px;
		width: 320px;
	}
	
	#bulletarea {
		width: auto;	
	}
	
	#bulletsleft.left {
		float: none;
	}
	
	#bulletsright.right {
		float: none;
	}
	
	#intuitlogo {
		position: relative;
		left: 200px;
		width: 60px;	
	}
	
	#footerimg {
		display: none;
	}

}