/*
Theme Name: Scottsdale Restaurants	
Theme URI: http://thinkpro.net
Description: This theme was made for the hub site of GEISHA, STRINGRAY, DRIFT and SAMURAI COWBOY.
Version: 1.0
Author: Ronald Mirnanda
Author URI: http://thinkpro.net
Tags: geisha a gogo, stingray sushi, samurai cowboy, drift lounge, scottsdale sushi, sushi, karaoke
*/



/* Begin Typography & Colors */
.opacityTemplate {
	filter:alpha(opacity=80);   /* Internet Explorer       */
    -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
    opacity: 0.8;               /* newer Mozilla and CSS-3 */
}

/*  
FOUNDATION CODE
*/
* html, * html img, * html div, * html input { behavior: url("../js/iepngfix.htc"); }
html {
	height:100%;
}





body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
}
p, form, h1, h2, h3, h4 {
	margin:0px;
}
p {
	margin-bottom:10px;
}
a {
	color: #FF9900;
}
a:hover {
	color: #FF9900;
}
a img {
	border:thin solid #FFFFFF;
      
}
h1 {
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

.wrapper {
	width:770px;
	margin-left:auto;
	margin-right:auto;
}
.hubSection {
	width:770px;
	float:left;
	margin-top: 33px;
	margin-bottom: 40px;
}
.hubSection a {
	color:#FFFFFF;
	text-decoration: none;
}
.column1 {
	float:left;
	width:188px;
	margin-right:5px;
}
.column1Button {
	float:left;
	width:188px;
	height:520px;
	margin-bottom: 10px;
	background-color:#000000;
	background-image: url(images/bgGeisha.jpg);
}
.column1Button:hover {
	background-image: url(images/bgGeishaHover.jpg);
}
.column1Content {
	width:167px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 360px;
}
.column1Content a {
}
.article {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	background-color: #0A0A0A;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom:1px;
}
.article a {
}
.article h3 {
}
.column1 h1 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.column1 p {
	font-size:10px;
}
.column1Website {
	float:left;
	height:20px;
	width:145px;
}
.column1Website a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #84A73E;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 125px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column1Website a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}
.column1Menu {
	float:right;
	height:20px;
	width:38px;
}
.column1Menu a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #84A73E;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	width: 36px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;               /* newer Mozilla and CSS-3 */
}
.column1Menu a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}







.column2 {
	float:left;
	width:188px;
	margin-right:5px;
}
.column2Button {
	float:left;
	width:188px;
	height:520px;
	background-color:#000000;
	background-image: url(images/bgSamurai.jpg);
	margin-bottom: 10px;
}
.column2Button:hover {
	background-image: url(images/bgSamuraiHover.jpg);
}
.column2Content {
	width:167px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 360px;
}
.column2 h1 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.column2 p {
	font-size:10px;
}
.column2Website {
	float:left;
	height:20px;
	width:145px;
}
.column2Website a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #DE1F26;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 125px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column2Website a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}
.column2Menu {
	float:right;
	height:20px;
	width:38px;
}
.column2Menu a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #DE1F26;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	width: 36px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column2Menu a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}






.column3 {
	float:left;
	width:188px;
	margin-right:5px;
}
.column3Button {
	float:left;
	width:188px;
	height:520px;
	margin-bottom: 10px;
	background-color:#000000;
	background-image: url(images/bgDrift.jpg);
}
.column3Button:hover {
	background-image: url(images/bgDriftHover.jpg);
}
.column3Content {
	width:167px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 360px;
}
.column3 h1 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.column3 p {
	font-size:10px;
}
.column3Website {
	float:left;
	height:20px;
	width:145px;
}
.column3Website a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AF9931;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 125px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column3Website a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}
.column3Menu {
	float:right;
	height:20px;
	width:38px;
}
.column3Menu a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AF9931;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	width: 36px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column3Menu a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}






.column4 {
	float:left;
	width:188px;
}
.column4Button {
	float:left;
	width:188px;
	height:520px;
	background-color:#000000;
	background-image: url(images/bgStingray.jpg);
	margin-bottom: 10px;
}
.column4Button:hover {
	background-image: url(images/bgStingrayHover.jpg);
}
.column4Content {
	width:167px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 360px;
}
.column4 h1 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.column4 p {
	font-size:10px;
}
.column4Website {
	float:left;
	height:20px;
	width:145px;
}
.column4Website a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F2871F;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 125px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column4Website a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}
.column4Menu {
	float:right;
	height:20px;
	width:38px;
}
.column4Menu a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F2871F;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	width: 36px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;     
}
.column4Menu a:hover {
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;     
}






.contentSection {
	width:770px;
	float:left;

}
.contentNavigation {
	width:770px;
	float:left;
	margin-bottom: 25px;
}
.contentNavigation a {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #333333;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 12px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;               /* newer Mozilla and CSS-3 */
}
.contentNavigation a:hover {	
	border: 1px solid #FFFFFF;
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1;           /* Mozilla 1.6 and below   */
    opacity: 1;               /* newer Mozilla and CSS-3 */
}
.contentArea {
	float:left;
	width:730px;
	margin-bottom: 30px;
	border: 1px solid #333333;
	padding: 20px;
}
.contentArea p {
}
.contentArea a {
}
.footerSection {
	margin-bottom: 30px;
	float: left;
	height: 50px;
	width: 770px;
	color: #333333;
	font-size: 10px;
	position: relative;
}
.footerSection a {
	color: #333333;
	font-size: 10px;
	text-decoration: none;
}

.footerSection a:hover {
	color: #FFFFFF;
}
.footerThinkLogo {
	position: absolute;
	left: 610px;
	top: 0px;
}
.footerThinkLogo2 {
	position: absolute;
	left: 710px;
	top: -13px;
}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */