@charset "UTF-8";

/* OVERAL LAYOUT */

*{
	margin:0px;
	padding:0px;
}


/*----------------------------------------
	Text
----------------------------------------*/
html {
text-align:center;
font:13px Arial,Helvetica,san-serif;
background-color:#ffffff;
padding:0px;
margin:0px;
}
body {
	line-height:18px;
	margin:0;
	border:0;
	padding:0;
	height:100%;
	max-height:100%;
	line-height:140%;
	text-align:center;
	text-decoration:none;
	overflow:auto;
	color:#333333;
	font-family: Arial, Helvetica, san-serif;
	font-size: 13px;
}
h1 {
text-indent:-9999px;
}
h2 {
	color:#f6851e;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.05em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: ##f6851e;
}
h3 {
	color:#f6851e;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.05em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
ul, li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 7px;
}
.error_number {
font:140px Arial,Helvetica,san-serif;
font-weight:bold;
line-height:158px;
text-decoration:none;
color:#980000;
}
.serv_list {
list-style:url(../images/bullet2.gif);
/*list-style:url(http://www.gumbootsmedia.com/images/bullet2.gif);*/
text-indent:0px;
}
.table_head{
font:bold 16px Arial,Helvetica,san-serif;
padding:0px;
color:#ffffff;
}
a:link, a:visited {
font:13px Arial, Helvetica, sans-serif;
line-height:18px;
color:#f6851e;
text-decoration:none;
text-align:left;
}
a:hover {
font:13px Arial, Helvetica, sans-serif;
line-height:18px;
color:#333333;
text-decoration:none;
text-align:left;
}
.bold_red {
font:13px Arial,Helvetica,san-serif;
font-weight:bold;
line-height:18px;
text-decoration:none;
color:#980000;
}
.copyright {
font:11px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
color:#2e2e2e;
}
.copyright a {
font:11px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
color:#f6851e;
}
.copyright a:hover, .copyright a:active {
font:11px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
color:#980000;
}
.quote {
font:18px Arial,Helvetica,san-serif;
font-style:italic;
line-height:25px;
text-decoration:none;
color:#fff;
text-align:left;
}
.quoter {
font:16px Arial,Helvetica,san-serif;
font-weight:bold;
color:#f6851e;
text-decoration:none;
line-height:22px;
text-align:left;
}
.redText {
font:14px Arial,Helvetica,san-serif;
font-weight:bold;
color:#980000;
text-decoration:none;
line-height:22px;
text-align:left;
}
.orangeText {
font:14px Arial,Helvetica,san-serif;
font-weight:bold;
color:#f6851e;
text-decoration:none;
line-height:22px;
text-align:left;
}
.boldGrey {
font:14px Arial,Helvetica,san-serif;
font-weight:bold;
color:#696969;
text-decoration:none;
line-height:22px;
text-align:left;
}
.boldItalGrey {
font:14px Arial,Helvetica,san-serif;
font-weight:bold;
font-style:italic;
color:#696969;
text-decoration:none;
line-height:22px;
text-align:left;
}
.greenText, .mad {
font:14px Arial,Helvetica,san-serif;
color:#00c800;
font-weight:bold;
text-decoration:none;
line-height:22px;
text-align:left;
}

/*----------------------------------------
	HEADER DIVS
----------------------------------------*/
#header_holder {
	height:160px;
	width:auto !important;
	width:100%;
	/*position:fixed;*/
	top:0;
	right:0;
	left:0;
	background-image: url(../images/gml_bg_home.png);
	/*background-image: url(http://www.gumbootsmedia.com/images/gml_bg_home.png);*/
background-repeat: repeat-x;
}
#header {
width:698px !important;
width:700px;
height:140px;
position:relative;
top:0px;
left:0px;
margin-right:auto;
margin-left:auto;
text-align:left;
}
#footer {
	width:698px !important;
	width:700px;
	height:30px;
	position:relative;
	top:0px;
	left:0px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF8B00;
	margin-top: 40px;
}
#logo {
width:300px;
height:75px;
position:relative;
top:10px;
left:0px;
float:left;
}
#loggedout_holder {
	width:370px;
	height:35px;
	/*border:1px #f6851e dotted;*/
	/*background-image:url(../images/gumboots_tagline.png);*/
	/*background-image:url(http://www.gumbootsmedia.com/images/gumboots_tagline.png);*/
position:relative;
	top:35px;
	left:20px;
	float:left;
}
#loggedin_holder {
width:370px;
height:35px;
border:1px #f6851e solid;
background-color:#980000;
position:relative;
top:35px;
left:20px;
float:left;
}
#logout {
position:relative;
top:5px;
left:5px;
font:16px Arial, Helvetica, san-serif;
color:#ffffff;
text-decoration:none;
}
#desc {
font:bold 14px Arial, Helvetica, san-serif;
color:#696969;
position:relative;
top:5px;
left:5px;
text-indent:-9999px;
}
#navigation {
width:700px;
height:30px;
position:absolute !important;
/*position:relative !important;*/
top:109px !important;
left:0px !important;
/*position:fixed;*/
/*top:0px;*/
left:0px;
/*float:left !important;*/
/*z-index:9999;*/
}
/*----------------------------------------
	MAIN CONTENT DIVS
----------------------------------------*/
#main_body {
width:auto !important;
width:100%;
height:auto;
/*position:fixed;*/
top:160px;
right:0px;
bottom:0px;
left:0px;
text-align:center;
/* border-top:1px #f6851e solid; */
background-repeat:repeat-x;
/*overflow:auto !important;*/
/*overflow:hidden;*/
}
#content_holder {
width:700px;
height:auto;
position:relative;
top:0px;
left:0px;
margin-right:auto;
margin-left:auto;
text-align:left;
}
#content {
	width:700px;
	height:auto;
	position:relative;
	top:10px;
	left:0px;
	text-align:left;
	padding-bottom:20px;
}
#nav1 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:0px;
}
#nav2 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:7px;
}

