@charset "utf-8";
/* CSS Document */

body
{
margin:0;
padding:0;
background:url(../images/bg-body.jpg) top center no-repeat;
font-family:Calibri, Arial, Verdana, Tahoma;
font-size:90%;
color:#7F7F7F;
}
h1,h2,h3,h4,h5,h6
{
color:#626262;
font-size:2em;
margin-bottom:0;
}
#adeel
{
width:1022px;
height:auto;
background: #ffffff url(../images/bg-headerTop.jpg) top left no-repeat;
margin:20px auto 0 auto;
}
#royage
{
width: 989px;
height:auto;
margin:20px auto 0 auto;
padding:20px 0 0 0;
}
/*-----------------------------------------------------------------------------------
------------------------------- Header Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
#header
{
width: 989px;
height:300px;
margin:0;
padding:0;
}
#left
{
width: 245px;
height:352px;
float:left;
background:url(../images/bg-headerLogo.jpg) top right no-repeat;
margin:0;
}
#right
{
width: 744px;
height:352px;
float:right;
background:url(../images/bg-headerR.jpg) top left no-repeat;
margin:0;
}
/*#telephone
{
height:60px;
margin: 17px 0px 0px 20px;
float:left;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#fff;
line-height:28px;
}
#header #right p
{
margin-top:5px;
}
#telephone .tele
{
font-size:28px;
}
#telephone img
{
float:left;
padding:1px 10px 0 0;
}
#telephone .day
{
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
}*/
#row-1
{
width: 180px;
height:130px;
margin: 67px 0 0 20px;
float:left;
clear:both;
}
#row-2
{
width: 250px;
height:65px;
margin: 5px 0 0 20px;
float:left;
clear:both;

}
#row-3
{
width: 400px;
height:50px;
margin: 0 0 0 20px;
float:left;
clear:both;
}
/*-----------------------------------------------------------------------------------
------------------------------- Container Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
#container
{
width: 986px;
height:auto;
margin:0 auto;
}
#contentArea
{
width:985px;
height:247px;
background:url(../images/bg-contTop.jpg) right top no-repeat;
margin:55px 0 0 0;
font-size:14px;
color:#ffffff;
}
#col-1
{
width:200px;
height:220px;
margin: 15px 5px 0 25px;
float:left;
}
#col-2
{
width:230px;
height:220px;
margin: 15px 5px 0 30px;
float:left;
}
#col-3
{
width:430px;
height:220px;
margin: 15px 5px 0 25px;
float:left;
}
#col-1 h1
{
color:#ffffff;
font-size:40px;
margin:0;
padding:0;
line-height:40px;
}
#col-1 p
{
margin-bottom:0;
padding:0;
}
#col-2 p
{
margin:8px 0 0 0;
padding:0;
}
/*#contentArea .txtField
{
width: 196px;
height:18px;
padding:2px 4px;
border:none;
background:url(../images/bg-txtInput.png) top left no-repeat;
}
#contentArea .drpList
{
width: 202px;
height:22px;
border:none;
background:url(../images/bg-listInput.png) top left no-repeat;
}
#contentArea .txtArea
{
width: 404px;
height:66px;
padding: 6px 8px;
border:none;
background:url(../images/bg-txtArea.png) top left no-repeat;
}
#contentArea .btnQuote
{
width: 226px;
height:40px;
border:none;
background:url(../images/bg-btnQuote.png) top left no-repeat;
float:right;
font-family:Calibri, Arial, Verdana, Tahoma;
font-size:26px;
color:#ffffff;
font-weight:bold;
padding-bottom:10px;
margin-right: 10px;
}*/
/*-----------------------------------------------------------------------------------
------------------------------- Portfolio Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
#our-portfolio
{
width:985px;
height:247px;
background:url(../images/bg-portfolio.jpg) right top no-repeat;
margin:10px 0 0 0;
}
#our-portfolio h1
{
color:#fff;
margin: 10px 0 10px 30px;
padding:0;
font-size:30px;
display:block;
float:left;
}
/*-----------------------------------------------------------------------------------
------------------------------- Testimonial Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
#testimonial
{
width:985px;
height:247px;
background:url(../images/bg-testimonial.jpg) right top no-repeat;
margin:10px 0 0 0;
padding:0;
}
/*-----------------------------------------------------------------------------------
------------------------------- Content Area 2 Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
#contentArea-2
{
width:985px;
height:228px;
background:#fff;
margin:10px 0 0 0;
}
#contentArea-2 h3
{
margin-top:0;
margin-bottom:30px;
color:#000000;
font-size: 26px;
font-weight:bold;
}
#contentArea-2 img
{
margin-top: -2px;
padding-right:6px;
float:left;
}
#contentArea-2 a
{
color:#3384FD;
text-decoration:none;
}
#contentArea-2 a:hover
{
color:#3384FD;
text-decoration:underline;
}
#col1
{
width: 280px;
height:180px;
margin: 25px 10px 0 25px;
float:left;
}
#col2, #col3
{
width: 300px;
height:180px;
margin: 25px 10px 0 25px;
float:left;
}

.txtInput
{
width: 179px;
height: 19px;
background:url(../images/txtInput.jpg) top left no-repeat;
border:none;
float:left;
margin:0;
padding: 2px 3px;
color:#000000;
}
.btnSubmit
{
width:86px;
height: 28px;
background:url(../images/btnSubmit.jpg) top left no-repeat;
border:none;
float:left;
margin:0 0 0 3px;
}
/*-----------------------------------------------------------------------------------
------------------------------- Footer Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
#footer
{
width:985px;
height:134px;
background:url(../images/bg-footer.jpg) right top repeat-x;
margin:10px 0 0 0;
}
#copyrights
{
width:500px;
height:30px;
float:left;
margin:30px 0 0 30px;
color:#000000;
font-size:12px;
font-weight:bold;
}
#footer-right
{
float:right;
width: 315px;
height:134px;
margin:0;
background:url(../images/Logo-Footer.jpg) top right no-repeat;
}
#footer-left
{
float:left;
width:650px;
height:50px;
margin:10px 0 0 10px;
clear:left;
}

/*-----------------------------------------------------------------------------------
------------------------------- Slider Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
/* outmost wrapper element */
#scrollable {
padding:0;
margin:0;
width:980px;
float: left;
height: 181px;
}

/* container for the scrollable items */
.items {
float:left;
height: 181px;
display: block;
}
.slide-items {
width: 203px;
height: 161px;
margin:0 6px;
padding:10px;
float: left;
display:block;
background: url(../images/bg-slider.png) top left no-repeat;
}

/* single item */


/* next / prev buttons */
a.prev {
background:url(../images/slide-button-left.gif) top left no-repeat;
display:block;
width:19px;
height:155px;
float:left;
margin:0 2px 0 0;
}
a.next {
background:url(../images/slide-button-right.gif) top right no-repeat;	
display:block;
width:19px;
height:155px;
float:left;
margin:0 0 0 2px;
}