/************************************************/
/*CLICKBRAND CSS FRAMEWORK (www.clickbrand.com)*/
/**********************************************/


/*yui css reset*/
/**************/
html{color:#000;background:#FFF;}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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}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;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.right {float:right!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mr25 {margin-right:25px!important;}
.pt15 {padding-top:15px!important;}

/*title*/
/******/
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}


/*buttons*/
/********/
.right_side a.btn.w_corner {
	background:transparent url(../images/buttons.png) no-repeat scroll 0 -277px;
	color:#FFFFFF;
	display:block;
	font-size:80%;
	height:22px;
	line-height:22px;
	margin:9px 0 0;
	padding:0 0 0 5px;
	text-align:left;
	text-decoration:none;
	width:136px;
}
.right_side a.btn.w_corner:hover {
	background:transparent url(../images/buttons.png) no-repeat scroll 0 -309px;
}



/*form elements*/
/**************/
.form_text{}
.form_radio{}
.form_label{}
.form_select{}
.form_checkbox{}
.form_textarea{}





/*CONTENT GOES HERE*/






/*global elements*/
html {
	height:100%;
	width:100%;
}
body {	
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
table {
	border:none;
	border-collapse:collapse;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
.mainBg {
	background:url(../images/body_Bg.png) 0 0 repeat-x #f1f7fa;
	float:left;
	width:100%;
	min-height:100%;
}
.main {
	width:985px;
	margin:0 auto;
	position:relative;
	height:100%;
	padding:0;	
}
.main_footer_bg {
	background:#e1eff7;
	float:left;
	width:100%;
	height:338px;
	border-top:2px solid #c6d6e0;
	overflow:hidden;
}
.header {
	width:100%;
	float: left;
	position:relative;
	background:url(../images/head_Bg.png) 0 0 no-repeat;
}
	.header h1 {
		margin:22px 0 0 10px;
		float:left;
	}
        .header h1 a {
            display: block;
            width:194px;
            height:50px;
            background: url(../images/logo.png) no-repeat ;
            text-indent: -9999px;
        }
	ul.main_menu {
		float:left;
		color:#8a959c;
		margin:0 0 0 30px;
	}
	ul.main_menu li {
		float:left;
		border-left:1px solid #b5c7d1;
		padding:5px 10px;
		margin:0 15px 0 0;
		font-size:9px;
		line-height:9px;
	}
	ul.main_menu li.active {
		border-left:1px solid #075486;
		background:url(../images/main_listBg.png) 0 0 no-repeat;
	}
	ul.main_menu li a {
		text-decoration:none;
		color:#8a959c;
		margin:0 5px 0 0;
	}
.content {
	min-height:100%;
	width:100%;
	float:left;
	margin:-91px 0 0 0;
}
	.left_side {
		margin:91px 20px 0 10px;
		float:left;
		width:216px;
		padding-bottom:50px;
                display: inline;
                zoom:1;
    position:relative;
	}
	.left_side h4 {
		border-bottom:1px solid #a5b6bf;
		font-size:15px;
		margin:30px 0 0 0;
	}
	.left_side p {
		font-size:70%;
		color:#666;
		padding:10px 0 0 0;
	}
	.left_side .borderGoogleMap {
		background:url(../images/googlemap_shadow_bg.png) 0 0 no-repeat;
		width:210px;
		height:135px;
		padding:3px;
		margin:13px 0 0 0;
	}
	.left_side p.subMap {
		text-align:center;
		padding:0;
	}
	.left_side input {
		background:#FFF;
		border:1px solid #bcbcbc;
		width:188px;
		height:27px;
		padding-left:5px;
          
	}
	.left_side a.btn {
		background:url(../images/buttons.png) 0 0 no-repeat;
		width:195px;
		height:24px;
		color:#FFF;
		text-decoration:none;
		display:block;
		text-align:center;
		margin:10px 0 0 0;
		font-size:80%;
		line-height:24px;
	}
	.left_side a.btn:hover {
		background:url(../images/buttons.png) 0 -243px no-repeat;
	}
	.right_side {
		margin:91px 0 0 0;
		float:left;
		width:739px;
		padding-bottom:50px;
        overflow:hidden;
	}
		.right_side .hr {
			background:url(../images/hrBg1.png) 0 0 repeat;
			width:100%;
			height:14px;
			float:left;
			border:none;
			margin:35px 0 0 0;
			font-size:0;
			line-height:0;
		}
		.right_side h2 {
			color:#43331e;
			background:#f1f7fa;
			margin:-34px 0 0 0;
			float:left;
			padding:0 10px 0 0;
			letter-spacing: -9px;
			font-size: 45px;
			line-height:45px;
		}
		.right_side a.btn {
			background:url(../images/buttons.png) 0 -65px no-repeat;
			display:block;
			width: 131px;
			height:31px;
			color:#FFF;
			text-decoration:none;
			margin:0;
			padding:0 0 0 10px;
			line-height:31px;
			font-size:80%;
		}
		.right_side a.btn:hover {
			background:url(../images/buttons.png) 0 -202px no-repeat;
		}
		.l_left_form {
			float:left;
			width:521px;
			margin:0 34px 0 0;
		}
		.l_left_form a.btn {
			float:right;
			margin:10px 0 0 0;
		}
		.right_side .l_left_form p {
			color:#898989;
			font-size:75%;
			font-weight:bold;
			padding:15px 0 0 0;
		}
		.l_left_form label {
			display:block;
			color:#898989;
			font-size:75%;
			font-weight:bold;
			padding:7px 0 4px;
		}
		.l_left_form input, .l_left_form select {
			border:none;
			background:url(../images/inputBg.png) 0 0 no-repeat;
			width:516px;
			height:24px;
			padding-left:5px;
			padding-top:3px;
		}
		.l_left_form textarea {
			background:url(../images/textareaBg.png) 0 0 no-repeat;
			width:516px;
			height:162px;
			border:none;
			padding-left:5px;
		}
		.l_left_form .incomplete label {
			color:#ed1c24;
		}
		.l_left_form .incomplete input {
			background:url(../images/inputBg.png) 0 -27px no-repeat;
		}
		.l_left_form .incomplete textarea {
			background:url(../images/textareaBg.png) 0 -162px no-repeat;
		}
		.l_left_form p.incomplete {
			color:#ed1c24;
			padding:12px 0 0 0;
			text-align:right;
			height:40px;
			clear:both;
		}
		.l_right_form {
			float:left;
			width:175px;
			margin:20px 0 0 0;
		}
		.l_right_form h3 {
			font-size:25px;
		}
		.l_right_form p.subTitle {
			color:#43331e;
			font-size:80%;
			line-height:1.6em;
			padding:3px 0 0 0;
		}
		.right_side .l_right_form p.quote {
			line-height:1.8em;
			padding:40px 0 0 0;
		}
		.right_side .l_right_form p.autor {
			line-height:1.6em;
		}
		.right_side p.quote {
			font-size:80%;
			font-style:italic;
			line-height:1.8em;
			color:#5b5d5e;
			padding:12px 0 0 0;
		}
		.right_side p.autor {
			font-size:70%;
			font-style:italic;
			line-height:1.6em;
			color: #5b5d5e;
			padding:15px 0 35px 0;
		}
		.l_right_form a {
			color:#075486;
			font-size:80%;
			margin-right:5px;
		}		
		.right_side p {
			font-size:80%;
			line-height:1.5em;
			padding:2px 0 8px 0; 
		}
		.right_side p a.contactUs {
			float:right;
			width:113px;
			margin:0 0 0 40px;
		}
.footer {
	width:985px;
	margin:-338px 0 0 0;
	margin:0 auto;
	height:338px;
	background:url(../images/footerBg.jpg) 0 112px no-repeat;
}
.footerHome {
	width:985px;
	margin:0;
	background:url(../images/footerBgHome.jpg) 0 10px no-repeat;
	float:left;
	padding:152px 0 30px 0;
}
.footerHome .hr {
	height:10px;
	font-size:0;
	line-height:0;
	background: url(../images/hrBg.png) 0 0 repeat;
	border:none;
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.footer h2 {
	color:#6c512c;
	padding:18px 0 17px;
	margin:0;	
	float:left;
	font-size:27px;
	line-height:27px;
}
.footer h2.tit {
	width:140px;
}
.footer .hr {
	height:10px;
	font-size:0;
	line-height:0;
	background: url(../images/hrBg.png) 0 0 repeat;
	border:none;
	float:left;
	width:955px;
	margin:20px 0 0 0;
}
.f_content {
	margin:0 0 0 230px;
}
ul.footerIcons {
}
ul.footerIcons li {
	float:left;
	color:#43331e;
	text-align:center;
        cursor: pointer;
        margin-right: 54px;
}
ul.footerIcons li span {
	font-size:80%;
}
ul.footerIcons li img {
	display:block;
	margin:5px 0 0 3px;
}
/* what for ?
ul.footerIcons li.l_WebDesign {
	
}
ul.footerIcons li.l_WebDesign img {
	
}
ul.footerIcons li.l_InternetMarketing {
	
}
ul.footerIcons li.l_InternetMarketing img {
	
}
ul.footerIcons li.l_GraphicDesign {
	
}
ul.footerIcons li.l_GraphicDesign img {
	
} */
ul.footerIcons li.l_EmailMarketing  {
	margin-right: 0px ;
}
ul.footerIcons li a {
	display:block;
	background:url(../images/buttons.png) 0 -33px no-repeat;
	color:#FFF;
	text-decoration:none;
	width:136px;
	height:22px;
	padding:0 0 0 5px;
	font-size:80%;
	line-height:22px;
	text-align:left;
	margin:9px 0 0 0;
}
ul.footerIcons li a:hover {
	background:url('../images/buttons.png') 0 -170px no-repeat;
}
ul.footerIcons li a.hover {
    background:url('../images/buttons.png') 0 -170px no-repeat;

}

ul.footerMenu {
	float:left;
	width:100%;
	font-size:70%;
	color:#9b9ea0;
	font-weight:bold;
	margin:10px 0 0 0;
}
ul.footerMenu li {
	float:left;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
}
ul.footerMenu li a,ul.footerMenu li a:visited {
	text-decoration:none;
	color:#8a8a8a;
}
ul.footerMenu li a:hover {
	text-decoration: underline;

}
/*.wx100 {width:100px;}*/
.leftBox1 {
	background:url(../images/leftBox1.png) 20px 36px no-repeat;
	width:236px;
	height:215px;
	margin:12px 0 0 -15px;
}
.leftBox1 a {
	float:left;
	width:113px;
	height:113px;
	display:block;
}
.leftBox1 p {
	padding:0 25px 0 35px;
	text-align:right;
	line-height:1.6em;
	color:#898989;
	clear:right;
}
.leftBox2 {
	/*background:url(../images/leftBox2.png) 0 0 no-repeat;
	width:152px;
	height:152px;*/
	position:relative;
	margin:0 0 0 30px;
}
.leftBox2 img {
	margin:30px 0 0 0;
}
.leftBox2 .s1 {
	position:absolute;
	top:0;
	left:60px;
}
.leftBox2 .s2 {
	position:absolute;
	top:50px;
	left:0px;
	width:63px;
	text-align:center;
}
.leftBox2 .s3 {
	position:absolute;
	top:47px;
	left:88px;
	width:58px;
	text-align:center;
}
.leftBox2 .s4 {
	position:absolute;
	top:132px;
	left:33px;
	width:100px;
	text-align:center;
}
/*.leftBox3 {
	background:url(../images/leftBox3.png) 0 0 no-repeat;
	width:148px;
	height:148px;
	margin:100px 0 0 30px;
	position:relative;
}
.leftBox3 .s1 {
	position:absolute;
	top:-45px;
	left:55px;
	width:50px;
	text-align:center;
}
.leftBox3 .s2 {
	position:absolute;
	top:85px;
	left:35px;
	color:#FFF;
	text-align:center;
}*/
.leftBox4 {
	/*background:url(../images/leftBox2.png) 0 0 no-repeat;
	width:152px;
	height:152px;*/
	position:relative;
	margin:30px 0 0 30px;
	padding:0 0 35px;
}
.leftBox2 p, .leftBox4 p /*.leftBox3 p*/ {
	font-size:75%;
}
.leftBox4 img {
	margin:30px 0 0 0;
}
.leftBox4 .s1 {
	position:absolute;
	top:5px;
	left:85px;
}
.leftBox4 .s2 {
	position:absolute;
	top:60px;
	left:-20px;
	width:85px;
	text-align:center;
}
.leftBox4 .s3 {
	position:absolute;
	top:50px;
	left:100px;
	width:58px;
	text-align:center;
}
.leftBox4 .s4 {
	position:absolute;
	top:132px;
	left:33px;
	width:100px;
	text-align:center;
}
.leftBox2 div/*, .leftBox3 div*/, .leftBox4 div {
	font-weight:bold;
	font-style:italic;
	color:#303030;
	font-size:90%;
	text-align:center;
	width:152px;
	padding:5px 0 0 0;
}
.leftBox5 {
	text-align:center;
}
.leftBox5 p {
	font-size:75%;
	color:#6C512C;
	line-height:1.8em;
}
.leftBox5 h4.lTitle {
	border-bottom:1px solid #6C512C;
	color:#6C512C;
	font-size:14px;
}
ul.mainList {
	padding:10px 0 12px;
	float:left;
}
ul.mainList li {
	width:149px;
	height:147px;
	float:left;
	margin:15px 47px 0 0;
	cursor:pointer;
        position: relative;
        overflow: hidden;
       
}
.box-mainList-tri-fig {
    position: absolute;
    top: 4px;
    left: 4px;
    overflow: hidden;
    width: 141px;
    height: 139px;
}
.mainList-tri-fig
{
    position: absolute;
    background: url('../images/tri-fig-top.png') top right no-repeat;
    width: 141px;
    top: 139px;
    
}
.mainList-tri-fig p
{
    background:#002157 ;
    position: relative;
    top: 23px;
    color: white;
    padding-left: 10px;
}
ul.mainList li.hovered {
	background:url(../images/imgBg.png) 0 0 no-repeat;
}
ul.mainList li.mr0 {
	margin-right:0;
}
ul.mainList li img {
	margin:4px;
}
.l_item {
	background:#e1eff7;
	width:305px;
	float:left;
	margin:28px 30px 5px 0;
	padding:18px 17px;
	min-height:180px;
}
.l_item h6 {
	font-weight:bold;
	font-size:80%;
}
.l_item p {
	padding:12px 0 12px 0;
	font-size:80%;
}
.l_item_other {
	width:315px;
	float:left;
	margin:28px 25px 12px 0;
	padding:18px 22px 18px 5px;
}
.right_side .l_item_other h5 {
	padding:2px 0 0 0;
}
.l_item_other a {
	float:right;
	margin:50px 0 0 0;
}
.l_item_other p {
	color:#666666;
	padding:12px 0 0 0;
}
.l_item_other p b {
	color:#000;
}
.l_item_home {
	width:345px;
	float:left;
	margin:0;
	padding:10px 10px 18px 5px;
}
	.l_item_home h2.pTitle {
		font-size:35px;
		line-height:30px;
		margin:-23px 0 0 0;
	}
	.right_side .l_item_home h5 {
		padding:2px 0 0 0;
		font-size:110%;
	}
	.l_item_home a {
		font-size:75%;
		color:#8b0c21;
	}
	.l_item_home ul {
		clear:both;
		padding:2px 15px 0 0;
	}
		.l_item_home ul li {
			border-bottom:1px solid #cbd3d6;
			padding:10px 0 20px;
		}
	.l_item_home p {
		color:#666666;
		padding:0 0 3px 0;
		font-size:75%;
		margin:-2px 0 0 0;
	}
	.l_item_home .img {
		clear:both;
		background:#e2ded2;
		width:335px;
		height:194px;
		padding:5px;
		position:relative;
	}
	.l_item_home .img .fr_launch {
		position:absolute;
		top:-2px;
		right:-3px;
	}
.right_side h5 {
	font-size:120%;
	padding:26px 0 7px;
}
.bottomLists {
	font-size:70%;
}
.bottomLists h6 {
	font-weight:bold;
}
.bottomLists .l_List {
	float:left;
	width:24%;
}
.bottomLists ul {
	margin:4px 0 0 13px;
	padding-bottom:50px;
}
.bottomLists ul li {
	list-style:url(../images/listImg.png);
	padding:4px 0;
}
.confirm {
	margin:60px 0 0 0;
}
.confirm h3 {
	text-align:center;
	font-size:57px;
	line-height:57px;
	float:none;
}
.confirm p {
	color:#534741;
	line-height:23px;
	padding:4px 0 300px 237px;
	text-align:left;
}

h2.pTitleMedium {
	margin:0;
	font-size:47px;
	margin:29px 0 0 0;
	width:100%;
}
h2.pTitleBigNormal {
	margin:1px 0 -5px 0;
	line-height:75px;
	font-size:75px;
	float:left;
}
h2.pTitleBigBold {
	margin:0 0 -5px 0;
	line-height:65px;
	font-size:75px;
	font-weight:bold;
	float:left;
}
h2.pTitleBook {
	margin:-6px 0 0 0;
	line-height:44px;
	font-size:47px;
}
h2.pTitleBook1 {
	margin:-3px 90px 0 0;
	line-height:36px;
	font-size:36px;
	height:110px;
}
h2.pTitle {
	font-size:40px;
	margin:-26px 0 0 0;
}
h5.leftTitleBold {
	font-size:25px;
	padding:0;
	float:right;
	margin:45px 10px 0 0;
}

h5.leftTitleMedium {
	font-size:25px;
	padding:0;
	margin:-11px 10px 0 0;
	float:right;
}

h5.leftTitleBold_just_img{
	/*font-size:25px;
	padding:0;*/
	float:right;
	margin: 55px 24px 0 0;
        background: url('../images/left-box-text.png') no-repeat left top ;
        text-indent: -9999px;
        font-size: 4px;
        width: 86px;
        height: 21px;

}
h5.leftTitleMedium_just_img {
	/*font-size:25px;
	padding:0;;*/
        font-size: 4px;
	margin: 0 24px 5px 0;
	float:right;
        background: url('../images/left-box-text.png') no-repeat left bottom ;
        text-indent: -9999px;
        width: 86px;
        height: 21px;

}

/************************/
ul.homeIcons {
	padding:20px 0 10px 0;
	float:left;
	width:100%;
}
ul.homeIcons li {
	float:left;
	color:#43331e;
	text-align:center;
	width:175px;
	height:162px;
	margin:0 10px 0 0;
	padding:7px 0 0 0;
        cursor: pointer;
}

ul.homeIcons li span {
	font-size:80%;
}
ul.homeIcons li.l_WebDesign {
	background:url(../images/homeIcons.png) 0 0 no-repeat ;
}
/*
ul.homeIcons li.l_WebDesign.hover {
	background:url(../images/homeIcons.png) 0 -169px no-repeat;
}
*/
        ul.homeIcons li.l_WebDesign_hover {
                background:url(../images/homeIcons.png) 0 -169px no-repeat;
        }
ul.homeIcons li.l_InternetMarketing {
	background:url(../images/homeIcons.png) -175px 0 no-repeat;
}
/*ul.homeIcons li.l_InternetMarketing.hover {
	background:url(../images/homeIcons.png) -175px -169px no-repeat;
} */
        ul.homeIcons li.l_InternetMarketing_hover {
	background:url(../images/homeIcons.png) -175px -169px no-repeat;
        }
ul.homeIcons li.l_GraphicDesign {
	background:url(../images/homeIcons.png) -350px 0 no-repeat;
}
/*ul.homeIcons li.l_GraphicDesign.hover {
	background:url(../images/homeIcons.png) -348px -169px no-repeat;
}*/
        ul.homeIcons li.l_GraphicDesign_hover {
	background:url(../images/homeIcons.png) -350px -169px no-repeat;
}
ul.homeIcons li.l_EmailMarketing {
	background:url(../images/homeIcons.png) -525px 0 no-repeat;
	margin:0;
}
/*ul.homeIcons li.l_EmailMarketing.hover {
	background:url(../images/homeIcons.png) -525px -169px no-repeat;
} */
     ul.homeIcons li.l_EmailMarketing_hover {
	background:url(../images/homeIcons.png) -525px -169px no-repeat;
}
ul.homeIcons li a{
	display:block;
	background:url(../images/buttons.png) 0 -33px no-repeat;
	color:#FFF;
	text-decoration:none;
	width:136px;
	height:22px;
	padding:0 0 0 5px;
	font-size:80%;
	line-height:22px;
	text-align:left;
	margin:110px auto 0;
}
ul.homeIcons li a:visited
{
    text-decoration: none;
}
ul.homeIcons li a:hover, ul.homeIcons li.hover a {
	background:url(../images/buttons.png) 0 -138px no-repeat;	
}
ul.homeIcons li a.hover
{
    background:url(../images/buttons.png) 0 -138px no-repeat;
}
/****************/
.l_home_top {
	background:#FFF;
	padding:5px;
	float:left;
	border:1px solid #e2e8ea;
	margin-bottom:27px;
	margin-top:24px;
        position:relative;
}
.l_home_top .img_mask
{
    position: absolute;
    top:6px ;
    left:5px;
    z-index: 77;
}
.l_home_top .l_img {
	background: #f4efeb;
	float:left;
	width:556px;
	height:233px;
	position:relative;
}

.l_home_top .l_img img {
	position:absolute;
	top:20px;
	right:0;
}


.l_home_top .l_img div {
	height:233px;
	width:556px;
}

.l_home_top .l_img .portfolio-text
{
        left:573px;
        width:140px!important;
        height: 50%!important;;
        position:absolute;
        
}
.portfolio-text h6
{
    color:#C57B1B;
    margin-top: 12px;

}

.l_home_top .l_img #fragment-1 {
	background: url(../images/imgHome1.jpg) 0 0 no-repeat;
}
.l_home_top .l_img #fragment-2 {
	background: url(../images/imgHome2.jpg) 0 0 no-repeat;
}
.l_home_top .l_img #fragment-3 {
	background: url(../images/imgHome3.jpg) 0 0 no-repeat;
}
.l_home_top .l_img #fragment-4 {
	background: url(../images/imgHome4.jpg) 0 0 no-repeat;
}
.l_home_top .l_img #fragment-5 {
	background: url(../images/imgHome5.jpg) 0 0 no-repeat;
}
.l_home_top .l_img #fragment-6 {
	background: url(../images/imgHome6.jpg) 0 0 no-repeat;
}

.l_home_top .l_text {
	float:left;
	width:142px;
	margin:12px 0 0 17px;
}
.l_home_top .l_text h6 {
	color:#c57b1b;
}
.l_home_top .l_text p {
	color:#555555;
	padding:10px 0 20px;
}
.l_home_top .l_text a {
	float:left;
	text-decoration:none;
	display:block;
	background:#b2b2b2;
	color: #FFF;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:70%;
	text-align: center;
	margin:25px 5px 0 0;
}
.l_home_top .l_text li.ui-tabs-selected a, .l_home_top .l_text a:hover {
	background: #002157;
}
.l_home_top .l_text a.btn {
	width:125px;
	height:22px;
	line-height:22px;
	font-size:80%;
	background:url(../images/buttons.png) 0 -106px no-repeat #002157;
	text-align:left;
	cursor:pointer;
        margin-top: 150px;
}

.l_home_top .ui-tabs-hide {
	display:none;
}

ul.main_menu
{
    margin: 0;
    margin-right: -600px;
    margin-left:20px;
}
/*new_page*/
.ex_fix
{
    padding-top:0px;
    background:transparent;
    margin-top:10px!important;
    padding-bottom:0px;
   zoom:1;
}

.fs16-22
{
    font-size:16px;
    line-height:22px;

}
.red
{
    color:#922a29;
}
.blue
{
    color:#177cc0;
}

