/* 
	Concord Computer Solutions
	tlee 2009
*/

/* --------------- GLOBAL ---------------- */

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.clearafter:after, .clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearafter, .clear {display:inline-block;}
  /* Hide from IE Mac \*/
.clearafter, .clear {display:block;}
 /* End hide from IE Mac */

* html .clearafter, * html .clear{height: 1px;}
  
body{font-size:12px;padding:0;margin:0;font-family:Arial;color:#fff;background:#00242e url(../images/structure/bg2.gif) repeat-x;}

h1, h2, h3, h4, h5, h6, ul, li, ol, form, p{padding:0;margin:0;}
 
a{overflow:hidden;}
	a:hover{}

/* -------------- MAIN SITE ---------------- */

#backbg{background:url(../images/structure/bg_marble.jpg) center top no-repeat;width:100%;}

#backmarble{background:url(../images/structure/bg.gif) repeat-x;width:100%;}
#backmarble2{background:url(../images/structure/bg3.gif) repeat-x;width:100%;}

#container{width:960px;}

#wrap{width:960px;text-align:left;background:url(../images/structure/bg_center.gif) center 79px no-repeat;}
#wrap2{width:960px;text-align:left;}

#header{height:273px;width:960px;}
#header2{height:133px;width:960px;}
	#logo{position:absolute;}
		#logo a{color:#fff;width:247px;height:153px;display:block;text-indent:-99999em;background:url(../images/structure/logo.png) no-repeat;}
	#phone{position:absolute;margin:0 0 0 790px;width:170px;height:41px;background:url(../images/structure/phone.gif) no-repeat;display:block;text-indent:-99999em;}
	
	#nav{position:absolute;margin-left:564px;}
		#nav ul{height:38px;margin:41px 0 0 0;}
			#nav li{list-style-type:none;float:left;}
				#nav a{display:block;color:#fff;height:38px;text-indent:-99999em;}					
					#nav a.nav_home{background:url(../images/buttons/nav_home.gif) no-repeat;width:69px;}
					#nav a.nav_menu{background:url(../images/buttons/nav_menu.gif) no-repeat;width:72px;}
					#nav a.nav_customdisplays{background:url(../images/buttons/nav_customdisplay.gif) no-repeat;width:155px;}
					#nav a.nav_contact{background:url(../images/buttons/nav_contactus.gif) no-repeat;width:100px;}
					#nav a:hover{background-position: 0 -50px;}
			
		#flash_banner{position:relative;top:79px;}			

#content{width:960px;line-height:20px;}
	.interior_padd{padding:10px 20px;font-weight:bold;font-size:13px;}
		.interior_padd h2{font-size:27px;}
		#flash_header2{margin:0 0 5px -2px;}
		#content ul{margin:0 30px;}
			#content a{color:#fff;}
	
	a.noflash{height:271px;width:658px;background:url(../images/structure/noflash1.png) no-repeat;display:block;text-indent:-99999em;}
	
	.viewmenu{}
		.viewmenu a{height:77px;width:531px;display:block;background:url(../images/buttons/btn_viewmenu.gif) no-repeat;text-indent:-99999em;}
			.viewmenu a:hover{background-position:0 -77px;}

/* --- MENU ---- */

	#menu_selections{width:920px;background:url(../images/structure/links_bg.gif) repeat-y;display:block;}
		#menu_list{width:185px;float:left;}
			#menu_list ul{margin:13px 0 0 14px;}
				#menu_list li{list-style-type:none;margin:0 0 10px 0;}
					#menu_list a{display:block;text-indent:-99999em;width:156px;height:29px;}
						#menu_list a:hover{background-position: 0 -29px;}
						#menu_list a.selected{background-position: 0 -29px;}
					a.nav_tapas{background:url(../images/buttons/btn_tapas.gif) no-repeat;}
					a.nav_sandwich{background:url(../images/buttons/btn_sandwiches.gif) no-repeat;}
					a.nav_soup{background:url(../images/buttons/btn_soup.gif) no-repeat;}
					a.nav_salad{background:url(../images/buttons/btn_salads.gif) no-repeat;}
					a.nav_breakfast{background:url(../images/buttons/btn_breakfast.gif) no-repeat;}
					a.nav_customdisplays{background:url(../images/buttons/btn_customdisplays.gif) no-repeat;}
					a.nav_print{background:url(../images/buttons/btn_print.gif) no-repeat;}
			
		#menu_column{width:728px;float:left;}
			#menu_title{padding:0 0 5px 20px;}
			
			.menu_row{width:728px;margin:0 0 0 10px;}
				.menu_menu{float:left;width:340px;display:block;margin:0 0 0 10px;background:#00242e;padding:0 0 10px 0;}
					.mm_picture{padding:0 10px 0 10px;}
					.mm_title{font-weight:bold;font-size:15px;padding:15px 10px 5px 10px;text-decoration:underline;}
					.mm_desc{font-size:12px;padding:0 10px;}
		
/* --- CONTACT ---- */

#contact_body{width:960px;font-weight:bold;}
	.contact_left{float:left;width:500px;}
		
	.contact_right{float:left;width:400px;}

	.form{width:400px;margin:0 0 8px 0;}
		.form_label{width:170px;float:left;padding:5px 0 0 0;}
		.form_input{width:220px;float:right;}
			.form_input img{border:1px solid #000;}
		.input{border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000;}
		.width{width:200px;}
		.width2{width:202px;padding:1px;}
		.width2b{width:50px;position:relative;top:-11px;}
		.width3{width:374px;padding:3px;height:102px;}
		
		.msg_error{width:368px;font-weight:bold;background:#9f0000;color:#fff;padding:5px;margin:0 0 10px 0;border:2px solid #000;}
			.msg_error ul{font-weight:normal;margin:5px 0 0 30px;}
			
		.msg_success{width:368px;font-weight:bold;background:#007ea4;color:#fff;padding:5px;margin:0 0 10px 0;border:2px solid #000;}

/* --- THUMBS ---- */

	.thumbnail{
	position: relative;
	z-index: 0;
	}

	.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	}

	.thumbnail span{ 
	position: absolute;
	padding: 5px;
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	color: #fff;
	text-decoration: none;
	background:#000;
	width:200px;
	}

	.thumbnail:hover span{ 
	visibility: visible;
	top: -40px;
	left: 10px; 
	}

/* ------ */

#footer{width:960px;border-top:1px solid #fff;padding:5px 0 0 0;}
	
	#footerNav{}
		#footerNav a{color:#fff;text-decoration:none;}
			#footerNav a:hover{text-decoration:underline;}
	
	#footer_links{font-size:11px;}
		#footerLeft{float:left;text-align:left;padding:0 0 0 20px;}
			
		#footerRight{float:right;text-align:right;padding:0 20px 0 0;}
			#footerRight a{color:#fff;text-decoration:none;}
				#footerRight a:hover{}