/*
Author: Christian Ross (@christianross)
Author URI: http://www.thinairweb.com
Site: Evolution Audio & Video
*/

@import url(http://fonts.googleapis.com/css?family=Coda|Lato:400,700,400italic);

/* ---- Reset CSS ---- */
html, body, img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
html { overflow-x: auto; overflow-y: auto; }
body { line-height: 1; }
p { margin:0; padding:0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
.clear { display: block; }


/*  EAVHT - CSS  */
p 				{ padding:0; margin:0 0 20px 0; font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:100%; color:#454545; line-height:1.4em; }
.completesite 	{ font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:100%; color:#454545; line-height:1.4em; }

h1, h2, h3, h4, h5, h1.completesite, h2.completesite { color:#646464; font-weight:400; font-family:'Coda', serif; }
h1, h1.completesite { margin: 0 0 .1em 0; font-size: 32px; line-height:1.4em; color:#454545; }
h2, h2.completesite { margin: 0 0 .1em 0; font-size: 26px; line-height:1.9em; }
h3 { margin: 0; font-size: 20px; line-height:24px; }
h4 { margin: 0; font-size: 18px; line-height:22px; }

#aside h2, #aside h2.completesite { font-size:22px; }
#aside #testimonials h2 { display:block; background:url(../images/quotations.png) 100% 0 no-repeat; }

#editableFull h2, #editableFull h2.completesite { margin-bottom:-15px; }

/*  Layout  */
body { margin: 0px; background: url(../images/bg1-new.png) 0 0 repeat-x #e9e9e9; font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:100%; color:#454545; line-height:1.4em; text-align:left; }

#wrap		{ width: 100%; margin: 0 auto; }
  .container{ width: 940px; margin: 0 auto; }
  
#headerBlue		{ height: 63px; clear:both; }
  #phone			{ float:left; width:144px; background:url(../images/phone-divider.png) 100% 0 repeat-y; font-family:'Coda', serif; font-size:19px; color:#FFF; height:41px; padding-top:20px; }
  #address			{ float:left; width:180px; padding-top:9px; }
  #topNav			{ float:right; width:400px; text-align:right; padding-top:17px; }
#headerWhite	{ height:99px; clear:both; }
  #logo				{ float:left; width:350px; padding-top:10px; }
  #nav				{ float:right; width:580px; padding-top: 35px; }
#headerGray		{ height:50px; clear:both; }
  #emailSub			{ float:left; width:635px; padding-top:13px; color:#DDD; background:url(../images/iconEmail.png) 0 16px no-repeat; padding-left:40px; font-size:14px; }
  #facebook			{ float:right; width:265px; }

#content		{ margin-top:45px; clear:both; }
  #editableFull { margin-bottom:30px; }

  #main			{ width: 610px; float: left; padding-bottom: 50px; }
  #aside		{ width: 280px; float: right; padding-bottom: 50px; }
    #specialties	{  }
	#testimonials	{ margin-top:20px; }
  #contentwide 	{  }

#footer			{ height:204px; background-color:#FFF; clear:both; }
#footerWhite	{ background-color:#FFF; border-top:1px solid #DDD; height:61px; clear:both; }
  #footerWhite div {  height:41px; text-align:left; padding-top:5px; }
  /*#footerWhite div { background:url(../images/footer-manufacturers.jpg) 0 8px no-repeat; height:41px; text-align:right; padding-top:20px; }*/
#footerGray		{ background-color:#737373; border-top:2px solid #656565; border-bottom:1px solid #656565; height:103px; clear:both; padding-top:30px; color:#FFF; font-size:14px; line-height:1.3em; }
  .grid1		{ float:left; width:220px; }
  .grid2		{ float:left; width:220px; }
  .grid3		{ float:left; width:80px; margin-left:60px; }
  .grid4		{ float:right; width:280px; }


/*  links  */
a { white-space:normal; }

a:link, a:visited, a:active, a:hover { color: #00A5E4; font-weight:700; text-decoration:none; } 
a:hover   { color: #237ba4; text-decoration:underline; }

a.mainNav:link, a.mainNav:active, a.mainNav:visited, a.mainNav:hover { padding:4px; display: inline-block; margin:0; text-transform:uppercase; font-size:16px; color:#00A5E4; }
  a.mainNav:hover { text-decoration:none; color:#737373; }
  /*.activenav a 	{ color: #737373 !important; }*/
  .navpopup 	{ background-color: #31A4E3; color: #FFF; font-size: 16px; padding: 5px 8px; border:1px solid #52C8FD; font-weight: 400; }
  .navpopup:hover { background-color: #52C8FD; cursor: pointer; cursor: hand; }
  .selectarrow 	{ background: url("../images/nav-arrow.png") no-repeat scroll 0 1px transparent; padding: 3px 5px 0 0; width: 14px; }

a.topNav:link, a.topNav:active, a.topNav:visited, a.topNav:hover { text-decoration:none; text-transform:uppercase; color:#FFF; font-size:16px; font-weight:700; }
a.topNav:hover { color:#737373; }


#footerWhite a:link, #footerWhite a:active, #footerWhite a:visited, #footerWhite a:hover { font-size:13px; color:#00A5E4; font-weight:700; }
  #footerWhite a:hover { color:#737373; }

#footerGray a:link, #footerGray a:active, #footerGray a:visited, #footerGray a:hover { font-size:12px; color:#7ADAFF; }
  #footerGray a:hover { color:#EEE; }


/* Lists */
ul 			{ padding:0; margin:0; }
li 			{ padding:0; margin:0 0 0 20px; border:0; }

#address ul	{ list-style:none; }
#address li	{ font-size:13px; line-height:1.1em; color:#FFF; }

#nav ul 	{ margin:0; padding:0; list-style:none; }
#nav li 	{ margin:0; padding:0; display:inline-block; }

#topNav ul	{ list-style:none; }
#topNav li	{ display:inline-block; }

#specialties ul { list-style:none; }
#specialties li {  }


#footer ul 	{ list-style:none; }
#footer li 	{ display:inline-block; padding:0 6px; margin:0; }

ul.footerNav1, ul.footerNav2, ul.footerNav3 { display: inline-block; margin-right: 15px; }
  ul.footerNav1 { width: 60px; }
  ul.footerNav2 { width: 45px; }
  ul.footerNav3 { width: 120px; }
ul.footerNav1 li, ul.footerNav2 li, ul.footerNav3 li { display: block; }




/* form elements */
input[type="text"], textarea {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #DDD !important;
	padding:5px !important;
}
input[type="text"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }
input [type="image"] { border:none; }

#ccemail { background:none; border:none; background-color:#E3E3E3; border:1px solid #676767; border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; }
.submit { background:none; border:none; background-color:#14BEFF; color:#FFF; padding:4px 5px; font-size:13px; text-transform:uppercase; font-weight:700; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; }


@media screen and (max-width: 768px) {  }
@media screen and (max-width: 520px) {  }
@media screen and (min-width: 960px) {  }