@font-face {



    font-family: 'CharlemagneStdBold';



    src: url('fonts/CharlemagneStd-Bold.eot');



    src: local('CharlemagneStd Bold'), local('CharlemagneStd'), url('fonts/CharlemagneStd-Bold.woff') format('woff'), url('fonts/CharlemagneStd-Bold.otf') format('opentype'), url('fonts/CharlemagneStd-Bold.svg#CharlemagneStd') format('svg');



}



















/*@font-face {



	font-family: 'DINMittelschriftRegular';



	src: url('fonts/DINMittelschrift-Regular.eot');



	src: local('DINMittelschrift Regular'), local('DINMittelschrift'), url('fonts/DINMittelschrift-Regular.woff') format('woff'), url('fonts/DINMittelschrift-Regular.otf') format('opentype'), url('fonts/DINMittelschrift-Regular.svg#DINMittelschrift') format('svg');



}*/







body{



    background:#fff url(images/body_bg.jpg) repeat-x;



    width:100%;



    margin:auto;



    font-family: Verdana, Arial;



    color: #000;



    font-size: 10px;



}







.relative{position:relative;}



.absolute{position:absolute;}



.fleft{float:left;}



.fright{/*float:right;*/}



.clear{clear:both;}



.clearh{clear:both;height:0px;}



.fleft{float:left;}



.fright{/*float:right;*/}

.ptop20{padding-top:20px;}



.pbot20{padding-bottom:20px;}



.padd5{padding:5px;}



.h10{height: 10px;}



.upper{text-transform:uppercase;}



.h1{font:bold 26px arial;}







a:link, a:visited, a:active{



    /*font: normal 12px arial;*/



    color: #0383D9;



    text-decoration: underline;



    outline: none;



}



a:hover{



    /*font: normal 12px arial;*/



    color: #B50404;



    text-decoration: none;



    outline: none;



}







#mainDiv{







    margin:auto;



    margin-top:20px;



}







#header{



    background: url(images/header_bg.jpg) no-repeat;



    width:980px;



    height:233px;



    margin: auto;



}







.headerLeft{



    width: 535px;



    float: left;



}







.headerRight{



    background: url(images/flash.png) no-repeat;



    width: 440px;



    float: left;



    height: 232px;



}







.logo{



    background: url(images/logo.png) no-repeat;



    width: 251px;



    height: 34px;



    margin: 33px 0px 0px 48px;



    display: block;



}



#headerTitle{



    background : url(images/head_title.png) no-repeat;



    width: 488px;



    height: 24px;



    margin: 28px 0px 0px 47px;



}



#headerContent{



    text-align:justify;



    font: normal 12px verdana;



    color: #000;



    margin: 12px 0px 0px 47px;



}



/* Begin: Menu */

#mainmenu{

    /*background: url(images/menu.png) no-repeat;*/

    width: 980px;

    height: 53px;

    margin: auto;

}

#mainmenu ul{

    width:980px;

    margin:0px;

    padding:0px;

}

#mainmenu li{ 

    list-style-type:none;

    float:left;

    height:53px;

}

/* Home */ /*

#mainmenu a.home{

	width:100px;

	height:53px;

	background: url(images/menu.png) no-repeat left top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu a.home:hover,a.homesel{

	width:123px;

	height:53px;

	background: url(images/menu.png) no-repeat left bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}*/



/* OUR SERVICES */ /*

#mainmenu a.ourservices{

	width:148px;

	height:53px;

	background: url(images/menu.png) no-repeat -123px top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu a.ourservices:hover,a.ourservicessel{

	width:148px;

	height:53px;

	background: url(images/menu.png) no-repeat -123px bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}

*/

/* OUR APPROACH */ /*

#mainmenu a.ourapproach{

	width:166px;

	height:53px;

	background: url(images/menu.png) no-repeat -271px top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu a.ourapproach:hover,a.ourapproachsel{

	width:166px;

	height:53px;

	background: url(images/menu.png) no-repeat -271px bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}

*/

/* ABOUT US	*/ /*



#mainmenu a.aboutus{

	width:136px;

	height:53px;

	background: url(images/menu.png) no-repeat -437px top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu a.aboutus:hover,a.aboutussel{

	width:136px;

	height:53px;

	background: url(images/menu.png) no-repeat -437px bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}*/