.cont_pol_box
{
    background:url("../images/new_pol_bg.png");
    height:137px;
    margin-top:40px;
    margin-bottom:50px;
    position:relative;

}

.click_google
{
    position:absolute;
    width:204px;
    height:205px;
    background:url("../images/click_here.png") no-repeat;
    text-indent:-9999px;
    margin-top:-31px;
}

.click_google img
{display:block;}

.cont_pol_box_img
{
    margin-left:231px;
    margin-top:27px;
}
.give
{
    display:block;
    background:url("../images/give.png") no-repeat;
    width:141px;
    height:142px;
    position:absolute;
    right: 10px;
    bottom: -52px;
}

.mt_modif
{
    margin-top:20px;
    margin-right:-12px;
    zoom:1;
    position:relative;
}

.seo_link_box
{
    background:transparent;
    padding-top:5px;
    padding-bottom:20px;
    padding-left:10px;
}

a.view_rank
{
    display:block;
    background:url("../images/blue_btn.png");
    width:173px;
    height:28px;
    text-align:center;
    color: white;
    text-decoration:none;
    line-height:28px;
    font-size:12px;
    font-weight:bold;
}

.s_f_wel_seo
{
   font-size:28px;
    line-height:1;
    float:right;
    margin-top:-45px;
   margin-right: 34px;
    display:inline;
    width:354px;
    height: 38px;

}