#nav_active_2 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#fff;
text-decoration:none;
background: url("../images/rollovers.png") -150px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") -150px 0px no-repeat;*/
position:relative;
left:7px;
}

#nav3 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:14px;
}
#nav_active_3 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#fff;
text-decoration:none;
background: url("../images/rollovers.png") -150px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") -150px 0px no-repeat;*/
position:relative;
left:14px;
}

#nav4 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:21px;
}

#nav_active_4 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#fff;
text-decoration:none;
background: url("../images/rollovers.png") -150px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") -150px 0px no-repeat;*/
position:relative;
left:21px;
}

#nav5 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:28px;
}
#nav_active_5 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#fff;
text-decoration:none;
background: url("../images/rollovers.png") -150px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") -150px 0px no-repeat;*/
position:relative;
left:28px;
}

#nav6 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:35px;
}
#nav_active_6 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#fff;
text-decoration:none;
background: url("../images/rollovers.png") -150px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") -220px 0px no-repeat;*/
position:relative;
left:35px;
}

#nav7 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#f6851e;
text-decoration:none;
background: url("../images/rollovers.png") 0px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
position:relative;
left:42px;
}
#nav_active_7 {
float:left;
clear:right;
text-align:center;
width:75px;
height:30px;
color:#fff;
text-decoration:none;
background: url("../images/rollovers.png") -150px 0px no-repeat;
/*background: url("http://www.gumbootsmedia.com/images/rollovers.png") -220px 0px no-repeat;*/
position:relative;
left:42px;
}

#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a {
display:block;
width:75px;
height:30px;
color:#f6851e;
font:11px Arial, Helvetica, san-serif;
text-align:center;
line-height:12px;
text-decoration:none;
background:url("../images/rollovers.png") 0px 0px no-repeat;
/*background:url("http://www.gumbootsmedia.com/images/rollovers.png") 0px 0px no-repeat;*/
}
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav7 a:hover {
color:#fff;
background-position: -75px 0px;
}
#nav1 a:active, #nav2 a:active, #nav3 a:active, #nav4 a:active, #nav5 a:active, #nav6 a:active, #nav7 a:active {
color:#fff;
background-position: -150px 0px;
}
/*----------------------------------------
	WELCOME DIVS
----------------------------------------*/
#welcome {
width:700px;
height:226px;
background-image:url("../images/gbmbg02.jpg");
/*background-image:url("http://www.gumbootsmedia.com/images/gbmbg02.jpg");*/
}
#nelson_quote_holder {
width:700px;
height:auto;
margin-top:-15px;
background-color:#202020;
}
#nelson_quote {
width:450px;
text-align:left;
position:relative;
top:20px;
left:20px;
}
/*----------------------------------------
	CASE STUDY DIVS
----------------------------------------*/
#coming_soon {
position:relative;
top:10px;
left:0px;
text-align:left;
width:auto;
height:80px;
font:24px Arial, Helvetica, san-serif;
font-weight:bold;
color:#980000;
}
/*----------------------------------------
	SERVICES DIVS
----------------------------------------*/
#services_holder {
position:relative;
top:0px;
left:0px;
width:700px;
text-align:left;
background-color:#b0b5b8;
}
#services {
position:relative;
top:10px;
left:10px;
width:680px;
height:auto;
}
#flash {
position:fixed;
top:10px;
left:10px;
width:100px;
height:100px;
float:left;
z-index:100;
}
#browser_security_holder {
width:680px;
height:auto;
padding:5px;
border:1px #980000 dotted;
}
/*----------------------------------------
	TABLE HEADERS AND RESULTS
----------------------------------------*/
#tableHead {
font-size:14px;
line-height:20px;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
background-color:#631;
text-decoration:none;
padding:2px;
}
#tableResults {
font-size:15px;
line-height:20px;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#696969;
text-decoration:none;
border-bottom:1px #bfbfbf dotted;
padding:2px;
}
/*----------------------------------------
	WORK PAGE
----------------------------------------*/
#leftCol{
	float:left;
	width:150px;
	padding-right:10px;
	font-size: 11px;
	color: #333333;
	line-height: 130%;
}
#rightCol{
	float:right;
	width:520px;
}
#workClear{
	clear:both;
	height:0px;
}

#video{
	height:390px;
	width:520px;
	background-color:#000000;
	vertical-align: middle;
}
#workDescription{
	margin-top:30px;
}
.workMenuCategory{
	font-weight: bold;
	color: #FF8B00;
}
.workTitle{
	font-size: 15px;
	font-weight: bold;
	color: #FF8B00;
	margin-bottom: 10px;
}

.titleGrey{
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	margin-bottom: 20px;
	line-height: 150%;
}

#leftCol a:link, #leftCol a:visited, #leftCol a:active{
	color: #333333;
	font-size: 11px;
	font:11px Helvetica, Arial, sans-serif;
    text-decoration: none;

}
#leftCol a:hover {
    text-decoration: underline;
    color: #333333;
}

/*----------------------------------------
	CLIENTS
----------------------------------------*/

.clientBox{
	float:left;
	width:134px;
	height:134px;
	margin:3px;
	background-color:#FFFFFF;
}
.clientClear{
	clear:both;
}

/*----------------------------------------
	Top page
----------------------------------------*/


dl{
	width:700px;
}
dt{
	width:100px;
	float:left;
	margin-right:30px;
}
dd{
	width:570px;
	
	float:right;
}
.contentClear{
	clear:both;
}