/*
Theme Name: GML
Theme URI: localhost
Description: this is the main stylesheet for new gml site
Version: 1.0
Author: Kazuri Arai
Author URI: http://www.massenburg.com

*/

/* Baseline values for browser consistency*/
div, h1, h2, h3, h4, h5, h6, ul, li, form, input, select, option, blockquote {margin:0;padding:0;}
img, .movie_thumb {margin:0;padding:0;border:0;}
ul {list-style:none;}
a {outline:0;}

.clear {clear:both;}

/* Font Styles */

p {color:#ffffff;font-size:1em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}
h1 {color:#ffffff;font-size:1em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}
h2 {color:#ffffff;font-size:.9em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}
h3 {color:#ffffff;font-size:.8em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}
h4 {color:#ffffff;font-size:.7em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}
h5 {color:#ffffff;font-size:.6em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}
h6 {color:#ffffff;font-size:.5em;font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;}


/* This code is a bit janky...next time I'll make sure not to leave you technical debt :( */
/* Gravity Payment Form Start */

/*Set Main For Fonts & Font Colors*/
.gform_body {
	color:#ffffff;
	max-width: 750px;
	font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;
}

/* Override Default Gravity Form Required Styles*/
.gform_wrapper .payment .gform_body .gform_fields .gfield_label .gfield_required {
	color: #FFFFFF;
}

/* Remove default right padding on fields */
.gform_wrapper .payment .gform_body .gform_fields .gfield {
	padding-right: 0;
}


/* Validation Error Header*/
.gform_wrapper .payment .validation_error {
	color: #ffffff;
	background-color: #C04A67;
	border-radius: 5px;
	border: none;
	font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;
}

/* Horizontal Rule right padding override */
.gform_wrapper .payment .gform_body .gform_fields .gsection {
	margin-right: 0;
}

/* Field Validation Styles*/
.gform_wrapper .payment .gform_body .gform_fields .gfield_error{
	background-color: #C04A67;
	border-radius: 5px;
	padding: 0.25em 1em 1em 1em;
	border: none;
}

 /* Validation error overide default red text on error descriptions */
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	color: #ffffff;
}

/* Validation error overide default red field labels */
.gform_wrapper .payment li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
	color: #ffffff;
}

/* Validation error overide default red field descriptions */
.gform_wrapper .payment .gfield_error .gfield_label {
	color: #ffffff;
}

/* Pay Button */
.button {
	background-color: #237b76;
	padding: .75em 3em;
	color: white;
	border: none;
	border-radius: 5px;
}

/*Gravity Payment Form End*/


p.indent{text-indent:16px;line-height:130%;}

/* Link Styles */
li a, ul a:link, ul a:visited {color:#ffffff;font-weight:normal;text-decoration:none;list-style:none;}
ul li a:hover {color:#9EFFEF;}

/*
li a, ul.nav a:link, ul.nav a:visited {color:#ffffff;font-weight:normal;text-decoration:none;list-style:none;}
ul.nav li a:hover {color:#9EFFEF;}
*/

/* Structure */
body{
	background:#000000;
}


#wrapper{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0px;
	border: none;
	width:1024px;
	height:auto;
	margin:0 auto 0 auto;
	}

/*header*/
#header{
	padding:30px 0 15px 0;
	border-bottom:1px solid #ffffff;
	height:70px;
}

#logo{float:left;}

/* navigation on top (header) */
.nav {width:770px;float:right;position:relative;}

/*ul.nav {list-style:none;display:inline;}*/
ul.nav {float:left;list-style:none;display:inline;}
ul.nav li{float:left;padding:55px 80px 0 35px;position:relative;}

/*social icons top*/
#socialtop{
	padding-top:100px;
	float:right;
}
#social{
	height:auto;
	margin-top:120px;
	float:right;
}
/*#twiticonmini{
	position:relative;left:-10px;
	float:left;
	width:50px;
}
#fbiconmini{
	position:relative;top:-2px;left:-25px;
	width:50px;
	float:left;
}

#tumblrmini{
	position:relative;left:-25px;top:1px;
	width:50px;
	float:left;
}*/

/*side navigation*/
#navl{height:auto;width:220px;float:left;padding-top:45px;padding-bottom:45px;}


ul.navigationl {list-style:none;display:block;}
ul.navigationl li {border-top:1px #fff solid;}
ul.navigationl li {float:right;padding:15px 20px 15px 0;text-align:right;}
ul.navigationl li {border-bottom:1px #ffffff solid;display:block;width:200px;}


/*Content*/
#container {width:750px;height:auto;float:right;margin:20px auto;}
#container a, a:link, a:hover, a:visited {text-decoration:none;color:#9EFFEF;}
/*this is the container for video page ONLY*/
#containerV {width:1000px;height:auto;margin:40px auto 0 auto;}
#containerV a, a:link, a:hover, a:visited {text-decoration:none;color:#9EFFEF;}
/*#content {height:auto;}
#contentright{
	height:auto;
	width:750px;
	margin-top:45px;
	float:left;
	}*/

/*front page video*/

.welvid {
	position:relative;left:20px;top:-5px;
	width:200px;height:auto;float:right;
}

.welvid p{text-indent:15px;font-size:.9em;margin:1px;text-align:left;}

.welvid a, a:link, a:visited {color:#FFFFFF;text-decoration:none;}
.welvid a:hover {color:#9EFFEF;text-decoration:none;}




.post{padding:10px 0 10px 0}

.clear {
   clear: both;
}


#homebackground	{
	background-attachment:fixed;
	background-position:center bottom;
}

/* this is for Products page */

#productsA{
	width:370px;
	float:left;
}


#productsB{
	width:370px;
	float:right;
}

#prodpic{margin-top:25px;}
#prodpic img{padding-top:20px;}

.psu img{padding-left:25px;}



/*Dealer Page*/

#dealers{
	width:740px;
	height:auto;
	height:auto;
	float:left;
}

#dealers a, a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#dealers a:hover {
	color:#9EFFEF;
	text-decoration:none;
}


/*.regions {
	position:relative;
	width:140px;height:auto;
	float:left;
	padding-top:40px;
}

ul.regions {list-style:none;display:block;}
*/

/* Old Dealer CSS Tags */
#dealersname{
	position:relative;
	width:600px;
	height:auto;
	padding-top:30px;
}

#distributor{
	position:relative;
	float:left;
}