.s_f_blue
{
  
    line-height:1;
    color:#177cc0;
    height:20px;
    margin-bottom:12px;
    padding:0;
}

.seo_j_link
{
    font-size:11px;
    color:#177cc0;
    line-height:20px;
    clear:both;
    display:block;
}

.seo_num
{
    color:#922a29;
    float:left;
    font-size:20px;
    line-height:1;
}

.wrap_s_f_blue
{
    padding:5px 0;
   
    margin-bottom:3px;
    zoom:1;
}


.l_item_mod1
{
  margin:28px 0px 5px 19px;  
}

.coll_me_google
{
    position:absolute;
    visibility:hidden;
}

      .box_closs
      {
          text-align: right;
          margin-bottom: -3px;
          padding-right: 3px;
      }
      #close
      {
          color: darkgray;
          font-size: 17px;
          font-weight: bold;
          font-family: Arial,sans-serif;
          background: white;
          width: 25px;
          line-height: 24px;
          display: inline-block;
          text-align: center;
          cursor:pointer!important;
      }
      #cat
      {
          width: 160px;
      }
a
{
    outline:none;
}

.flash_ppl
{
    position: absolute;
    top: -20px;
    right:-79px;
    width:550px;
    height:400px;
}
/****************************/
.right_side p.homeNote {
	font-size:70%;
	color:#666666;
	padding:10px 0 0 0;
}
ul.projList {
	padding:0 0 12px;
	float:left;
	margin:-10px 0 0 0;
}
	ul.projList li {
		width:350px;
		height:195px;
		float:left;
		margin:10px 10px 0 0;
		position: relative;
		overflow: hidden;
		background:#FFF;
		border:1px solid #d0d4d7;
		text-align:center;
	}
	ul.projList li.hovered {
		background:url(../images/imgBg.png) 0 0 no-repeat;
	}
