/* CSS Document */
*{
margin:auto;
}
body{
background:#dedddd url(../images/bg.jpg) repeat;
margin:0px;
padding:0px;
}
#main-wrapper{
width:100%;
background:#dedede url(../images/top-bg.jpg) repeat-x top;
}
#top-wrapper{
width:100%;
background:url(../images/top-main.jpg) no-repeat top;
height:419px;
}
#rest-page #top-wrapper{
background:url(../images/top-main-rest.jpg) no-repeat top;
}
#portfolio #top-wrapper{
background:url(../images/top-main-gallery.jpg) no-repeat top;
}

#top-content-area{
width:1001px;
height:419px;
}
#top-quick-contact{
width:100%;
height:32px;
overflow:hidden;
}
#top-email-area{
width:500px;
float:left;
padding:8px 3px 0px 0px;
margin-left:20px;
}
#top-email-area img{
float:left;
}
#top-email-area a{
margin-left:8px;
color:#ffffff;
font:bold 16px arial;
text-decoration:none;
}
#top-phone-area{
margin-top:7px;
width:170px;
float:right;
padding:3px 3px 0px 0px;
color:#ffffff;
font:bold 16px arial;
}
#top-phone-area img{
float:left;
margin-right:5px;
}
#top-nav-wrapper{
width:1001px;
height:auto;
overflow:hidden;
}

#logo-wrapper{
width:217px;
float:left;
margin:155px 0px 0px 20px;
}
img{
border:0px;
}
#flash-wrapper{
margin-top:6px;
width:458px;
float:left;
}
#nav-wrapper{
width:305px;
float:right;
margin-top:95px;
}
#menu{
margin:0px;
padding:0px;
}
#menu li{
list-style:none;
display:block;
}
#menu li a{
display:block;
text-align:right;
margin:0px 23px 7px 0px;
font:bold 12px Verdana;
color:#ffffff;
text-decoration:none;
padding:0px 20px 0px 0px;
height:32px;
line-height:32px;
}
#menu li a:hover{
color:#000000;
}
.about a{
background:url(../images/about-off.jpg) no-repeat right;
}
.about a:hover{
background:url(../images/about-on.jpg) no-repeat right;
}

#menu li.about a.active{
background:url(../images/about-on.jpg) no-repeat right;
color:#000000;
}


.portfolio a{
background:url(../images/about-off.jpg) no-repeat right;
}
.portfolio a:hover{
background:url(../images/about-on.jpg) no-repeat right;
}

#menu li.portfolio a.active{
background:url(../images/about-on.jpg) no-repeat right;
color:#000000;
}

.packages a{
background:url(../images/packages-off.jpg) no-repeat right;
}
.packages a:hover{
background:url(../images/packages-on.jpg) no-repeat right;
}
#menu li.packages a.active{
background:url(../images/packages-on.jpg) no-repeat right;
color:#000000;
}

.brochure a{
background:url(../images/brochure-off.jpg) no-repeat right;
}
.brochure a:hover{
background:url(../images/brochure-on.jpg) no-repeat right;
}
#menu li.brochure a.active{
background:url(../images/brochure-on.jpg) no-repeat right;
color:#000000;
}


.contact a{
background:url(../images/contact-off.jpg) no-repeat right;
}
.contact a:hover{
background:url(../images/contact-on.jpg) no-repeat right;
}
#menu li.contact a.active{
background:url(../images/contact-on.jpg) no-repeat right;
color:#000000;
}

#order{
position:absolute;
z-index:100;
top:0px;
padding:0px;
margin-top:20px;
}



#middle-wrapper{
width:100%;
background:#fdfdfd url(../images/mid-img.jpg) no-repeat top;
overflow:hidden;
position:relative;
}

#portfolio #middle-wrapper{
width:100%;
background:#fdfdfd url(../images/mid-img-rest.jpg) no-repeat top;
overflow:hidden;
position:relative;
}


#middle-info-wrapper{
width:1000px;
overflow:hidden;
}


#content-center{
width:600px;
float:left;
left:192px;
position:relative;
}

#rest-page #content-center{
width:800px;
}
#portfolio #content-center{
width:1000px;
left:0px;
}


#content-left{
width:182px;
float:left;
left:-600px;
position:relative;
padding-left:8px;
margin:0px;
}

