@import url(http://fonts.googleapis.com/css?family=Lobster);
/* GLOBAL STYLES */
html, body {height: 100%;}
body {	background-image: url(images/top-bkg.png); background-repeat: repeat-x;	background-position: top; background-color: #eef1f3; color: #222; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: normal;}

#wrap {min-height: 100%;}
#header { width: 940px; height: 75px; padding-top: 40px;}
#maincontent { width: 940px;height: 100%; overflow:auto; padding-bottom:150px;}
#footer-container {	background-color: #363d40;	background-image: url(images/footer-bkg.gif);	background-repeat: repeat-x;	background-position: top;position: relative; margin-top: -150px; /* negative value of footer height */ height: 115px; clear:both; padding-top:35px;}

p a  {color: #1C8EB0;}
.fnt-sz-20 { font-size: 20px;}
.fnt-sz-16 {font-size: 16px;}

.clear { clear: both; line-height: 1px; }
.center { margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto; }

.subtitle {font-family: "Lobster", arial, serif; font-size: 30px; margin-bottom: 15px; text-shadow: 0px 2px 3px #999;}
#top-banner .subtitle {color:#FFF; text-shadow: 0px 2px 3px #333;}
.sub-subtitle {	font-size: 22px; font-family: "Lobster", arial, serif;	margin-top: 5px; margin-bottom: 10px;}
.content {font-size: 14px;}

.left-column { float: left; margin-right: 60px;}
.right-column { float: left;}
.stretch-column {float: left; width: 940px;}

.mrg-lft-group {margin-left: 20px;}
.mrg-btm-group {margin-bottom: 20px;}
.mrg-btm-endgroup {margin-bottom: 40px;}
.mrg-lft-tightgroup {margin-left: 15px;}
.mrg-btm-tightgroup {margin-bottom: 15px;}

#c2a { float: left; padding: 15px; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #d4d7d9; behavior: url(htc/PIE.php);}
#c2a .title { font-family: "Lobster", arial, serif;}
/* END GLOBAL STYLES */



/*  HEADER STYLING */
#header #left {	float: left; width: 400px; }
#header #right {text-align: right; float: right; width: 400px;}
#header #right #header-contact { float: right; width: 400px; margin-top:5px; margin-bottom: 13px;}
#header #right #navigation { float: right; width: 400px; text-align: right;}
#header #right #navigation a img { margin-left:5px;}

.social-link {margin-bottom: -3px;}

#top-heading { padding-top: 30px; padding-bottom: 40px; font-weight: 300; font-size: 28px; text-align: center;}

#top-banner { float:left; width:820px; padding: 30px 60px 30px 60px; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(htc/PIE.php);}
#top-banner p {color:#FFF;}
#top-banner-shadow {float:left; width:940px; height: 25px; background-image:url(images/topbanner-shadow.gif); background-repeat:no-repeat; margin-bottom:30px; }
/* END HEADER STYLING */



/*  FOOTER STYLES */
#footer {width: 940px; color: #F5F5F5;}
#footer #col1 { float: left; width: 300px; margin-right: 20px;}
#footer #col2 {	float: left; width: 280px; margin-right: 20px;}
#footer #col3 {	float: left; width: 320px; text-align: right; font-size: 12px;}

.ft-title {	color: #FFF; margin-bottom: 15px; font-family: "Lobster", arial, serif;	font-size: 22px;}
#footer  p {margin-bottom: 3px;}
/*  END FOOTER STYLES */



/*  HOME PAGE STYLES */
#home { float: left; width: 940px;}
#home #top-banner {height:236px; background-image:url(images/home-topbanner.jpg); background-repeat:no-repeat;  background-color:  #da4565; overflow:hidden;}
#home #top-banner .left-column {width: 380px;}
#home #top-banner .subtitle {font-size:45px;}
#home #top-banner p {font-size:18px;}

#home .left-column {width: 440px; margin-right:40px;}
#home .right-column {width: 460px;}

#home .left-column .subtitle {float:left; width: 440px;}
#home .right-column .subtitle {float:left; width: 460px;}

#home .testimonial { float: left; width: 440px;}
#home .testimonial .pic { float: left; width: 195px; height: 154px;}
#home .testimonial .text { float: left; width: 210px; padding-top: 15px; padding-right: 35px; font-size: 13px; padding-bottom: 15px; height: 124px; background-image: url(images/home-testimonial-text.jpg); background-repeat: no-repeat;}
#home .testimonial .text .title { font-size: 14px; font-weight: bold;}


#home #menu .item { width: 220px; float: left; margin-bottom: 20px;}
#home #menu .item .icon {width: 70px; float:left;}
#home #menu .item .text {width: 150px; float:left; font-size:13px;}
#home #menu .item .text .title { font-size:15px; font-weight:bold;}

#home #menu #starters { float: left; width: 220px; margin-right:20px; }
#home #menu .sub-subtitle { float: left; width: 220px; margin-top: 0;}
#home #menu #maindishes { float: left; width: 220px; }
#home #menu #desserts { float: left; width: 220px; margin-left: 20px;}


#home #c2a { width: 430px;}
#home #c2a .left { width: 145px; float:left; margin-right:20px; font-size:11px;}
#home #c2a .title {	font-size: 20px; }
#home #c2a .right { width:125px; float:left; text-align:right;}	
/*  END HOME PAGE STYLES */



/*  PORTFOLIO PAGE STYLES */
#portfolio { float: left; width: 940px;}
#portfolio #top-banner {height:240px; background-image:url(images/featured-project.jpg); background-repeat:no-repeat;  background-color: #610016;}
#portfolio .subtitle { float: left;	width: 940px; margin-bottom: 30px;}

#portfolio .thumbnails { float: left; width: 220px;	margin-bottom: 35px; margin-right:20px;}
#portfolio .thumbnails.no-mrg-rt { margin-right: 0px;}
.thumbnails p img {	margin-bottom: 10px;}
/*  END PORTFOLIO PAGE STYLES */



/* ABOUT US PAGE STYLING */
#aboutus #top-banner {height:236px; background-image:url(images/aboutus-topbanner.jpg); background-repeat:no-repeat;  background-color: #242a2d; }

#aboutus .left-column {width: 540px;}
#aboutus .right-column {width: 340px;}

#aboutus .left-column .subtitle {float:left; width: 540px;}
#aboutus .right-column .subtitle {float:left; width: 340px;}
#aboutus .left-column .content {float: left; width: 540px;}
#aboutus .right-column .content {float: left; width: 340px;}

#aboutus #aboutus-box {float: left; width: 540px;}
#aboutus #directors-box {float: left;	width: 540px; margin-top: 40px;}
#aboutus #recepie-box {float: left; width: 340px;}


#aboutus-box .highlighted { float: right; width: 240px;	display: block;	margin-bottom: 20px; margin-left: 20px;	font-size: 25px;	line-height: 35px;	font-style: italic;}
#directors-box .highlighted {font-size: 19px; font-style: oblique;}
#directors-box .content p img {float: left;	margin-right: 19px;}
      
#recepie-box .li { width: 285px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left top; padding-left: 55px; float: left; padding-top: 3px; margin-bottom: 20px;}

#aboutus #c2a { width: 308px;}
#aboutus #c2a .title {font-size: 20px; float:left; width:120px; }
#aboutus #c2a a img { float:left; margin-left: 20px; margin-top:5px;}
/* END ABOUT US PAGE STYLING */



/* CLIENT CASE STUDY PAGE STYLING */
#client {float: left; width: 940px;}
#client .left-column { width: 240px;}
#client .right-column { width: 640px;}

#client #case-study { float: left;	width: 240px;}

#client #projectlinks {float: left; width: 240px;}
#projectlinks #c2a { width: 208px; font-size: 11px;}
#projectlinks #c2a .title {	font-size: 21px;}
#projectlinks #c2a p a img { margin-top: 15px;}

#client #showcase { float:left; width:640px;}

#client #photography {width: 940px;	float: left; background-image: url(images/camera.gif); background-repeat: no-repeat; background-position: right; margin-bottom: 15px;}
#client #photography .subtitle {margin-bottom: 5px;}
.eurasia-photo2 { float: left; width: 460px;}
.eurasia-photo1 { float: left;	width: 480px;}
/* END CLIENT CASE STUDY PAGE STYLING */




/* CONTACT US PAGE STYLING */
#contactus #top-banner {height:300px;	background-image:url(images/contactus-topheader-bkg.jpg); background-repeat:no-repeat;	background-color: #154b5c;	background-position: center center;}
#contactus #top-banner .left-column p a {color: #FFF;}

#contactus #top-banner .left-column { width: 240px;}
#contactus #top-banner .right-column {width: 520px;}

#contactus #top-banner .left-column .subtitle {float:left; width: 240px; font-size: 40px;}
#contactus #top-banner .right-column .subtitle {float:left; width: 520px; font-size: 40px;}
#contactus #top-banner .left-column .content {float: left; width: 240px;}
#contactus #top-banner .right-column .content {float: left; width: 520px;}

#contactus #form .left-column {width: 220px; margin-right:20px;}
#contactus #form .right-column {width: 280px;}

#contactus #form input { background-color: transparent; border: 0; color: #FFF; width: 160px; margin: 7px; font-size: 13px;}
#contactus #form .field { float: left; width: 175px; height: 32px; margin-bottom: 6px; background-repeat: no-repeat; padding-left: 45px;}

#contactus #form #nameinput{background-image: url(images/contact-field-name-bkg.png);}
#contactus #form #companyinput{background-image: url(images/contact-field-biz-bkg.png);}
#contactus #form #emailinput{background-image: url(images/contact-field-email-bkg.png);}
#contactus #form #numberinput{background-image: url(images/contact-field-mobile-bkg.png);}
#contactus #form #budgetinput{background-image: url(images/contact-field-budget-bkg.png);}
#contactus #form #deadlineinput{background-image: url(images/contact-field-deadline-bkg.png);}

#contactus #form #messageinput {	background-image: url(images/contact-form-message.png); float: left; width: 235px; height: 175px; padding-left: 45px; background-repeat: no-repeat; padding-top: 10px;}
#contactus #form #message{ background-color: transparent; width: 220px; height: 160px; border: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #FFF;}

#contactus #form #form-button {	text-align: right; 	width: 280px; float: left; margin-top: 6px;}
/* END CONTACT US PAGE STYLING */

/* START BUTTON STYLING */
.contactus_button {
	clear: both;
	position:relative;
	display:block;
	width:85px;
	height:31px;
	background:url(images/form-send-sprite.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.contactus_button span.hover {
	position: absolute;
	display: block;
	width:85px;
	height:31px;
	background: url(images/form-send-sprite.png) no-repeat;
	background-position:0px -31px;
}
a.contactus_button:active {
    background-position: bottom right;
}
a.contactus_button:active span {
    background-position: bottom left;
}
/* END BUTTON STYLING*/