/* TESTIMONIALS	*/

/*

#mainmenu a.testimonials{

	width:155px;

	height:53px;

	background: url(images/menu.png) no-repeat -573px top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu a.testimonials:hover,a.testimonialssel{

	width:155px;

	height:53px;

	background: url(images/menu.png) no-repeat -573px bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}



*/

/* QUOTE */ /*



#mainmenu a.quote{

	width:152px;

	height:53px;

	background: url(images/menu.png) no-repeat -728px top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu a.quote:hover,a.quotesel{

	width:152px;

	height:53px;

	background: url(images/menu.png) no-repeat -728px bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}

*/

/* BLOG */ /*

#mainmenu li a.blog{

	width:100px;

	height:53px;

	background: url(images/menu.png) no-repeat -880px top;

	display:block;

	font: 18px "Trebuchet MS";

    color:#a5aeb6;

    text-align:center;

}

#mainmenu li a.blog:hover,a.blogsel{

	width:100px;

	height:53px;

	background: url(images/menu.png) no-repeat -880px bottom;

	display:block;

	font: 18px "Trebuchet MS";

   	color:#ffffff;

	text-align:center;

}*/

#mainmenu {

    background : transparent url(images/menu_bg.jpg) repeat-x 0 0;

}

#mainmenu .mleft ,#mainmenu .mright {

    float : left ;

    background : transparent url(images/menu_left.jpg) no-repeat 0 0;

    width : 12px;

    height : 53px;

}

#mainmenu .mright { background : transparent url(images/menu_right.jpg) no-repeat 0 0; }

#mainmenu ul { float : left; width : 956px; }

#mainmenu a {

    color : #000;

    font : normal 12px/55px Arial;

    text-align : center;

    padding : 0 9px;

    margin : 0 10px;

    height : 53px;

    display : block;

    float : left;

    text-decoration : none;

    text-transform : uppercase;

}

#mainmenu a:hover,#mainmenu a.sel,#mainmenu a.sel:hover {

    background : transparent url(images/menu_selbg.png) no-repeat center 0;

    color : #fff;

}

/* End : menu */











#mainContent{



    margin:10px auto auto;



    /*padding-top:60px;*/



    width:980px;



    *margin:60px auto auto;



    _margin:10px auto auto;



}







/* BOX 1 */



#box1{



    float:left;



}



#boxHead{



    /*background: url(images/mobile_header.png) no-repeat;



	background: url(images/boxheadbg.png) no-repeat;*/



    width:305px;



    height:167px;



    display:block;



}



#boxtitle{



    font: bold 14px/18px "century gothic", arial;



    color: #000;



    padding-top:10px;



}



#box1Content{



    background: url(images/mobile_content.png) no-repeat;



    width:265px;



    height: 140px;



    font: normal 11px/15px arial;



    text-align:justify;



    padding: 0px 20px 20px 20px;



    color: #fff;



    display:block;



    text-decoration:none;



}



#box1FooterLeft{



    background: url(images/mobile_botleft.jpg) no-repeat;



    width:127px;



    height: 28px;



    float:left;



}



.box1FooterCenter{



    background: url(images/mobile_botcenter.jpg) no-repeat;



    width:51px;



    height: 42px;



    float:left;



}



#box1FooterRight{



    background: url(images/mobile_botright.jpg) no-repeat;



    width:127px;



    height: 28px;



    float:left;



}







/* BOX 2 */



#box2{



    float:left;



    margin: 0px 32px;



}



#box2Head{



    background: url(images/web_header.png) no-repeat;



    width:305px;



    height:170px;



}



#box2Content{



    background: url(images/web_content_bg.png) no-repeat;



    width:265px;



    height: 140px;



    font: normal 11px/15px arial;



    text-align:justify;



    padding: 0px 20px 20px 20px;



    color: #fff;



    display:block;



    text-decoration:none;



}



#box2FooterLeft{



    background: url(images/web_botleft.png) no-repeat;



    width:127px;



    height: 28px;



    float:left;



}



.box2FooterCenter{



    background: url(images/web_botcenter.png) no-repeat;



    width:51px;



    height: 42px;



    float:left;



}



#box2FooterRight{



    background: url(images/web_botright.png) no-repeat;



    width:127px;



    height: 28px;



    float:left;



}