#rest-page #content-left{
left:-800px;
}
#request-area{
width:100%;
background: url(../images/request-mid.png) repeat-y;
}
.request-area-top{
width:100%;
height:53px;
background:url(../images/request-top.jpg) no-repeat top;
}

.request-area-top h3{
color:#ffffff;
padding:10px 0px 0px 20px;
font:normal 18px arial;
margin:0px;
}


.request-area-mid{
width:auto;
margin:7px 0px 5px 12px;
}
.request-area-bot{
width:100%;
height:17px;
background:url(../images/request-bottom.jpg) no-repeat top;
}

.text{
border:0px;
background:url(../images/input-bg.jpg) no-repeat top;
height:20px;
width:135px;
margin:0px;
padding-left:10px;
padding-right:5px;
padding-top:5px;
font:normal 11px arial;
color:#666666;
display:block;
}
.text-2{
border:0px;
background:url(../images/textarea-bg.jpg) no-repeat top;
height:38px;
width:142px;
margin:0px;
padding-left:10px;
padding-top:5px;
font:normal 11px arial;
color:#666666;
display:block;
overflow:auto;
}
label{
font:normal 12px arial;
display:block;
color:#2e2e2e;
margin-left:5px;
}
input{
display:block;
margin:0px;
padding:0px 0px 0px 85px;
}
#service-head{
display:block;
width:100%;
height:54px;
background:url(../images/services-bg.jpg) no-repeat top;
}
#service-head h3{
color:#ff7400;
padding:15px 0px 0px 20px;
font:normal 18px arial;
margin:0px;
}
#service-head h3 a{
color:#ff7400;
text-decoration:none;
}
#service-head h3 a:hover{
color:#ffffff;
}
#brochure-design{
display:block;
width:100%;
height:73px;
background:url(../images/bg1.jpg) no-repeat top;
}
#brochure-design a{
text-decoration:none;
color:#333333;
}
#brochure-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}
#brochure-design p{
margin:0px;
font:normal 12px arial;
padding:5px 10px 0px 20px;
}

#poster-design{
display:block;
width:100%;
height:72px;
background:url(../images/bg2.jpg) no-repeat top;
}
#poster-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}
#poster-design p{
margin:0px;
font:normal 12px arial;
padding:5px 10px 0px 20px;
}
#poster-design a{
text-decoration:none;
color:#333333;
}
#poster-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}

#leaflet-design{
display:block;
width:100%;
height:73px;
background:url(../images/bg3.jpg) no-repeat top;
}
#leaflet-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}
#leaflet-design p{
margin:0px;
font:normal 12px arial;
padding:5px 10px 0px 20px;
}

#leaflet-design a{
text-decoration:none;
color:#333333;
}
#leaflet-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}

#flyer-design{
display:block;
width:100%;
height:71px;
background:url(../images/bg4.jpg) no-repeat top;
}
#flyer-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}
#flyer-design p{
margin:0px;
font:normal 12px arial;
padding:5px 10px 0px 20px;
}

#flyer-design a{
text-decoration:none;
color:#333333;
}
#flyer-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}


#logo-design{
display:block;
width:100%;
height:72px;
background:url(../images/bg5.jpg) no-repeat top;
}
#logo-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}
#logo-design p{
margin:0px;
font:normal 12px arial;
padding:5px 10px 0px 20px;
}

#logo-design a{
text-decoration:none;
color:#333333;
}
#logo-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}

#graphic-design{
display:block;
width:100%;
height:74px;
background:url(../images/bg6.jpg) no-repeat top;
}
#graphic-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}
#graphic-design p{
margin:0px;
font:normal 12px arial;
padding:5px 10px 0px 20px;
}
#graphic-design a{
text-decoration:none;
color:#333333;
}
#graphic-design h4{
color:#ffffff;
padding:10px 0px 0px 20px;
font:16px arial;
margin:0px;
}

#content-right{
width:192px;
float:right;
margin:0px;
padding-right:2px;
}

.right-block{
width:182px;

margin-right:5px;
}
.right-block-top{
width:100%;
height:50px;
background:url(../images/right-block-top.png) no-repeat top;
}
.right-block-top h3{
color:#ffffff;
padding:13px 0px 0px 20px;
font:normal 18px arial;
margin:0px;
}
.right-block-mid{
width:auto;
padding:7px 0px 5px 12px;
background: url(../images/right-block-mid.png) repeat-y;
}

