@charset "utf-8";
img, object, embed, video, iframe {
max-width: 100%;
}
.ie6 img {
width:100%;
}

/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile:		5;
dw-num-cols-tablet:		8;
dw-num-cols-desktop:	12;
dw-gutter-percentage:	25;
*/

/* Mobile Layout: 480px and below. */
.gridContainer {
margin:0 auto;
padding:0;
width:99%;
}

#LayoutDiv1 {
clear: both;
float: left;
width:100%;
display: block;
}
#LayoutDiv2 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv3 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv4 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv5 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv6 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv7 {
clear: both;
float: left;
width: 100%;
display: block;
}

footer {
clear: both;
float: left;
width: 100%;
display: block;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) and (max-width:768px) {
.gridContainer {width: 92%;}

#LayoutDiv1 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv2 {
clear: both;
float: left;
width: 48.7179%;
display: block;
}
#LayoutDiv3 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 48.7179%;
display: block;
}
#LayoutDiv4 {
clear: both;
float: left;
width: 48.7179%;
display: block;
}
#LayoutDiv5 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 48.7179%;
display: block;
}
#LayoutDiv6 {
clear: both;
float: left;
width: 48.7179%;
display: block;
}
#LayoutDiv7 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 48.7179%;
display: block;
}
footer {
clear: both;
float: left;
width: 100%;
display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {width: 87%;}
#LayoutDiv1 {
clear: both;
float: left;
width: 100%;
display: block;
}
#LayoutDiv2 {
clear: both;
float: left;
width: 23.7288%;
display: block;
}
#LayoutDiv3 {
clear: none;
float: left;
margin-left: 1.6949%;
width: 23.7288%;
display: block;
}
#LayoutDiv4 {
clear: none;
float: left;
margin-left: 1.6949%;
width: 23.7288%;
display: block;
}
#LayoutDiv5 {
clear: none;
float: left;
margin-left: 1.6949%;
width: 23.7288%;
display: block;
}
#LayoutDiv6 {
clear: both;
float: left;
width: 49.1525%;
display: block;
}
#LayoutDiv7 {
clear: none;
float: left;
margin-left: 1.6949%;
width: 49.1525%;
display: block;
}

footer {
clear: both;
float: left;
width: 100%;
display: block;
}
}