.home_box_title {
	position:relative;
	margin:15px 0;
	height:190px;
	overflow:hidden;
}
	img.next_title {
		position:absolute;
		right:30px;
		top:100px;
		cursor:pointer;
		z-index:80;
	}
.proj_preview {
	float:left;
	width:721px;
	position:absolute;
	overflow:hidden;
	position:relative;
	margin:-20px 0 0 0;
	padding:0 0 70px;
	background:url(/images/project-top.png) no-repeat center bottom;
}
	
	.proj_preview .img {
		float:right;
		margin:0;
	}
	.proj_preview .site .img {
		margin:30px 28px 0 0;
	}
	.proj_preview .text {
		float:left;
		margin:30px -90px 0 10px;
		width:270px;
		color:#555555;
	}
	.proj_preview .text h5 {
		font-size:33px;
	}
	.proj_preview .text a {
		font-size:11px;
		color:#2f9ace;
		margin-right:25px;
		font-weight:bold;
	}
	.p_left {
		width:26px;
		height:26px;
		display:block;
		position:absolute;
		overflow:hidden;
		text-indent:-9000px;
		bottom:100px;
		left:10px;
		z-index:20;
		background:url(/images/portfolio-arrows.png) 0 -32px no-repeat;
	}
	.p_right {
		width:26px;
		height:26px;
		display:block;
		position:absolute;
		overflow:hidden;
		text-indent:-9000px;
		bottom:100px;
		left:60px;
		z-index:20;
		background:url(/images/portfolio-arrows.png)  right -32px no-repeat;
	}
	.p_right:hover {
		background:url(/images/portfolio-arrows.png)  right 0 no-repeat;
	}
	.p_left:hover {
		background:url(/images/portfolio-arrows.png)  0 0 no-repeat;
	}