.right-block-mid p{
color:#333333;
padding:5px 10px 0px 10px;
font:normal 12px arial;
margin:0px;
}
.right-block-bot{
width:100%;
height:14px;
background:url(../images/right-block-bot.png) no-repeat top;
}

.right-block-mid .text{
border:0px;
background:url(../images/input-bg.jpg) no-repeat top;
height:20px;
width:135px;
margin:0px;
padding-left:10px;
padding-right:5px;
padding-top:5px;
font:normal 11px arial;
color:#666666;
display:block;
}
.right-block-mid.text-2{
border:0px;
background:url(../images/textarea-bg.jpg) no-repeat top;
height:42px;
width:142px;
margin:0px;
padding-left:10px;
padding-top:5px;
font:normal 11px arial;
color:#666666;
display:block;
overflow:auto;
}
.right-block-mid label{
font:normal 12px arial;
display:block;
color:#2e2e2e;
margin-left:5px;
}
.right-block-mid input{
display:block;
margin:0px;
padding:0px 0px 0px 85px;
}



#blog{
display:block;
width:100%;
height:54px;
background:url(../images/blog.jpg) no-repeat top;
}
#blog a{
color:#ffffff;
padding:15px 0px 0px 20px;
font:18px arial;
margin:0px;
text-decoration:none;
display:block;
width:102px;
float:left;
}
#blog img{
margin-top:10px;
}
#offer{
display:block;
width:100%;
height:58px;
background:url(../images/offer.jpg) no-repeat top;
}
#offer a{
color:#ffffff;
padding:17px 0px 0px 20px;
font:18px arial;
margin:0px;
text-decoration:none;
display:block;
width:103px;
float:left;
}
#offer img{
margin-top:11px;
}
#flash-design-india{
display:block;
width:100%;
height:131px;
background:url(../images/bg7.jpg) no-repeat top;
}
#flash-design-india p{
color:#000000;
padding:18px 10px 0px 20px;
font:12px arial;
margin:0px;
text-align:center;
}
#flash-design-india p b{
font:24px arial;
color:#FFFFFF;
}


#content{
width:555px;
text-align:left;
overflow:hidden;
}

#content h1{
font:normal 24px arial;
color:#333333;
margin-bottom:15px;
}
#content h1 span{
color:#f5821f;
}
#content h1 span.about-us{
color:#615d5a;
}
#content h2{
font:normal 24px arial;
color:#000000;
}
#content h4{
font:bold 14px arial;
color:#f5821f;
margin:15px 0px 15px 0px;
}
#content h3{
font:bold 16px arial;
color:#454444;
margin:15px 0px 15px 20px;
}
#content p{
color:#515151;
font:normal 12px arial;
line-height:17px;
margin-bottom:20px;
text-align:justify;
}
#content ul{
margin:0px 0px 10px 0px;
padding:0px;
}
#content li{
margin-left:30px;
color:#515151;
font:normal 12px arial;
}
#rest-page #content{
width:750px;
}
#portfolio #content{
width:900px;
}

#social-icon{
margin:20px 20px;
text-align:center;
}



#footer-wrapper{
width:100%;
background:#2f2e2e url(../images/bottom-2.jpg) repeat;
overflow:hidden;
}
#footer-top{
width:100%;
background:url(../images/bottom-1.jpg) repeat-x top;
}
#footer-top-design{
width:1133px;
height:57px;
background:url(../images/bottom.jpg) no-repeat top;
}

#footer-middle-wrapper{
width:100%;
height:auto;
border-bottom:2px solid #3d3c3c;
background:#2f2e2e url(../images/bottom-2.jpg) repeat;
padding-bottom:5px;
}
#footer-middle{
width:1000px;
}
#footer-middle p{
text-align:center;
color:#918e8e;
font:normal 12px arial;
line-height:20px;
margin:0px;
}
#footer-middle a{
color:#918e8e;
text-decoration:none;
}
#footer-middle a:hover{
text-decoration:underline;
}
#footer-bottom-wrapper{
width:100%;
height:56px;
background:url(../images/bottom-3.jpg) repeat;
}
#footer-bottom{
width:1000px;
}
#footer-bottom p{
text-align:center;
color:#918e8e;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
padding:20px 0px 0px 0px;
margin:0px;
}

.portfolio-landing{
width:262px;
height:198px;
background:url(../images/landing-bg.png) no-repeat top;
float:left;
margin:0px 15px 0px 15px;
}
.portfolio-landing img{
margin:8px 0px 0px 42px;
border:0px;
}
.form-area{
width:auto;
font:normal 12px arial;
}

.form-area input{
padding:0px;
display:block;
float:left;
width:300px;
}
.form-area textarea{
width:300px;
height:70px;
}
.form-area .submits{
width:100px;
float:left;
margin-right:10px;
cursor:pointer;
}
.visit-portfolio {
width:181px;
float:right;
}
#raft-out {
position:relative;
left:0px;
top:0px;
}
#raft {
position:absolute;
top:0px;
left:0px;
z-index:20; 
}
.packages-table{
border:0px solid #CCCCCC;
padding:2px;
font:normal 12px arial;
color:#333333;
width:100%;
border:1px solid #DDDDDD;
}
.packages-table td, th{
border-collapse:collapse;
border:1px solid #DDDDDD;
padding:5px;
margin:5px;
}
.packages-table th{
background:#000;
color:#fff;
}
.packages-table td.heading{
background:#FF9900;
color:#fff;
font-weight:bold;
font-size:14px;
}
.list-type1{
margin:0px;
padding:0px;
list-style:none;
}
.list-type1 li{
display:block;
list-style:none;
background:url(../images/bullet.gif) no-repeat 3px 5px;
padding-left:10px;
margin:0px;
}

.list-type2{
margin:0px;
padding:0px;
list-style:none;
float:left;
}
.list-type2 li{
display:block;
list-style:none;
background:url(../images/bullet.gif) no-repeat 3px 5px;
padding-left:10px;
margin:0px 0px 10px 0px;
}
.list-type2 li a{
color:#000;
text-decoration:none;
font-size:14px;

}
.list-type2 li a:hover{
color:#000;
text-decoration:underline;
}
.list-type2 li a:visited{
color:#FF6600;
text-decoration:none;
}
#services-block{
width:100%;
height:auto;
overflow:hidden;
}
.contact-address{
margin-left:210px;
margin-top:20px;
}
.contact-address b{
color:#FF9900;
font-size:18px;
}
#next-pre{
font:bold 18px arial;
color:#FF6600;
}
#next-pre a{
color:#FF6600;
text-decoration:none;
}
#next-pre a:hover{
color:#333333;
}
input.button{
background:url(../images/submit-bg.jpg) no-repeat center;
height:25px;
line-height:25px;
font:bold 12px arial;
width:62px;
padding-left:0px;
border:0px;
cursor:pointer;
color:#fff;
margin-left:83px;
margin-top:5px;
}
.flash-banner{
padding:10px 0px 0px 10px;
}

#pagination{
margin-right:90px;
font:bold 12px arial;
text-align:right;
}
#pagination a{
display:inline;
margin:2px;
padding:2px 5px 2px 5px;
line-height:25px;
background-color:#FF9900;
color:#FFFFFF;
border:1px solid #FF6600;
font:normal 11px arial;
text-decoration:none;
}
#pagination a:hover{
background-color:#666666;
border:1px solid #000;
color:#FFFFFF;
}

#pagination a.active{
background-color:#666666;
border:1px solid #000;
color:#FFFFFF;
}
.type-list{
width:198px;
margin:5px 10px 5px 10px;
height:auto;
text-align:center;
background:#CCCCCC;
float:left;
}
.type-list a{
text-decoration:none;
font:bold 16px arial;
line-height:18px;
color:#000;
}
.type-list a:hover{
color:#FF6600;
}
.type-list img{
border-top:5px solid #CCCCCC;
border-left:5px solid #CCCCCC;
border-right:5px solid #CCCCCC;
}
a.link {
	color: #f5821f;
	text-decoration: underline;
}
a.link:hover {
	text-decoration: none;
}

.contact-new {
	float:left;
	margin-left:100px;
	margin-right:20px;
	margin-top:30px;
	}
.barcode-position {
	float:left;
	}	

.barcode-icon {
	background:#f8f7f7;
	border:solid 1px #dedede
	}