@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}
	body{
	font-family:"Myriad Pro";
	color:#666666;
	}
	
	a { text-decoration:none; color:inherit;}
#wrapper{
	width:1000px;
	margin:0 auto;
}
#top {
	float: left;
	height: 183px;
	width: 1000px;
}
#logo {
	float: left;
	height: 128px;
	width: 300px;
	margin-top:40px;
	margin-left:45px;
	background:url(../images/logo.png) no-repeat center;
}
#menu {
	height:50px;
	width:630px;
	float:right;
	margin:130px 20px 0 0;
}
#menu ul { margin:10px 0 0 0;}
#menu ul li { list-style:none; float:right; display:inline; padding:0 10px; color:#1481b8; border-left:1px solid #666665; font-family:"Myriad Pro"; font-size:17px;}
#menu ul li:hover { color:#666666;}
#header {
	width:1000px;
	height:330px;
	float:left;
	font-size:35px;
	font-weight:bold;
	padding-top:20px;
	/*padding-left:45px;*/
	letter-spacing:3px;
}
#header h2 {color:#666666;}
#navigation {
	width:1000px;
	height:376px;
	float:left;
	margin-top:126px;
}
#navbrndng {
	width:245px;
	height:50px;
	float:left;
	background:url(../images/branding_img.png) no-repeat top;
	margin-top:55px;
	padding:255px 0 0 0px;
}
#navbrndng:hover {opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha (opacity=70);}
#navdgtl {
	width:245px;
	height:50px;
	float:left;
	background:url(../images/digital_img.png) no-repeat top;
	margin-top:55px;
	margin-left:5px;
	padding:255px 0 0 0px;
}
#navdgtl:hover {opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha (opacity=70);}
#navvdph {
	width:245px;
	height:50px;
	float:left;
	background:url(../images/video-photo_img.png) no-repeat top;
	margin-top:55px;
	margin-left:5px;
	padding:255px 0 0 0px;
}
#navvdph:hover {opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha (opacity=70);}
#navprod {
	width:245px;
	height:50px;
	float:left;
	background:url(../images/production_img.png) no-repeat top;
	margin-top:55px;
	margin-left:5px;
	padding:255px 0 0 0px;
}
#navprod:hover {opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha (opacity=70);}
.navlink { color:#FFFFFF; font-size:16px; background:url(../images/arrow_nav.png) no-repeat right; margin-left:65px; padding-right:20px;}
.navlink:hover{text-shadow: 2px 2px 2px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=2);}
#service {
	width:980px;
	height:295px;
	float:left;
	margin-top:33px;
}
#serleft {
	width:74px;
	height:295px;
	float:left;
	background:url(../images/serv_bg_left.png) no-repeat center;
}
#servmiddle {
	width:832px;
	height:295px;
	float:left;
	background:url(../images/serv_bg_center.png) repeat-x;
}
#serright {
	width:74px;
	height:295px;
	float:left;
	background:url(../images/serv_bg_right.png) no-repeat center; 
}
#servmiddle ul{ margin:45px 0 0 15px; height:180px; float:left; list-style:none; width:190px; }
#servmiddle ul li { margin-right:15px; text-align:left; line-height:25px; font-size:17px;}
#servmiddle ul li a:hover { color:#1481b8;}
.servr { background:url(../images/serviceline.png) no-repeat right;}
#social {
	width:351px;
	height:32px;
	float:left;
	margin:14px 0 10px 360px;
}
.st { width:32px; height:32px; float:left; background:url(../images/st_icon_color.png) no-repeat center;}
.ut { width:32px; height:32px; float:left; background:url(../images/Youtube-32.png) no-repeat center; margin-left:8px;}
.fb { width:32px; height:32px; float:left; background:url(../images/Facebook_32.png) no-repeat center; margin-left:8px;}
.in { width:32px; height:32px; float:left; background:url(../images/linkedin_32.png) no-repeat center; margin-left:8px;}
.twt { width:32px; height:32px; float:left; background:url(../images/Twitter-32.png) no-repeat center; margin-left:8px;}
.v { width:32px; height:32px; float:left; background:url(../images/V_icon.png) no-repeat center; margin-left:8px;}
.be { width:32px; height:32px; float:left; background:url(../images/Be_icon.png) no-repeat center; margin-left:8px;}
.gp { width:32px; height:32px; float:left; background:url(../images/Google-Plus-32.png) no-repeat center; margin-left:8px;}
#headersub {
	width:980px;
	height:781px;
	float:left;
	background:url(../images/inner-header_bg.png) no-repeat center;
}
#headersub h2 { padding:30px 0 0 40px;}
#headersub h1 {font-size:50px; padding:130px 0 0 130px; line-height:70px;}
#subnavigation {
	width:980px;
	height:380px;
	float:left;
}
#subnavitem {
	width:297px;
	height:380px;
	float:left;
	margin-left:28px;
}
#contact {
	width:980px;
	padding:20px 0 50px 0;
	float:left;
	background:url(../images/contctform_bg.jpg) no-repeat center;
}
.textfld { width:250px; border:1px solid #999999; height:22px; background:#ededed;}
.textarea { width:250px; border:1px solid #999999; background:#ededed;}
.submit { width:100px; height:25px; font-size:14px; color:#666666; border:1px solid #999999; background:#ededed;}
.tnx { width:400px; height:300px; float:left; margin:200px 0 0 250px; padding:50px 0 0 100px;}
#address {
	width:300px;
	height:200px;
	float:left;
	line-height:25px;
	margin:15px 0 0 80px;
}
.tab { padding:0px 0 0 30px; line-height:25px;}
.sublink { padding:15px 0 0 60px; font-size:18px;}
#subnavitem:hover { color: #00abec;}
#footer {
	width:1000px;
	height:244px;
	float:left;
	color:#FFFFFF;
}
#footerl { width:70px; height:244px; float:left; background:url(../images/footer_bg_left.png) no-repeat center;}
#footerm { width:860px; height:244px; float:left; background:url(../images/footer_bg_center.png) repeat-x;}
#footerr { width:70px; height:244px; float:left; background:url(../images/footer_bg_right.png) no-repeat center;}
#footercont {
	width:240px;
	height:230px;
	float:left;
	font-size:12px;
	line-height:10px;
	background:url(../images/fottercont_bg.png) no-repeat right;
	padding:14px 0 0 30px;
}
#footercont2 {
	width:240px;
	height:230px;
	float:left;
	font-size:12px;
	line-height:10px;
	padding:14px 0 0 10px;
}
#footercontainer {
	width:100%;
	height:244px;
	background:#000000;
	float:left;
}
#footersub {
	width:1000px;
	height:244px;
	margin:0 auto;
	color:#FFFFFF;
}
.dgimg { padding:86px 0 0 68px;}
#sitemap {
	width:200px;
	height:250px;
	float:left;
	margin:140px 0 0 110px;
	line-height:22px;
	padding:20px;
	border:1px solid #999999;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.txt { font-size:14px; color:#333333; text-align:center; margin-top:15px; width:1000px; height:25px; float:left;}
#brndinnerheader {
	width:980px;
	height:372px;
	float:left;
	background:url(../images/Corporate-Campaigns_header_img.png) no-repeat center;
	margin-top:49px;
}
#brndinnerp {
	width:960px;
	float:left;
	padding:28px;
	margin-bottom:20px;
	text-align:justify;
}

/*****slider**********/
#slidwrapper {width:894px; margin:90px 0 0 40px;}
#slidcontainer {position:relative; padding:0px; height:366px;}
.sliderbutton {float:left; width:25px; height:402px; cursor:pointer;}
#slideleft {background:url(../images/icons.png) -50px -200px no-repeat}
#slideright {background:url(../images/icons.png) 0 150px no-repeat}
#slider {float:left; position:relative; overflow:auto; width:844px; height:402px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:844px; height:402px}
.pagination {position:absolute; top:10px; right:35px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current {background:#fff}
/*********************/