.pagination {
	float:right;
	margin:0 25px 0 0;
}
	.pagination a {
		text-decoration:none;
		text-transform:uppercase;
		color:#6c512c;
		font-size:75%;
		font-weight:bold;
		padding:0 1px;
		margin:0 1px;
	}
	.pagination a.activeSlide, .pagination a:hover {
		background:#d5d6d0;
	}
.over_info {
	background:url(/images/view_info_bg.png);
	position:absolute;
	width:170px;
	text-align:left;
	height:185px;
	padding:10px 0 0 14px;	
	display:none;
}
	.over_info h6 {
		font-size:90%;
		line-height:20px;
		font-weight:bold;
		margin:0;
		color:#FFF;
	}
	.over_info p {
		font-size:70%;
		margin:0;
		padding:0 0 10px;
		color:#FFF;
		opacity:1;
	}
	.over_info a:link, .over_info a:visited {
		color:#FFF;
		text-decoration:underline;
		font-size:70%;
	}
	.over_info a:hover {
		color:#FFF;
		text-decoration:none;
		font-size:70%;
	}
.over_link {
	background:url(../images/view_site_bg.png) 0 0 no-repeat;
	position:absolute;
	font-size:75%;
	line-height:32px;
	height:32px;
	padding:0 5px 0 8px;
	display:none;
	text-transform:uppercase;
	right:0;
	top:5px;
	font-weight:bold;
}
.over_link a {
	text-decoration:none;
	color:#FFF;
}
.imgShow li {
	height:330px;
	width:100%;
	padding: 60px 0 0;
}
.imgShow li.site {
	background:url(/images/portfolio/portfolio-site-bg.png) no-repeat  right bottom;
}
.imgShow li.ipad {
	background:url(/images/portfolio/portfolio-ipad-bg.png) no-repeat  right bottom;
}
.imgShow li.iphone {
	background:url(/images/portfolio/portfolio-iphone-bg.png) no-repeat  right bottom;
}
#titles {
	width:660px!important;
	overflow:hidden;
}
.over_img img {
	float:left;
}