/* New Dealer CSS Tags */
.dealersnew{
	font-family:"Helvetica Neue","Helvetica", Arial, Verdana, san-serif;
	color: #FFF;
	width: 100%;
	margin-top: 30px
}

.dealersnew li{
	font-size: 1em;
}

.dealersnew a, a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.dealersnew a:hover {
	color:#9EFFEF;
	text-decoration:none;
}

.region_title{
	margin: 50px 0 10px 0;
	padding-bottom: 5px;
	border-bottom: solid 1px white;
}

.row{
	width: 100%;
	display: block;
	margin: 55px 0 10px 0;
}

.dist_logo{
	width: 50%;
	display:inline;
}

.dist_contact{
	width: 50%;
	float:right;
	padding-top: 1em;
}

/* Distributor Specific Styles*/
#sweetwater, #altomusic{
	padding-top: 1.6em
}

#dspdoctor{
	padding-top: 1.3em
}
 #audiogate, #sable, #mixmasters{
	padding-top: 2em;
 }

 #bee{
	 padding-top: 0em;
 }

#promedia{
	padding-top: 1em;
}

/*
#regionEast{
	position:relative;
	float:left;
	width:190px;
	padding-right:10px;
	text-align:center;
}

#regionWest{
	position:relative;
	float:left;
	width:190px;
	padding-right:10px;
	text-align:center;
}

#regionSouth{
	position:relative;
	float:left;
	width:190px;
	padding-right:10px;
	text-align:center;
}

#regionCanada{
	position:relative;left:130px;
	float:left;
	width:200px;
	text-align:center;
}

#regionEU{
	position:relative;left:100px;
	float:left;
	width:270px;
	text-align:center;
}

#regionAO{
	position:relative;left:70px;
	float:left;
	width:340px;
	text-align:center;
}

#regionOthers{
	position:relative;left:120px;top:40px;
	float:left;
	width:250px;
	text-align:center;
}*/