/* BOX 3 */



#box3{



    float:left;



}



#box3Head{



    background: url(images/media_header.png) no-repeat;



    width:305px;



    height:170px;



}



#box3Content{



    background: url(images/media_content.png) no-repeat;



    width:265px;



    height: 140px;



    font: normal 11px/15px arial;



    text-align:justify;



    padding: 0px 20px 20px 20px;



    color: #fff;



    display:block;



    text-decoration:none;



}



#box3FooterLeft{



    background: url(images/media_botleft.jpg) no-repeat;



    width:127px;



    height: 28px;



    float:left;



}



.box3FooterCenter{



    background: url(images/media_botcenter.jpg) no-repeat;



    width:51px;



    height: 42px;



    float:left;



}



#box3FooterRight{



    background: url(images/media_botright.jpg) no-repeat;



    width:127px;



    height: 28px;



    float:left;



}



/**/



#blog{



    float:left;



    width: 459px;



    padding:0px;



    margin:18px 0 0 10px;



}



.blogHead{



    font: bold 18px arial;



    color:#000;



    margin-top:19px 0px 0px 9px;



}



.blogTitle{



    margin: 5px 0px 0px 8px;



}



.title{



    font: bold 16px arial;



    color: #0383d9;



    text-align: left;



}



a.bluetitle{



    font: bold 16px arial;



    color: #0383d9;



    text-align: left;



    text-decoration:none;



}



a.bluetitle:hover{



    font: bold 16px arial;



    color: #B50404;



    text-align: left;



    text-decoration:none;



}



.blogContent{



    margin: 12px 0px 26px 20px;



    text-align:justify;



    font: normal 12px/20px arial;



    color: #000;



    height: 100px;







}



a.blogmore:link, a.blogmore:visited, a.blogmore:active {
    font: normal 12px arial;
    color: #b50404;
    float:right;
    text-decoration: none;
    font-style: italic;
}



a.blogmore:hover{
    font: italic 12px arial;
    color: #0383D9;
    float:right;
    text-decoration: none;
}



.dotline{



    margin: 6px 0px 0px /*11px*/;

    /*margin-left:60px;*/

    clear:both;



}







#project{



    float:right;



    width: 478px;



    margin-top:18px;



}



.projectContent{



    margin: 0px 20px 15px 20px;



    text-align:justify;



    /*width:461px;*/



    font: normal 12px/20px arial;



    color: #000;



    height: 150px;



    *height: 162px;



    /*padding-left: 10px;*/



}



.projectCont{



    width: 290px;



    float:left;



}



.projectImg{



    width: 160px;



    float:right;



}



a.projectmore:link, a.projectmore:active, a.projectmore:visited{



    font: normal 12px arial;



    color: #b50404;



    float:right;



    padding-right:10px;



    text-decoration: none;



}



a.projectmore:hover{



    font: normal 12px arial;



    color: #0383D9;



    float:right;



    padding-right:10px;



    text-decoration: none;



}







#footer{



    background: url(images/footer_bg.png) no-repeat;



    width: 981px;



    height: 188px;



    margin-bottom:30px;



    margin: auto;



}



#footerLogo ul{



    padding:10px;



    margin:0px;



}



#footerLogo li{



    float:left;



    list-style-type:none;



}



#footerLogo ul li a img {



    border: 0px;



}



#copyright{



    margin-top:80px;



}



#copyright ul{



    margin: 0px;



    padding-left: 25px;



}







#copyright ul li {



    float:left;



    list-style-type:none;



}



#copyright ul li a {



    float:left;



    list-style-type:none;



    font: normal 12px arial;



    color: #666666;



}



#botlink{



    /*padding-left:10px;*/



}







.copy{



    font: normal 12px arial;



    color: #666666;



    padding-right:30px;



}







.innerPageContent{



    font: normal 12px/15px arial;



    color:#000;



    background-color: #fff;



    text-align: justify;



    padding: 20px 20px 20px 40px;



    min-height:500px;



    height:auto !important;



    height:500px;



    width:920px;



}







/* */







.dottitle{



    background: url(images/dot.gif) no-repeat;



    padding-left: 10px;



    font: normal 16px tahoma;



    color: #0383d9;



}







