/* ============= Reset ============== */
html {
	
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	text-align: left;
	
}

.tr
{
border:none;		
}
.td
{
border:none;	
border-bottom:none;
border-left:none;
	
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
a:focus{
	outline:none;
}

/* ============================= The Smart Media Global Setting =============================*/

body {
/*	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	height: 1763px;*/
	background-color:#545353;
}


p{
color:#FFFFFF;

}
.clear{
clear:both;
margin:0;
padding:0;


}

#top-bg{
	background-image: url(../images/top-bg.png);
	background-repeat: no-repeat;
	background-position:-5px top;	height: 28px;
		width: 1050px;
			margin:auto;
}
/* top bottom bg */
#bottom-bg{
	background-image: url(../images/bottom-bg.png);
	background-repeat: no-repeat;
	background-position:-5px top;
	height: 55px;
	width: 1050px;
	margin:auto;
	padding: 30px 0px;
}
/* end bottom bg */
.container{
	background-image: url(../images/container-bg.png);
	background-repeat: repeat-y;
	width: 1050px;
	background-position:-5px top;
	margin:auto;
}



#logo{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 138px;
	width: 240px;
	margin: 0px;
	margin-left:70px;

}

/* end logo */


#navigation {
float:right;
margin-right:60px;
margin-top:105px;}

#navigation img{
margin-top:7px;

}

#navigation ul{

padding:0;
}


#navigation li{
float:left;

}


#navigation li a:link, #navigation li a:visited{
float:left;
color:#6a6868;
font-family:Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
font-size:16.5px;
padding:0 7px;
text-decoration:none;
}

#navigation li a:hover, #navigation li a:active {
color:#000000;


}


#navigation li a.current {
color:#000000;
cursor:default;

}

/* end navigation */

#banner-wrapper{
	background-image: url(../images/banner-bg.png);
	background-repeat: repeat-x;
	height: 503px;

}


#banner{
	float:left;
	width:1050px;
	color:#fefefe;
	margin-left:-5px;
	text-indent:-9999px;



}


#banner img{
float:left;
	margin:auto;
}


/* end banner */

#side-bar{
float:right;

}

#quote{
	width:339px;
	margin-right:80px;
	background-color:#4a65ab;
	padding:10px 9px 5px 14px;
	margin-bottom:10px;
}

#quote a{
display:block;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	height: 41px;
	width:196px;
	text-indent:-9999px;
	margin-left:70px;
}

#quote a:hover{
display:block;
	background-image: url(../images/quote-hover.png);
	background-repeat: no-repeat;
	height: 41px;
	width:196px;
	text-indent:-9999px;
	margin-left:70px;
}

#quote p{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#fefcfc;
text-align:center;

}

#quote img{

margin-left:90px;
margin-top:10px;

}


/* end quote */
#services {
	width:360px;
	background-color:#4c4c4c;
	padding-bottom:20px;





}
#services h1{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#fefcfc;
background-color:#0c0c0c;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}

#services p{
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fefcfc;
margin-top:5px;

}

#services .bold{
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fefcfc;
padding-top:10px;
font-weight:bolder;


}
/* end services*/


#social{
	margin-top:20px;
	margin-bottom:5px;
}
#social h2{

font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#636262;

}


#social img{
margin-top:20px;

}

#social ul{
margin:0;
padding:0;
float:left;
}

#social li{

float:left;
}



#social li a.facebook{
	text-indent: -9999px;
	background-image: url(../images/social-img.png);
	height: 92px;
	width: 131px;
	background-repeat: no-repeat;
	display:block;

}

#social li a.facebook:hover{
	background-position:left -92px;
}


#social li a.twitter05{
	background-position:-137px top;
	text-indent: -9999px;
	background-image: url(../images/social-img.png);
	height: 92px;
	width: 131px;
	background-repeat: no-repeat;
	display:block;

}

#social li a.twitter05:hover{
	background-position:-137px -92px;
}



#social li a.both{
	background-position:-273px top;
	text-indent: -9999px;
	background-image: url(../images/social-img.png);
	height: 92px;
	width: 100px;
	background-repeat: no-repeat;
	display:block;

}

#social li a.both:hover{
	background-position:-273px -92px;
}






/* end side-bar */



#body-con{
	width:480px;
	margin-left:90px;
}

#body002-con{
	width:500px;
	margin-left:95px;
}

#body-con a {
display:block;
background-image: url(../images/our-work.png);
	height: 69px;
	width: 235px;
	text-indent:-9999px;
	margin-top:20px;
}

#body-con a:hover {
display:block;
background-image: url(../images/our-work-hover.png);
	height: 69px;
	width: 235px;
	text-indent:-9999px;
	margin-top:20px;
}






#contact-body{
width:560px;
margin-left:70px;
padding-top:50px;
}

#contact-body h2{
margin-top:-15px;
font-family:Arial, Helvetica, sans-serif;
font-size:29px;
color:#818080;
}
#contact-body  img{
position:relative;
top:20px;


}



#contact-body p{
color:#686868;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;


}
#contact-body a{
	color:#686868;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height: 50%;
	
}
#contact-body a:hover{
	color:#006;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height: 50%;
	
}

#body-con h2{
	padding-top:50px;
	font-family:"Times New Roman", Times, serif;
	font-size:34px;
	color:#b3afaf;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#b3afaf;
	padding-top:5px;
	padding-bottom:10px;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:45px;
	color:#bebbbb;
}



#body-con .space{
margin-top:50px;

}
#body-con p{
	color:#686868;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height: 160%;
}

#body-con img{
margin-top:30px;
margin-left:-15px;
margin-bottom:50px;

}
/* end body */


#footer-wrapper{
	width: 1050px;
	margin:auto;
	margin-bottom:20px;
	
	

}
#valid {
float:right;
margin-right:60px;

}

#valid a{
color:#ffffff;
text-decoration:none;

}

#valid a:hover{
color:#000;

}

#valid p{
	color:#ffffff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer{
margin-left:40px;

}

#footer ul{
margin:0;
padding:0;


}

#footer li{
float:left;
color:#ffffff;
}

#footer li a:link, #footer li a:visited{
	color:#ffffff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 5px;
	text-decoration:none;

}

#footer li a:hover, #footer li a:active{
color:#cbcbcb;

}

#footer li a.current{
color:#cbcbcb;
cursor:default;


}


#footer p{
	color:#ffffff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
}


/* =======================About us ==================*/

#other-banner-wrapper{
	background-image: url(../images/other-bg.png);
	background-repeat: repeat-x;
	height: 158px;

}

#other-banner{
	float:left;
	width:1050px;
	color:#fefefe;
	margin-left:-5px;
font-size: 34px;
font-family:Arial, Helvetica, sans-serif;
text-indent:-9999px;

}


#other-banner img{
float:left;
	margin:auto;

}


#side-bar {
	/*height: 777px;*/
	width:364px;
	margin-right:70px;
	
}


#side-bar p{
	padding-right:15px;
	line-height: 160%;
}

#side-bar-contact{
position:relative;
float:right;
	background-image: url(../images/envelop.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 290px;
	width: 275px;
	margin-right:90px;
	bottom:80px;
}




#leftimg {
float:right;
	background-image: url(../images/about-side-img.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 665px;
	width:295px;
	margin-right:150px;
	margin-top: 50px;
	
}


#leftimg p{

padding-right:15px;
}


#body02-wrapper{
	background-color:#c2c2c2;
	width:920px;
	margin-left:60px;
	margin-top:30px;
}

.body02-sidebar{
	float:right;
	width:450px;
	padding-right: 30px;
	margin-top:20px;
}
.body02-sidebar p{

color:#424141;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
}

.body02-sidebar .bold{
font-weight:bolder;
}

.body02-sidebar img{
position:relative;
margin-top:90px;
left:380px;




}

/* end body02-side */


.body02-con{
	width:400px;
	padding-left:25px;
	padding-bottom:30px;
	margin-top:20px;
}

#client h2{
	color:#494949;
	font-size:30px;
	font-family:"Times New Roman", Times, serif;
	padding-top:10px;
	padding-left:30px;
}
.body02-con  .bold{
font-weight:bolder;
}
.body02-con p{
/*padding-top:10px;*/
color:#424141;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;

}

#space {
text-indent:-9999px;

}
/* end banner */





	
/* ================================ Contact Us =========================-*/

.contactus-wrapper{


padding-bottom:50px;




}

#contactform {
margin-left:80px;
margin-top:50px;

border:double #666666 5px;
width:530px;
height:420px;
padding:5px;

}
#contactform * {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
color:#6f6f6f;
}


#contactform .select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	color:#000000;
	font-weight:bold;


}

#contactform .p{
float:left;
	margin:0;
	width:120px;
	padding:2px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
	color:#222222;
	margin:0 8px 0 27px;
	text-align:right;
	
	}

