/* ================ << CSS Resets >> ================== */
* {
    border:0;
    margin:0;
    padding:0;
}

ul { 
	list-style-type: disc; 
	list-style-position: outside; 
	padding: 10px;
	margin: 10px;	
}

ol { 
	list-style-position: outside;
	padding: 15px;
	margin: 15px;
}

img { border: none;  }


/* ================ << Element Styling >> ================== */
h1 {
    padding: 10px;
    font-size: 26px;
}

h2, h3 { margin: 0 0 10px 10px; }
h5 {
    margin-top: 15px;
    padding: 5px 10px 5px 10px;
    font-size: 16px;
}

p { padding: 10px; margin-top:10px;}
hr { border: 1px solid #CCC; margin: 10px 0;}
/* ================ << Page Styling >> ================== */

body {
	font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

#wrapper {
    margin: 0 auto;
    width: 800px;
}

/* ================ << CSS Effects >> ======================= */

.polaroid {
    padding: 5px 5px 30px;
    background-color: white;
    box-shadow: 2px 2px 15px #333;
    -moz-box-shadow: 2px 2px 15px #333;
    -webkit-box-shadow: 2px 2px 15px #333;
}

.photo {
    width: 200px;
}

.photo-rt {
    width: 200px;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}

.photo-lt {
    width: 200px;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

.photo-lt:hover,
.photo-rt:hover,
.photo:hover {
    -webkit-transition: -webkit-transform .15s linear;
    -webkit-transform: scale(2.75);
    -moz-transform: scale(2.75);
}

/* ================ << Content Styles >> ==================== */

#content-container {
    background-color: #FFF;
    line-height: 24px;
    width: 780px;
}

#primary-container {
    width: 760px;
    float: left;
    padding: 10px;
}



#primary-container h2 {
    padding-top: 10px;
}

#primary-container .col-left {
    width: 360px;
    float: left;
    padding: 10px;
}
#primary-container .col-right {
    width: 360px;
    float: right;
    padding: 10px;
}

#secondary-container {
    clear:both;
    width: 780px;
    border-top: 1px solid #CCC;
    margin-top: 10px;
}

#secondary-container .col-left {
    width: 360px;
    float: left;
    text-align: center;
    border-right: 1px solid #CCC;
    padding: 0 10px;
}

#secondary-container .col-left img {
    width: 275px;
}

#secondary-container .col-right {
    width: 370px;
    float: right;
    padding: 10px;
    text-align: center;
}

#tertiary-container {
    clear: both;
    width: 760px;
    padding: 10px;
    border-top: 1px solid #CCC;
}

#tertiary-container li:last-child { border: none; }

#tertiary-container li {
    display: inline;
    border-right: 1px solid blue;
    padding: 0 5px;
}

/* ================ << About Us >> ======================== */
.photograph {
    padding: 10px;
    margin: 10px;
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadwo: 2px 2px 10px #333;
}

.photo-img {
    padding: 10px;
    margin: 10px;
    float: right;
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
}

.photo-img-left {
    padding: 10px;
    margin: 15px;
    height: 150px;
    float: left;
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
}
.img-left {
    margin: 15px;
    height: 250px;
    float: left;
}

.img-right {
    margin: 15px;
    height: 250px;
    float: right;
}

/* ================ << Overview Styling >> ======================== */

ol.overview { margin: 0 10px 0 40px; }
ol.overview li {
    list-style-position: outside;
    padding: 5px 0;
    margin-top:10px;
}
.photo-200 {
    height: 250px;
    padding: 10px;
    margin: 10px;
    float: right;
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
}

.gwg-system { 
	height: 150px;
	margin: 10px;
	margin: right;
	float: left;	
}
.label { color: #003300; font-weight: bold; }

/* ================= << Order Sheet Styles >> ===================== */
.order-sheet { font-size: 13px; }

table.order-sheet { 
	border: 1px solid Black;
	width: 740px;
	padding: 5px;
}
.order-sheet th,
.order-sheet td { 
	border: 1px solid black; 
	padding: 5px 10px;
}

.order-sheet ul { 
	padding-left: 40px;
}
/* ================= << Services Styling >> ======================= */

ul.secondary-list li {
    list-style: none;
    margin: 10px;
}

table.services { width: 740px; margin: 10px; font-size: 13px;}
table.services th { text-align: left; }
table.services td { width: 245px; padding: 10px 0; }

/* ================ << Partners Styles >> ================== */
.partner { color: #095BA5; }
.playmakers { color: #850A27; }
.iaie { color: #01006A; }

ul.cite {
    font-size: 13px;
    padding: 0 10px 20px 10px;
}

/* ================ << Global Classes >> ==================== */
.bold { font-weight: bold; }
.center { text-align:center; }
.cite { font-size: 12px; padding: 0 10px 20px 10px; }
.clear { clear: both; }
.emphasis {
    font-size: .75em;
    font-weight: bold;
    font-style: oblique;
}
.excerpts { list-style-type: none; }
.filler { text-align:center; margin: 20px; }
.footnote { font-size: 12px; }
.italic { font-style: italic; }
.lead { padding-top: 0; }
.left { float: left; }
.right { float: right; }
.quote { font-weight: bold; font-size: 12px; font-style: oblique; }
.underline { text-decoration: underline; }