#map{
	position:relative;top:10px;
	float:left;
	}


/*About Page*/
#aboutgml{
	margin:50px auto;
	position:relative;
	opacity:0.9;
	}



/*About George*/
#aboutgeo{
	opacity:0.9;
	}

/*video content*/

/*New Video Page*/

#ver_container_outer
{
	width:750px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	height:600px;
	margin-top:20px;
	margin-bottom:5px;

}

#ver_container
{
	width:550px;/*this needs to be adjusted depending on how many thumbs are in the container*/
	margin:20px 50px 0 150px;
	padding:0px;

}

#ver_container ul
{
	margin:0px; padding:0px;
	float:left;
}


#ver_container_inner
{
	padding:0px;
	padding-left:0px;
}

#ver_container li
{
	list-style:none;
	margin:5px 0 5px 0;
	float: left; width: 50%;
}

#ver_container li img
{
	padding:0px;
	margin:0px;
}














/*Old Video Page*/
#videobox{
	margin:0px auto 0 auto;
	width:960px;
	height:444px;
	background:url('images/videobg960.jpg') no-repeat;

}


img #videobox{
	position:relative;
	top:-10px;
	left:300px;
}

.vimeo{
	position:relative;
	left:12px;
}


#horizpos{
	height:auto;
	float:left;
	padding:20px 0 5px 0;
}


#flowBottom{
	display:inline;
	width:1000px;
	height:130px;
	float:left;
	margin:10px auto;

}


.thumbScroll{
	width:200%;
	height:100%;
}

#twiticon{
	position:relative;left:-10px;
	float:left;
	width:85px;
}
#fbicon{
	position:relative;top:-2px;left:-25px;
	width:85px;
	float:left;
}

#tumblr{
	position:relative;left:-25px;top:1px;
	width:85px;
	float:left;
}


/*Reference Page*/
#reference{
	position:relative;top:10px;
	width:740px;height:auto;
	height:auto;
	float:left;
	text-align:center;
}

#reference a, a:link, a:visited {color:#FFFFFF;text-decoration:none;}
#reference a:hover {color:#9EFFEF;text-decoration:none;}

p.pref{font-size:1.1em;font-weight:bold;}

#specs{
	position:relative;left:200px;
	width:200px;
	margin-bottom:20px;

}

#mans{
	position:relative;left:200px;
	width:200px;
	margin-bottom:20px;
}

#recall{
	position:relative;left:200px;
	width:200px;
	margin-bottom:20px;

}


/*Publications*/
#public{
	position:relative;top:30px;
	width:740px;height:auto;
	float:left;
}

#public a, a:link, a:visited {color:#FFFFFF;text-decoration:none;}
#public a:hover {color:#9EFFEF;text-decoration:none;}

/*Links*/
#links{
	position:relative;top:50px;
	width:740px;height:auto;
	float:left;
}

#links a, a:link, a:visited {color:#FFFFFF;text-decoration:none;}
#links a:hover {color:#9EFFEF;text-decoration:none;}

/*service*/
#service{
	position:relative;top:30px;
	width:740px;height:auto;
	float:left;
}
/*Footer*/
#footer{
	border-top:1px solid #ffffff;
	float:left;
	width:1024px;height:auto;
	margin-top:10px;
	padding-bottom:10px;
	position:relative;
}
#fotter a, a:link, a:visited {color:#FFFFFF;text-decoration:none;}
#footer a:hover {color:#9EFFEF;text-decoration:none;}

#copyright{width:700px;padding-top:5px;display:block;}

#footericon{display:block;float:right;}