#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li {
	margin:0;
	padding:5px 10px;
	background:none;
	border:none;
}
#contactform li.buttons {
	margin:0;
	overflow:hidden;
}
#contactform label {
float:left;
	margin:0;
	width:120px;
	padding:2px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
	color:#222222;
	margin:0 8px 0 16px;
	text-align:right;
}
#contactform label span {
	color:#ff0000;
}
#contactform input.text {
	width:298px;
	margin:0;
	padding:5px 2px;
	height:11px;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-left:10px;
	background-image: url(../images/field-bg.png);
	background-color:transparent;
	background-repeat: no-repeat;
}
#contactform textarea {
	width:299px;
	border:1px solid #8a8a8a;
	padding:2px;
	background:#fff;
			text-align:left;
			font:bold 12px Arial, Helvetica, sans-serif;
			padding-left:10px;
}
#contactform li.buttons input {
	padding:3px 0;
	margin:0 0 0 200px;
	border:0;
	color:#FFF;
	float:left;

}
p.response {
	text-align:center;
	color:#ff0000;
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:auto;
}

#body-con .left h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:45px;
color:#1c2c97;
text-decoration:underline;
float:left;
padding-top:23px;
margin-left:16px;
text-align:left;
position:relative;
top:-20px;

}

/* End Contact*/


/* work */


#gallery{



}

#work-btn{
float:left;
width:180px;
margin-left:60px;
margin-top:70px;

}


#work-btn ul{
line-height:40px;


}

#work-btn #brand{
	background-image: url(../images/brand-btn.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 195px;
	text-indent:-9999px;
	display:block;
	padding-bottom:10px;

}

#work-btn #brand:hover{
	background-image: url(../images/brand-btn-hover.png);
	background-repeat: no-repeat;


}


#work-btn #graphic{
	background-image: url(../images/graphic-btn.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 195px;
	text-indent:-9999px;
	display:block;
	padding-bottom:10px;

}

#work-btn #graphic:hover{
	background-image: url(../images/graphic-btn-hover.png);
	background-repeat: no-repeat;


}



#work-btn #web{
	background-image: url(../images/web-btn.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 195px;
	text-indent:-9999px;
	display:block;
	padding-bottom:10px;

}

#work-btn #web:hover{
	background-image: url(../images/web-btn-hover.png);
	background-repeat: no-repeat;


}

#line{
position:absolute;
margin-left:158px;
margin-top:30px;

}


/* ======================== About us page- Jquery Slide =========================*/


/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:430px;
		overflow:hidden; 
		}	

	#slider2 li{ 
/*		background:#C2C2C2;
*/		}		
	#slider2 li h2{ 

		padding-top:20px;
		}	
	#slider2 li p{
	color:#424141;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 160%;
	text-align: justify;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:39px;
		height:35px;
		position:absolute;
		left:830px;
		bottom:20px;
		

		}	
	#nextBtn, #nextBtn2{ 
		left:870px;


		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:39px;
		height:35px;
		background:url(../images/left-arrow.png) no-repeat 0 0;	
		}	
		
		

	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/right-arrow.png) no-repeat 0 0;	

		}												

/* // Easy Slider */

/* blog */


#blog_left{
	float:left;
	width:600px;
	margin-left:70px;
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
}
.blog {
}

.blog p{
	color: #6B6B6B;
	line-height: 160%;
	letter-spacing: 0px;
	text-align: justify;
	padding-bottom:15px;
	font-size:15px;
}

.blog .readmore{
	/*float:right;*/
	margin-bottom:20px;
	text-decoration:none;
	color:#000;
}

.blog .readmore:hover{
	color:#666;
}

.blog h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	padding-top:5px;
	padding-bottom:5px;
}

#blog-side{
	width:250px;
	float:right;
	margin-right:100px;
	padding-top:30px;
}

#blog-side .blog-box{
	margin-bottom: 15px;
}

#blog-side .heading {
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	padding: 7px;
	text-transform:uppercase;
}

#blog-side ul{
	margin:0;
	padding:10px;
}

#blog-side li a{
	display:block;
	line-height:22px;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#333;
	margin-bottom:5px;
}

#blog-side li a:hover{
	color:#999;
}

#blog-side #rss{
	 padding: 10px;
	 border-top: solid 1px dotted #999;
	 padding-top: 30px;
}


.blog .credits{
	font-size:10px;
	color:#666;
	margin-bottom:20px;
}

/* === extra ===*/
#cont-blog{
	margin-top:20px;
	border-bottom:20px;
}
.style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
}
.style13 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style16 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style20 {color: #666666}

.style30 {
	width:900px;
	margin-left:70px;
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
}

/* === extra ===*/



#sub{
margin-left:45px;

}