#list5 li {



    background: url(images/arrow.gif) no-repeat 0 8px;



    padding-left: 15px;



    *padding-left:0px;



    list-style-type: none;



    font: normal 13px/21px trebuchet MS;



    color: #B50404;



}



#list3 li {



    background: url(images/arrow.gif) no-repeat 0 8px;



    padding-left: 15px;



    *padding-left:0px;



    list-style-type: none;



    font: normal 13px/21px trebuchet MS;



    color: #B50404;



}



#list5 div {



    float:left;



    width: 18%;



}



#list3 div {



    float:left;



    width: 180px;



}



#innerlist{



    padding:0px;



    margin:0px;



}



#innerlist li{



    background: url(images/bullet1.gif) no-repeat 0 4px;



    font: normal 12px/18px arial;



    color: #000;



    list-style-type: none;



    padding-left:10px;



    margin-left:17px;



    text-align:left;



}







.subhead {



    color:#122470;



    font-size:13px;



    font-weight:bold;



}



#cont p{



    font: normal 12px/18px arial;



    color: #000;



    text-align: justify;



}







.seperator{



    background: url(images/seperator.gif) no-repeat 0 0;



    width: 920px;



    height: 1px;



    margin:10px 0;



}



.addBg{



    background: url(images/addbg.png) no-repeat 0 0;



    width: 379px;



    height: 187px;



    margin:auto;



    padding:20px;



    text-align:center;



    font:normal 16px "Trebuchet MS", Arial;



    color:#565656;



}



#addBgPara{



    text-align:center;



    font:normal 16px "Trebuchet MS", Arial;



    color:#565656;



}



.addBg h3{



    font:normal 24px "Trebuchet MS", Arial;



    color:#000;



    margin:0px 0 15px 0;



}



.addBg a{



    font:normal 16px "Trebuchet MS", Arial;



    color:#B50404;



    text-decoration:none;



}



.addBg a:hover{



    font:normal 16px "Trebuchet MS", Arial;



    color:#0383D9;



    text-decoration:none;



}



.categories1{



    margin-left:50px;



    width:240px;



}







.quoteButton{



    background: url(images/quote_button.jpg) no-repeat;



    width: 90px;



    height:21px;



    border: none;



    font:12px verdana;



}



a.moreButton:link, a.moreButton:active, a.moreButton:visited{



    background: url(images/more_button.jpg) no-repeat 0px top;



    width: 61px;



    height: 21px;



    display:block;



    text-align:center;



    font: normal 12px/18px verdana;



    text-decoration:none;



    color:#000;



}



a.moreButton:hover{



    background: url(images/more_button.jpg) no-repeat 0px bottom;



    width: 61px;



    height: 21px;



    display:block;



    text-align:center;



    font: normal 12px/18px verdana;



    text-decoration:none;



    color:#000;



}



.headerTitle{



    color:#FF3D00;



    font:bold 20px arial;



    text-align:left;



    width:540px;



    _width:475px;



}



#rigntNav {



    margin:0px;



    padding-left: 30px;



}



#rigntNav li { 



    /*	background: url(images/arrow.gif) no-repeat 0 8px;*/



    padding-left: 5px;



    list-style-type: none;



    font: normal 13px/21px trebuchet MS;



    color: #B50404;



}



#rigntNav li h2{



    font: normal 22px trebuchet MS;



    color: #B50404;



    margin: 10px 0;



}



#rigntNav li ul{ 



    padding:0px;



    margin:0px;







}







.searchbg{



    background: url(images/blueButton.png) no-repeat;



    width: 60px;



    height:22px;



    display:block;



    font: bold 12px arial;



    color:#fff;



    border: none;



    float:right;



}

.innerPageContent .post{
    margin-bottom:20px;
}

.ngg-gallery-thumbnail span{
    color:#0383D9;
    font:bold 16px arial !important;
    text-align:left;
}

.ngg-gallery-thumbnail-box{
    width:17% !important;
    min-height:160px;
}

#mainmenu .current_page_item a {
    background : transparent url(images/menu_selbg.png) no-repeat center 0;
    color : #fff;
    padding-left:15px;
    padding-right:15px;
}

/*by khurram*/
#title_div h2{
    margin-top: 0;
}
.link-to-all{
    
}
.link-to-all a,.link-to-all a:visited{
    color:#B50404;
    font:italic 12px arial;
    text-decoration:none;
}