@charset "UTF-8";

/*
Theme Name: New Site Framework
Author: Omar Jesus Bravo
Author URL: http://www.bravodms.com
*/

/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,a { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal; } 
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
a,ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
li {list-style:none;}
html,body {width:100%; height:100%;}
article,aside,figure,footer,header,hgroup,nav,section { display:block; }
/* End CSS Reset */

/*------------------------------------*\
    Typography
\*------------------------------------*/



/*------------------------------------*\
    Layout Structure
\*------------------------------------*/

body {
	width:1200px;
	background-color: #f9f9f9;
	background-image:url(../assets/graphics/bkgrd-33004552.png);
	background-repeat:repeat;
	margin: 0px auto;
}


img {
	width:100%;
	max-width:1200px;
}


header {
	width:100%;
	height:175px;
	background-color: #FFF;
}

.featured01 {height:150px; background-color:aqua; }
.featured02 {
	height:245px;
	width:100%;
}
/* .featured03 {height:150px; background-color:teal;} */
#leftcol {height:auto; background-color:transparent;}
#middlecol {height:auto; background-color:pink;}
 #rightcol {height:auto; background-color:transparent;}

footer {
	clear:both;
	width:100%;
	height:45px;
	color:#fff;
	padding-top: 15px;
	text-align:center;
	font-size:16px;
	font-family:Comic Sans MS,Arial, sans-serif;
	background: rgb(30,95,149);                        /* Old browsers */
}


/*------------------------------------*\
    Class Definitions
\*------------------------------------*/


@media screen and (min-width: 600px) {
	
}

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

}

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

}

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

}



/*------------------------------------*\
    Responsive Navigation Menu
	author: Omar Jesus Bravo
	@OmarJesusBravo, www.bravodms.com
\*------------------------------------*/

nav {background-color:#1E5F95; height:45px; width:100%;}