/* Type CSS rules here and they will be applied
to pages from 'thecoffeegirl.com'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet style.css ****/

/* Type CSS rules here and they will be applied
to pages from 'thecoffeegirl.com'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet style.css ****/

/* CSS Document */
body{
	margin:0px;
	background:url(../images/back-bg.png) repeat;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#EF8B4A; font-size:30px;
	margin:0px; padding:0px 0px 20px 0px;
	line-height:normal;
	}	
.clear{margin:0px; padding:0px; clear:both;}	
.menu-bar{
	height:65px;
	width:1000px;
	margin:auto;
	background:url(../images/nav-bar.gif) repeat-x;
	}
.menu-bar ul{
	margin:0px;
	float:left;
	padding:0px 0px 0px 60px;
	list-style-type:none;
	}
.menu-bar ul li{
	background:url(../images/list-left.gif) no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	height:65px;
	width:auto; display:block;
	font-weight:bold;
	}
.menu-bar ul li a{
	color:#ffe8c2;
	text-decoration:none;
	height:41px;
	float:left;
	padding:24px 25px 0px 25px;
	display:block;
	}
.menu-bar ul li a.last{background:url(../images/last-list.gif) no-repeat right;}	
.menu-bar ul li a:hover{
	background:url(../images/hover-strip.gif) no-repeat;
	}	
#header{
	height:335px; width:910px; margin:auto;
	background:url(../images/header_w_logo.png) no-repeat;
	padding:120px 0px 0px 90px;
	}
#header-inner{
	height:165px; 
	width:910px; margin:auto;
	background:url(../images/coffeeGirlBG_innerPage.png) no-repeat;
	padding:20px 0px 0px 90px;
	}
.logo{
	height:120px;
	width:910px;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:11px;
	}
.con-box, .con-box-inner{
	height:215px;
	width:295px;
	margin:auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; 
	font-size:11px;line-height:22px;
	 padding-right:615px; 
	}
.con-box-inner{
	 padding-left:400px !important; 
	}	
.con-box a, .con-box-inner a{color:#FFFFFF; }	
.con-box span, .con-box-inner span{	font-weight:NONE; font-size:14px;
	}
#body-part{
	height:auto;
	width:820px;
	margin:auto;
	background:url(../images/body-part.gif) repeat-x #3b1a00;
	padding:0px 90px 20px 90px;
	}
#body-part-inner{
	min-height:350px;
	width:1000px;
	margin:auto;
	background-color: #381700;
	bbbackground:url(../images/body-part.gif) repeat-x #3b1a00;
	padding:0px 0px 0px 0px;
	}
#body-part-inner #content
{
	padding: 10px 10px 10px 10px;
}	
.left-cont{
	height:auto;
	width:630px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; padding:0px 0px 20px 0px;
	color:#FFFFFF; line-height:22px;
	}
#body-part a, #body-part-inner a{color:#EF8B4A;}	
.left-cont span{color:#EF8B4A; font-size:14px; font-weight:bold;}	
.img-box{
	height:auto; width:auto;
	float:right; padding:0px 0px 0px 20px;
	}
.right-list{
	height:auto;
	width:190px;
	float:left;
	}
.right-list ul{
	margin:0px; padding:55px 0px 0px 35px;
	}
.right-list ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#EF8B4A;
	font-size:14px;
	line-height:25px;
        list-style-type: none;
	}	
#mid-body{
	height:auto;
	width:860px;
	margin:auto;
	padding:0px 80px 20px 60px;
	background:url(../images/mid-body.gif) repeat-x;
	}
.mid-boxes{
	height:auto;
	width:430px;
	float:left;
	padding:10px 0px 30px 0px;
	}
#mid-body p{
	margin:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; padding:30px 0px 0px 40px;
	color:#FFFFFF; line-height:22px;	
	}	
#mid-body a{color:#EF8B4A;}	
#mid-body span{color:#EF8B4A; font-size:14px; font-weight:bold;}

#footer{
	height:43px;
	width:820px;
	margin:auto;
	background:url(../images/footer.gif) repeat-x;
	text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	padding:35px 90px 0px 90px;
	}

#footer strong{
	float:left;
	color:#EF8B4A;
	}
#footer a{
	color:#EF8B4A;
	}	
	
	
	


a{ color:#EF8B4A; text-decoration:underline}
a:hover{text-decoration:none}
.clear{ clear:both}

/* inner pages css start */
/*h2{font:30px "Times New Roman", Times, serif ;margin:0px; color:#fff;  padding:15px 0px 10px 10px;}
h2 span{color:#16eb00}*/

h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#999; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #999; margin:0px 0px 10px 0px;}
h6{font:18px Tahoma, Arial, Helvetica, sans-serif; color:#999; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}

.aboutus-img{float:right; border:4px solid #999; margin:0 0px 10px 20px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#fff; background:#333; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #999;}
input.button:hover{cursor:pointer; color:#fff; background:#999}
.project-img{float:right; margin-left:20px;	border: 6px solid #999}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; width:97%; border-bottom:1px dotted #999; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */