/*	Pradip Wagle
	Creative Web - Designer
	
	+977-9841052441
	pradip.wagle4@gmail.com
	
-------------------------------------------------------------------------------- */
/*
PURPOSE:
	[1] Basic cascading stylesheet for ALL browsers
	[2] Contains only resets and global styles
	[3] MEDIA = SCREEN

REVISION HISTORY:
	June 7, 2011. v1.0. Under Construction.

STATUS OF THIS DOCUMENT:
	This is a working draft.

AUTHOR:
	Pradip Wagle
	p r a d i p  w a g l e @ g m a i l . c o m

LEGAL NOTICE:
	Distribution of this document is limited.
	Copyright (C) Mariams Thai Restaurant. All Rights Reserved.
*/

/*
==================================
KILL THE DEFAULTS AND GLOBALIZE
==================================
*/
@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; background-image:url(../images/bodyBg1.jpg); background-repeat:repeat-x; background-color:#52035b}
.spacer{height:10px; line-height:10px; font-size:0px; clear:both; width:100%;}
.floatLeft{float:left}
.floatRight{float:right}
h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; margin-top:10px}
h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#600c69; margin:15px 0 0 20px}
.bold{font-weight:bold;}

/******banner part starts here****************/
#wrapper{width:1024px; overflow:hidden; display:block; margin:0 auto}
#banner{height:162px; width:1024px}

.call{width:300px; height:78px; float:right; background-image:url(../images/phone.jpg); background-repeat:no-repeat; margin-top:60px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:26px; color:#792183; padding-left:60px; padding-top:7px}
.bundock{font-size:14px;}
		
#menu{height:35px; width:1024px;}
#menu ul{}
#menu li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; float:left; margin-left:0px; margin-top:1px}
#menu li a{list-style:none; color:#792183; font-weight:normal; padding:9px 25px; border-left:1px solid #5a5a5a; border-right:1px solid #ffffff; 
		display:inline-block; height:17px}
#menu li a:hover, #menu li a.mariams{color:#FFFFFF; background-image:url(../images/menuHoverBg.jpg); background-repeat:repeat-x; 
									display:inline-block; height:17px}
.barnon{border:none !important}

/****content part starts here************/
/*******************mid part start here**************/
#content{ overflow:hidden; display:block; background-color:#52035b; width:1024px}
.welcome{ float:left; width:531px; overflow:hidden; display:block;}
.text1{ font-size:16px; color:#FFFFFF; font-family:Arial; text-align:justify;  line-height:20px; margin-top:20px; width:500px}
.list{font-size:16px; color:#CCCCCC; width:500px; margin-top:10px}
.list li{color:#FFFFFF; background-image:url(../images/listStyle.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; line-height:24px;}
.more{ float:right; color:#FFFFFF; font-family:arial; margin:25px 20px 25px 0; font-size:16px}
.more a{color:#ffffff}
.slide{float:left; margin-top:10px; width:490px; height:310px}

/*******************lower content start*****************/
#servicesBg{width:100%; background-color:#f8f6f2; overflow:hidden; display:block; background-image:url(../images/servicesBg.jpg); background-repeat:repeat-x}
#services{ width:1024px; overflow:hidden; margin:0 auto; display:block}
.servicesLeft{width:425px; overflow:hidden; display:block; float:left}
.servicesList{float:left; margin:10px 0 0 20px }
.servicesList li{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#000000}
.viewMore{float:right; margin:10px 15px 0 0}

.servicesMid{width:310px; float:left; height:210px; background-image:url(../images/plate1.jpg); 
			background-repeat:no-repeat; background-position:bottom right; padding:20px 0 0 5px}
.special{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; float:left; color:#000000 ;}

#contact{width:270px; float:right; height:210px;}
.address{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding:20px 0 0 20px; line-height:20px}
.voilet{color:#802e88}

/*****footer part starts here***************/
.footer{width:1024px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ea523f; clear:both; border-top:1px solid #e0dfda; padding-top:20px}
.design{float:right;}
.design a{color:#0000FF}
.design a:hover{color:#000000}

/******for contact page***************/
.form{float:left; width:300px; overflow:hidden; display:block}
.text{padding:10px 0 5px 0; width:200px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.map{float:left; width:600px; margin-left:50px; margin-bottom:20px}

/******gallery page*************/
.img{float:left; margin-left:30px; margin-top:20px}

/****menu page**********/


.submenu{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:5px 0; line-height:20px}
.menuList{font-size:17px; line-height:18px; border:1px solid #CCCCCC;}
.menuList td{  padding:10px 7px; border:solid 1px #fff;}
.subTitle { line-height:20px; color:#000; text-align:center; padding:10px;}
tr td.menu-no { width:50px; text-align:center; border:1px solid #CCCCCC}
tr td.menuprice { width:80px; text-align:center; border:1px solid #CCCCCC; padding:10px 0}
tr td strong { color:#00CC33; font-size:14px;}
tr td bold {font-size:14px; font-weight:bold;}