@media screen and (max-device-width: 481px) {
@font-face {
	font-family: 'WhitneyCondensedMedium';
	src: url('/font/whitney_condensed_medium-webfont.eot');
	src: local(' '), url('/font/whitney_condensed_medium-webfont.woff') format('woff'), url('/font/whitney_condensed_medium-webfont.ttf') format('truetype'), url('/font/whitney_condensed_medium-webfont.svg#webfontp7ni2rdl') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WhitneyCondensedLight';
	src: url('/font/whitney_condensed_light-webfont.eot');
	src: local(' '), url('/font/whitney_condensed_light-webfont.woff') format('woff'), url('/font/whitney_condensed_light-webfont.ttf') format('truetype'), url('/font/whitney_condensed_light-webfont.svg#webfontRXyEVl2a') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WhitneyCondensedBold';
	src: url('/font/whitney_condensed_bold-webfont.eot');
	src: local(' '), url('/font/whitney_condensed_bold-webfont.woff') format('woff'), url('/font/whitney_condensed_bold-webfont.ttf') format('truetype'), url('/font/whitney_condensed_bold-webfont.svg#webfontpGbhjRTH') format('svg');
	font-weight: normal;
	font-style: normal;
}
.right_side h2.pTitleBook {
	font-family: WhitneyCondensedLight;
}
.pTitleBigNormal, .pTitleBook1, .pTitle, .lTitle, h2.tit, ul.main_menu li, .right_side h2, .pTitleMedium, .l_right_form h3 {
	font-family:WhitneyCondensedMedium;
}
.pTitleMedium {
	line-height:55px;
	height:55px;
}
ul.main_menu li {
	font-size:16px;
}

h2.tit {
	width:auto!important;
}
h2.titBold, .pTitleBigBold {
	font-family:WhitneyCondensedBold;
}
h2.pTitleBigNormal {
	font-size:55px!important;
	line-height:60px!important;
	display:inline;
}
h2.pTitleBigBold {
	font-size:55px!important;
	line-height:60px!important;
	display:inline;	
}
h2.pTitleBook1 {
	font-size:25px;
	line-height:30px;
}
.ipwauto {
	width:auto!important;
}
}
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) {/*and (orientation:portrait)*/
@font-face {
	font-family: 'WhitneyCondensedMedium';
	src: url('/font/whitney_condensed_medium-webfont.eot');
	src: local(' '), url('/font/whitney_condensed_medium-webfont.woff') format('woff'), url('/font/whitney_condensed_medium-webfont.ttf') format('truetype'), url('/font/whitney_condensed_medium-webfont.svg#webfontp7ni2rdl') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WhitneyCondensedLight';
	src: url('/font/whitney_condensed_light-webfont.eot');
	src: local(' '), url('/font/whitney_condensed_light-webfont.woff') format('woff'), url('/font/whitney_condensed_light-webfont.ttf') format('truetype'), url('/font/whitney_condensed_light-webfont.svg#webfontRXyEVl2a') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WhitneyCondensedBold';
	src: url('/font/whitney_condensed_bold-webfont.eot');
	src: local(' '), url('/font/whitney_condensed_bold-webfont.woff') format('woff'), url('/font/whitney_condensed_bold-webfont.ttf') format('truetype'), url('/font/whitney_condensed_bold-webfont.svg#webfontpGbhjRTH') format('svg');
	font-weight: normal;
	font-style: normal;
}
.right_side h2.pTitleBook {
	font-family: WhitneyCondensedLight;
}
.pTitleBigNormal, .pTitleBook1, .pTitle, .lTitle, h2.tit, ul.main_menu li, .right_side h2, .pTitleMedium, .l_right_form h3 {
	font-family:WhitneyCondensedMedium;
}
.pTitleMedium {
	line-height:55px;
	height:55px;
}
ul.main_menu li {
	font-size:16px;
}

h2.tit {
	width:auto!important;
}
h2.titBold, .pTitleBigBold {
	font-family:WhitneyCondensedBold;
}
h2.pTitleBigNormal {
	font-size:55px!important;
	line-height:60px!important;
	display:inline;
}
h2.pTitleBigBold {
	font-size:55px!important;
	line-height:60px!important;
	display:inline;	
}
h2.pTitleBook1 {
	font-size:25px;
	line-height:30px;
}
.ipwauto {
	width:auto!important;
}
}