/*
   Superior Auto Service Center

   Corporate Website
   Author: Rob Taggart
   Date:   10 Jan 2011

   Filename:         superiorlayout.css
   Supporting Files: 

*/


body                  {background-color: #f0f0f0; font-size: 0.8em; 	font-family: 'Open Sans', sans-serif;margin: 0;}


#headerbackground    {
	width: 100%;
	background: -webkit-linear-gradient(rgb(230,230,230),rgb(121,167,203)); /* For Safari */
	background: -o-linear-gradient(rgb(230,230,230),rgb(121,167,203)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(230,230,230),rgb(121,167,203));/* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(230,230,230),rgb(121,167,203));/* Standard syntax */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#79a7cb');
	height: 162px;
	border-bottom: 1px solid gray;
	margin: 0;
}

#header               {margin: auto; width: 960px; height: 160px; border-width: 0px; }
#head-logo            {width: 400px; border-width: 0px; float: left; margin: 0px; }
#headbanner           {width: 533px; border-width: 0px; float: right; margin: 0px; }
#phone                {width: 533px; border-width: 0px; float: right; margin: 0px; font-size: 3.5em; font-weight: bold; text-align: center; }



nav{
	background: -webkit-linear-gradient(rgb(120,166,202),rgb(39,86,140)); /*Safari*/
	background: -o-linear-gradient(rgb(120,166,202),rgb(39,86,140)); /*Opera*/
	background: -moz-linear-gradient(rgb(120,166,202),rgb(39,86,140)); /*Firefox*/
	background: linear-gradient(rgb(120,166,202),rgb(39,86,140)); /*Standard syntax*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#78abca', EndColorStr='#27568c');
	border-bottom: 1px solid black;
	border-top: 1px solid #b1cde3;
	text-align:center;
	padding: 0;

}


nav a{
			display:inline-block;
			padding:4px;
			width: 140px;
		}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}


nav ul {
	padding: 0;
	margin: auto;
	list-style: none;
	position: relative;
	display: inline-block;
	z-index: 9999;
	font-size: 1em;
}

nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
}

nav ul li:hover {
	background: #cedbe9;
}

nav ul li:hover a {
	color: #000000;
	text-decoration: none;
}
	
nav ul li a {
	display: block;

	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
			
		
nav ul ul {
	background: #cedbe9;
	padding: 0;
	position: absolute;
	/*top: 100%;*/
}

nav ul ul > li {
	float: none; 
	position: relative;
	padding: 4px;
}

nav ul ul li a {
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	text-align: left;
}	

nav ul ul li a:hover {
	background: #cedbe9;
	font-weight: bold;
}






#columnmain {
	width: 984px;
	min-height: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: white;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 0px;
	padding-top: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	}



a                     {text-decoration: none;}

a:link                {text-decoration: none}

a:hover               {text-decoration: underline; } 

a:visited             {text-decoration: none}

#picturelinks         {padding-left: 0.5em; line-height: 3.5; }






#bottom               {text-align: center; font-size: 1em;}

#sidebar                     {float: right; width: 24em; border: 0px; margin-top: -0.25em; margin-left: 2em; margin-right: -1em; }

.socialmedia                 {float: right; text-align: center; width: 12em; height: 60px; }


#infobar                {width: 23.4em; background-color: rgb(235,235,235); border: 1px solid rgb(200,200,200); padding: 0.2em; margin-top: 60px; text-align: center; line-height: 1.4em; }

#infobar a            {text-decoration: none; }

#infobar a:hover      {text-decoration: underline; }

#infobar a:visited    {color: blue; text-decoration: none; }

#shoppic              {margin: auto; width: 280px; height: 112px; }

#schedulebttn_sm      {margin: auto; width: 120px; height: 60px; }

#map                  {margin: auto; width: 260px; height: 260px; }

.advisorpics          {float: right; text-align: center; width: 11.6em; height: 7.5em; }

.reviewbutton         {float: right; text-align: center; width: 5.8em; height: 50px; }

h1.infobar                {font-size: 1.8em; font-weight: bold; text-decoration: underline; }

h2.infobar                {font-size: 1.3em; font-weight: bold;}

h3.infobar                {font-size: 1.2em; font-weight: bold;}

h4.infobar                {font-size: 1.0em; }

h5.infobar                {font-size: 0.9em; }

p.infobar             {font-size: 0.9em; text-align: left; line-height: 1.4em;}

.leftimage                   {float: left; margin-right: 1em; margin-top: 1em;}
.rightimage                  {float: right; margin-left: 1em; margin-top: 1em;}

.stars                       {margin-right: 5px; padding: 0; height: 15px; float: left; }


p                     {line-height: 1.6em; margin-top: 0.5em; margin-bottom: 0.6em; font-size: 1.3em; text-rendering: optimizeLegibility;  }

p.applink             {text-align: center; margin-top: 1.2em; margin-bottom: 0.75em; margin-left: 0; margin-right: 1em;}

h1                    {line-height: 1.5em; font-size: 1.8em; margin: 0px; text-align: center; vertical-align: middle; }

h2                    { }
h3                    { }

#bottom a             {font-size: 1em; color: black; text-decoration: none; }

address               {text-align: center; font-size: 0.9em; }


table.menu                    {font-size: 1.2em;}
table.menu td.menuimage       {width: 50px; }
table.menu td.menutext        {vertical-align: middle; width: 270px;}


table.subject               {width: 660px; margin-left: 0em; border-collapse: collapse; font-size: 1em; vertical-align: middle; border: 1px solid rgb(200,200,200); }
table.subject td            {margin: 0px; padding: 0px }

table.subject td.contenthead            {height: 30px; font-size: 1.4em; text-align: center; font-weight: bold; color: white; border: 1px solid black; margin: 0px; padding: 0px;}
table.subject td.pic       {width: 222px; }
table.subject td.content   {text-align: left; font-size: 1.3em; line-height: 1.5em; list-style-position: inside; margin: 0px; padding: 0;}

table.subject td.content li {margin-left: -2em; }


.apptbttn                  {margin-left: 1em; margin-bottom: 1em; }