@font-face {
	font-family: 'SofiaRegular-1';
	src: url('sofia_regular.eot');
}


@font-face {
	font-family: 'SofiaRegular-1';
	src: url(//:) format('no404'), url('sofia_regular_font1.ttf');
}

@font-face {
	font-family: 'SofiaRegular-2';
	src: url(//:) format('no404'), url('sofia_regular_font2.ttf');
}

body
{
background:url(../images/body-bg.jpg) repeat;
font-family:'SofiaRegular-1','SofiaRegular-2',Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:justify;
color:#414042;
margin:0px;
}



h1
{
font-size:16px;
margin:0px;
margin-bottom:10px;
text-align:center;
color:#000000;
}


h2
{
font-size:18px;
margin:0px;
margin-bottom:10px;
text-align:left;
color:#fff;
padding-top:5px;
}


#top-sec
{
width:1000px;
margin:0 auto;
padding-bottom:30px;
}

#gallery-menu-logo-sec
{
width:1000px;
}

#left-sec
{
width:555px !important;
width:550px;
float:left;
padding-left:60px;
}
#right-sec
{

width:320px;
float:right;
padding-right:60px;
}

#quotation
{
font-size:24px;
color:#000000;
width:320px;
clear:both;
text-align:right;
font-weight:bold;
float:right;
padding-right:10px;
line-height:35px;
}


.big-font
{
font-size:34px;
text-align:left;
font-weight:normal;
}
.col-blue
{
color:#00aff0;
}
.col-brown
{
color:#a3a3a0;
}


#live-chat
{
width:40px;
height:26px;
position:fixed;
right:0;
float:right;
top:300px;
}

#menubar
{
width:700px;
float:left;
margin-top:97px;
margin-bottom:50px;
margin-left:-50px !important; 
#margin-left:-50px !important;
margin-left:-50px;
position:absolute !important;
top:0
}


#logo
{
width:199px;
height:206px;
float:right;
margin-top:25px;
}


#gallery-sec
{
width:542px;
height:379px;
clear:both;
padding-top:200px !important;
#padding-top:200px !important;
padding-top:200px;
}

.clear-div
{
clear:both;}


#service-section
{
width:900px;
margin:0 auto;
clear:both;
padding-bottom:10px;
}

#service-section ul
{
margin:0px;
padding:0px;
}

#service-section ul li
{
background:url(../images/box-1.jpg) no-repeat !important;
width:180px;
height:135px;
float:left;
list-style:none;
margin-right:6px;
padding:20px 20px 20px 20px;
margin-bottom:5px;
}


#service-section ul li:hover
{
background:url(../images/box-2.jpg) no-repeat !important;
}


#service-section a
{
color:#a3a3a0;
text-decoration:none;
}

#service-section a:hover
{
color:#000;
text-decoration:none;
}



#black-section-main
{
background-color:#000000;
width:100%;
margin:0 auto;
}


#black-section-content
{
background-color:#000000;
width:970px;
margin:0 auto;
clear:both;
font-size:14px;
color:#cdcdcd;
text-align:left;
padding-bottom:20px;
}

#black-section-content ul
{
margin-top:0px;
}

#black-section-content ul li
{
list-style:none;
margin-bottom:8px;
margin-left:-40px;}

#black-section-content ul li a
{
color:#cdcdcd;
text-decoration:none;
}


#black-section-content ul li a:hover
{
color:#00aff0;
text-decoration:none;
}


#black-section-content a
{
color:#cdcdcd;
text-decoration:none;
}


#black-section-content a:hover
{
color:#00aff0;
text-decoration:none;
}


#black-left
{
width:597px;
float:left;
margin-top:30px;
clear:both;
}


#black-left-about-us
{
width:262px;
float:left;
clear:both;
margin-top:30px;}




#box-1-left
{
width:242px;
height:245px;
float:left;
border-right:1px solid #333333;
border-bottom:1px solid #333333;

}

#box-2-left
{
width:243px;
height:245px;
float:left;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
font-size:21px;
font-weight:bold;
text-align:left;
line-height:35px;	
padding:0px 60px 0px 50px;
}


#box-2-left a
{
color:#00aff0;
text-decoration:none ;
}

#box-2-left a:hover
{
color:#00aff0;
text-decoration:underline ;
}


#box-3-left
{
width:242px;
height:150px;
float:left;
border-right:1px solid #333333;
padding-top:40px;
}

#box-4-left
{
width:243px;
height:150px;
float:left;
border-right:1px solid #333333;
padding:40px 60px 0px 50px;

}



.top-btn
{
float:left;
margin-top:0px;
position:relative;
top:-23px;
}




#black-right
{
width:283px;
float:right;
margin-top:30px;
padding-right:90px;
}


#black-right-about-us
{
width:700px;
float:right;
margin-top:35px !important;
#margin-top:60px !important;
margin-top:60px;
text-align:center;
}


.product-div
{
width:500px;
height:164px;
margin:0 auto;
font-size:23px;
text-align:left;
}
.product-div img
{
border:none;}

.divider-1
{
background:url(../images/divider-1.jpg) no-repeat;
width:600px;
height:50px;
margin: 0 auto;
margin-top:40px;
clear:both;
}






#box-1-right
{
width:233px;
height:107px;
float:left;
border-bottom:1px solid #333333;
padding-left:40px;
padding-right:10px;
padding-bottom:10px;
}


#box-2-right
{
width:233px;
height:170px;
float:left;
border-bottom:1px solid #333333;
padding-left:40px;
padding-right:10px;
padding-top:10px;
}


#box-3-right
{
width:233px;
height:135px;
float:left;
padding-left:40px;
padding-right:10px;
padding-top:15px;
}



#footer-main
{
background:url(../images/footer-bg.jpg) repeat-x;
width:100%;
height:30px;
margin:0 auto;
padding-top:20px;
}

#footer
{
width:900px;
margin: 0 auto;
color:#7f7f7f;
}

#footer a
{
color:#7f7f7f;
text-decoration:none;
}

#footer a:hover
{
color:#fff;
text-decoration:none;
}

#footer-left
{
width:300px;
float:left;
text-align:left;
}

#footer-right
{
width:300px;
float:right;
text-align:right;
}



/*------------------------about-us-------------*/

.content-secion
{
width:935px;
padding-top:15px;
padding-bottom:20px;
padding-left:15px;

clear:both;
}

.big-font-black
{
font-size:24px;
text-align:left;
line-height:36px;
}



.big-font-sky-blue
{
font-size:34px;
color:#00aff0;
line-height:30px;
}

.col-white
{
color:#FFFFFF;
font-size:18px;
font-weight:normal;
text-align:left;}

<!-----------------------------glossary---------------------------->


.content-secion1
{
width:870px;
margin:0 auto;
padding-top:15px;
padding-bottom:20px;
clear:both;
}

.inner-content1
{
width:300px;
float:left;
margin-right:30px;
text-align:left;
  line-height:30px;
  margin-top:20px;
}

.inner-content2
{
width:180px;
float:left;
margin-right:20px;
text-align:left;
  line-height:30px;
  margin-top:20px;
}

.content-secion a
{
  color:#000000;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
    
}

.content-secion a:hover
{
  color:#00a0f0;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
}
/*------------------------services-------------*/

.service-main-section
{
padding-top:40px;
width:900px;
}


.service-main-section 
{
font-size:12px;
text-align:justify;
line-height:20px;
}


.divider-bg
{
background:url(../images/divider.jpg) no-repeat center top;
width:900px;
margin-top:30px;
padding-top:40px;
}

.divider-bg1
{

background:url(../images/divider.jpg) no-repeat center bottom ;
width:900px;
padding-bottom:130px;
font-size:14px;
}



/*------------------------portfolio-------------*/

.portfolio-main-section
{
width:900px;
margin:0 auto;
clear:both;
}

#project-details
{
width:335px;
float:left;
margin-top:20px;
font-size:14px;
line-height:22px;
}

#gallery-sec-portfolio
{
width:542px;
height:379px;
float:right;
margin-top:20px;
}


/*.....................error.................*/

.error-main-section
{
width:900px;
margin:0 auto;
clear:both;
font-size:24px;
}

.error-main-section ol
{
margin-top:0px;
}

.error-main-section ol li
{
margin-bottom:15px;
}

#black-left-blog
{
width:600px;
float:left;
clear:both;
margin-top:30px;
font-size:12px;
line-height:18px;
}

#black-right-blog
{
width:243px;
float:right;
margin-top:30px;
border-left:1px dashed 	#666666;
padding-left:30px;
font-size:12px;
line-height:18px;}


.error-image
{
background-color:#666666;
width:439px;
height:320px;
float:right;
margin-top:20px;
}


#error-top-copy
{
width:420px;
float:left;
font-size:22px;
line-height:normal;
padding:0px;
/*margin-top:20px;*/
}

/*----------------contact-us-----------------*/
.contact-left
{
width:450px;
float:left;
font-size:20px;
color:#FFFFFF;
border-right:1px #333333 solid;
padding-right:20px;
}

.contact-right
{
width:390px;
float:right;
font-size:22px;
color:#FFFFFF;
text-align:left;
line-height:30px;

}


input 
{ 
	padding : 7px;
	border : none;
	font : normal 11px Arial, Verdana, Tahoma, sans-serif;
	color :#000;
	width:400px;
	margin:5px 0px 2px 0px;
	line-height:10px;
	background:url(../images/input-bg.jpg) repeat-x top #9d9d9d;

	border:1px solid #cecece;
} 



input.button 
{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background: url(../images/btn-submit.jpg) no-repeat;
	width:89px;
	height:27px;
	color:#fff;
	border:0px;
	float:right;
	cursor:pointer;
} 

select { 
	font : normal 11px Arial, Verdana, Tahoma, sans-serif;
	border : 1px solid #ececec;
	display : block;
	color : #000;
	width:110px;
	margin-top:5px;
} 

textarea
{
font : normal 11px Arial, Verdana, Tahoma, sans-serif;
border : none;
width:400px;
height:300px;
float:left;
padding:7px;
margin-top:5px;
background: url(../images/textarea-bg.jpg) repeat-x bottom #fff;
	border:1px solid #cecece;
}




.lunchsite a
{
	text-decoration:none;
	color:#000000;
}

.lunchsite a:hover
{
	color:#00aff0;
}

#read-1
{
	float:left;
	margin-top:-6px;
}

#read-2
{
	float:left;
	margin-top:0px;
}