/**General Style for the alignment of the text (column layouts) **/
.one-half {
width: 48%;
}
.one-third {
width: 30.66%;
}
.two-third {
width: 65.33%;
}
.one-fourth {
width: 22%;
}
.three-fourth {
width: 74%;
}
.one-fifth {
width: 16.8%;
}
.two-fifth {
width: 37.6%;
}
.three-fifth {
width: 58.4%;
}
.four-fifth {
width: 79.2%;
}
.one-sixth {
width: 13.33%;
}
.five-sixth {
width: 82.67%;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
float: left;
margin-right: 4%;
position: relative;
}
.last {
margin-right: 0 !important;
}
.one-half + br, .one-third + br, .two-third + br, .one-fourth + br, .three-fourth + br, .one-fifth + br, .two-fifth + br, .three-fifth + br, .four-fifth + br, .one-sixth + br, .five-sixth + br {
display: none !important;
}
/** General Style for the alignment of the Page **/
#align {
margin: 0 auto;
width: 960px;
}
#align2 {
margin: 0 auto;
width: 960px;
}
#align3 {
margin: 0 auto;
width: 960px;
}
#align4 {
margin: 0 auto;
width: 960px;
}
#align5 {
margin: 0 auto;
width: 310px;
}
#top_container {
margin: 0 auto;
width: 960px;
}
/** Style for the Menu **/
#menu_top {
float: right;
}

.overallmenu {
display: table;
font-size: 27px;
margin-left:auto;
margin-right:auto;
/**font-weight: bold; **/
}

.overallmenu ul {
display: inline;
list-style-type: none;
/**font-weight: bold; **/
font-size: 26px;
}

.overallmenu ul ul {
}

.overallmenu ul ul ul {
padding-left: 0px;
margin-left: 0px;
margin-bottom:0px;
margin-top:0px;
padding-top: 0px;
padding-bottom: 0px;
top: 0;
}

.overallmenu ul li {
display: inline;
float: left;
position: relative;
z-index: 100;
text-align: center;
margin-left:8px;
margin-bottom:0px;
/* height: 103px; */
line-height: 29px;
font-size: 15px;
}

.overallmenu ul li a {
color: #EE2E24;
margin-left:auto;
margin-right:auto;
text-shadow: 0px 0px 0px #737373;
}

.overallmenu .title {
display: inline;
float: left;
position: relative;
z-index: 100;
width: 175px;
text-align: center;
color: #EE2E24;
margin:0px 0px, 0px 0px;
padding:0px 0px, 0px 0px;
/* height: 103px; */
line-height: 29px;
font-size: 26px;
}

.overallmenu .title:hover {
background-color:#EE2E24;
color:#FFF;
cursor:pointer;
}

.overallmenu .current_item {
background-color:#EE2E24;
display: inline;
float: left;
position: relative;
z-index: 100;
width: 175px;
text-align: center;
color: #FFF;
/* height: 103px; */
line-height: 29px;
font-size: 26px;
}

.overallmenu ul li ul {
display: block;
left: 0px;
top: 29px;
position: absolute;
visibility: hidden;
padding-top: 1px;
}
.overallmenu ul li ul li {
border-top: 1px solid #FFF; 
display: block;
float: none;
line-height: 29px;
margin-left: 0px;
margin-bottom:0px;
margin-top:0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: -20px;
}

.overallmenu ul li ul li a {
display: block;
margin-left: 0px;
margin-bottom:0px;
margin-top:0px;
padding-top: 0px;
padding-bottom: 0px;
color: #fff;
padding-left: -20px;
}

.overallmenu ul li ul li a:hover {
background-color:#737373;
color: #fff;
}

* html .overallmenu ul li a {
display: inline-block;
margin-left: 0px;
margin-bottom:0px;
margin-top:0px;
padding-top: 0px;
padding-bottom: 0px;
/* text-shadow: 0px 0px 0px #737373; */
}

.dropDown {
	width:175px;
	margin-left: 0px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: none repeat scroll 0 0 #EE2E24;
	line-height: 29px;
	/*box-shadow: -1px 4px 10px -2px #DEDBDB; */
}
.sub-menu {
	width:175px;
	line-height: 29px;
}
/** Style for the Slider of the Home Page (check out the nivo-slider.css file for more style definitions of the slider **/
#top_slider {
box-shadow: 0 46px 58px -48px #000000;
height: 350px;
margin-bottom: 30px;
padding-top: 70px;
width: 960px;
}
#top_slider-2 {
height: 350px;
margin-top: 20px;
margin-bottom: 30px;
width: 960px;
box-shadow: 0 46px 58px -48px #000000;
}
#top_slider-m {
height: 175px;
margin-bottom: 30px;
margin-top: 20px;
width: 480px;
}
#top_slider-s {
height: 116px;
margin-bottom: 30px;
margin-top: 20px;
width: 320px;
}
#slide_title {
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 20px;
font-weight:bold;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
margin-bottom: 6px;
}
#slide_desc {
font-size: 11px;
padding-left: 15px;
padding-right: 15px;
float: left;
}
/** Style for the Introduction Section of the Home Page **/
#intro_title {
color: #737373;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 22px;
margin-bottom: 27px;
margin-top: 15px;
padding-bottom: 35px;
text-align: center;
border-bottom: 1px solid #CCCCCC;
}
/** Style of the Information Boxes of the Home Page **/

.columnBox {
float: left;
margin-left: auto;
margin-right:auto;
margin-bottom:10px;
width: 200px;
height: 90px;
}

.clientBox {
float: left;
margin-left: auto;
margin-right:auto;
margin-bottom:10px;
width: 200px;
height: 58px;
}

#boxs_information {
	clear: both;
	height: 203px;
	margin-top: 25px;
	width: 960px;
	padding-bottom: 78px;
	border-bottom: 1px solid #E7E7E7;
	padding-top: 80px;
	border-top: 1px solid #E7E7E7;
}
#box1_info {
float: left;
margin-right: 52.7px;
width: 200px;
}
#box2_info {
float: left;
margin-right: 52.7px;
width: 200px;
}
#box3_info {
float: left;
margin-right: 52.7px;
width: 200px;
}
#box4_info {
float: left;
width: 200px;
}
#box42_info {
float: left;
width: 200px;
margin-bottom: 80px;
}
.boximage_info {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: 110px;
width: 200px;
box-shadow: 0 10px 11px -11px #000000;
}
.boxtitle_info {
color: #ABABAB;
float: left;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 16px;
margin-top: 20px;
}
.boxtitle_info a {
color: #737373;
}
.boxtitle_info a:hover {
color: #3DA5D6;
}
.boxicon_info {
float: left;
height: 30px;
width: 30px;
margin-top: 6px;
margin-right: 10px;
}
.boxcontent_info {
color: #ABABAB;
float: left;
padding-top: 6px;
width: 200px;
}
.box_readmore_info a {
margin-top: 7px;
}
.box_readmore_info a:hover {
}
/** Style of the Portfolio Boxes of the Home Page **/
#boxs_portfolio {
border-bottom: 1px solid #E7E7E7;
clear: both;
height: 270px;
width: 940px;
background-color: #d7eaf5;
padding: 10px;
border: 1px solid #b1bdd3;
}
#box1_port {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 38.25px;
}
#box2_port {
float: left;
height: 250px;
width: 210px;
margin-right: 38.25px;
background-color: #3DA5D6;
}
#box2_apply_port {
float: left;
height: 250px;
width: 210px;
margin-right: 20px;
background-color: #f74f83;
font-size: 20pt;
font-weight: bold;
}
#box3_port {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 20px;
}
#box4_port {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
}
.boximage_port {
width: 210px;
height: 210px;
float: left;
background: #fff;
box-shadow: 0 10px 11px -11px #000000;
}
.boxtitle_port {
color: #FFFFFF;
/*font-family: 'SF Movie Poster Bold', Helvetica;*/
font-size: 13px;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}
.boxtitle_port a {
color: #FFFFFF;
}
.boxtitle_port a:hover {
text-decoration: underline;
}
/** Style of the Blog Boxes of the Home Page **/
#boxs_blog {
border-bottom: 1px solid #E7E7E7;
clear: both;
height: 260px;
padding-bottom: 80px;
padding-top: 80px;
width: 960px;
}
#box1_blog {
float: left;
margin-right: 52.7px;
width: 200px;
margin-bottom: 80px;
}
#box2_blog {
float: left;
margin-right: 52.9px;
width: 200px;
margin-bottom: 80px;
}
#box3_blog {
float: left;
margin-right: 52.9px;
width: 200px;
margin-bottom: 80px;
}
#box4_blog {
float: left;
width: 200px;
margin-bottom: 80px;
}
#box1_blogpost {
background: none repeat scroll 0 0 #F5F5F5;
float: left;
height: 145px;
margin-bottom: 80px;
margin-right: 37.2px;
width: 210px;
border: 1px solid #DEDBDB;
}
#box2_blogpost {
background: none repeat scroll 0 0 #F5F5F5;
float: left;
height: 145px;
margin-bottom: 80px;
margin-right: 37.2px;
width: 210px;
border: 1px solid #DEDBDB;
}
#box3_blogpost {
background: none repeat scroll 0 0 #F5F5F5;
float: left;
height: 145px;
margin-bottom: 80px;
margin-right: 37.2px;
width: 210px;
border: 1px solid #DEDBDB;
}
#box4_blogpost {
background: none repeat scroll 0 0 #F5F5F5;
float: left;
height: 145px;
margin-bottom: 80px;
width: 210px;
border: 1px solid #DEDBDB;
}
.boxtitle_blog {
color: #737373;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 16px;
padding-left: 20px;
padding-right: 10px;
padding-top: 15px;
float: left;
}
.boxtitle_blog a {
color: #737373;
}
.boxtitle_blog a:hover {
color: #3DA5D6;
}
.boxcontent_blog {
color: #ABABAB;
float: left;
padding-left: 20px;
width: 165px;
padding-top: 5px;
}
.box_readmore_blog a {
color: #ABABAB;
height: 24px;
margin-left: 20px;
margin-top: 7px;
width: 110px;
float: left;
}
.box_readmore_blog a:hover {
color: #3DA5D6;
}
.boxtitle2_blog {
color: #737373;
float: left;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 16px;
padding-right: 10px;
padding-top: 15px;
width: 190px;
}
.boxtitle2_blog a {
color: #737373;
}
.boxtitle2_blog a:hover {
color: #3DA5D6;
}
.boxcontent2_blog {
color: #ABABAB;
float: left;
padding-top: 10px;
width: 200px;
}
.box_readmore2_blog a {
float: left;
margin-top: 15px;
height: 5px;
line-height: 6px;
}
.box_readmore2_blog a:hover {
}
.box_post_data {
color: #777777;
font-style: italic;
width: 200px;
}
.box_post_data a {
color: #3DA5D6;
}
.box_post_data a:hover {
text-decoration: underline;
}
/** General styles for the boxes **/
#boxs_title {
font-size: 22px;
font-family: 'SF Movie Poster Bold', Helvetica;
margin-bottom: 30px;
width: 200px;
float: left;
margin-right: 60px;
}
#boxs_title a {
color: #3DA5D6;
}
.boxs_desc {
width: 200px;
margin-top: 18px;
color: #000;
font: 12px/1.6em Arial,serif;
}
.boxs_desc2 {
width: 200px;
color: #ABABAB;
font-family: Arial,serif;
font-size: 12px;
line-height: 19px;
}
.boxs_details {
font-size: 12px;
font-family: PT Sans, sans-serif;
color: #3DA5D6;
padding-top: 1px;
}
.box_details a {
color: #3DA5D6;
}
.boxs_details:hover {
text-decoration: underline;
}
/** Style for the Portfolio Pages **/
#middle_content {
clear: both;
height: 100%;
margin: 0 auto;
width: 100%;
}
#header_information {
	color: #737373;
	font-size: 22px;
	padding-top: 10px;
	width: 960px;
	background: #F7F7F7;
	padding-bottom: 10px;
	/* padding-left: 40px; */
	text-shadow: 1px 1px 1px #fff;
	/*box-shadow:-20 24px 12px #DDDDDD inset;
	-moz-box-shadow:0 3px 12px #DDDDDD inset;
	-webkit-box-shadow:0 3px 12px #DDDDDD inset; */
}
#header_information em {
font: italic 12px Georgia, "Times New Roman", Times, serif;
}
.header_text {
	color: #EE2E24;
	font-size: 27px;
	line-height:30px;
}
.header_text a {
	font-family: 'SF Movie Poster Bold', Helvetica;
	letter-spacing: 0.3em;
	line-height:30px;
	color: #EE2E24;
	margin-left:2.7em;
}
.header_text a:hover {
	background-color:#EE2E24;
	text-shadow: 0px 0px 0px #fff;
	color:#fff;
}
.header_text_selected {
	display:inline;
	font-family: 'SF Movie Poster Bold', Helvetica;
	letter-spacing: 0.3em;
	line-height:30px;
	margin-left:2.7em;
	background-color:#EE2E24;
	color:#fff;
	text-shadow: 0px 0px 0px #fff;
}
.header_local {
color: #737373;
font-style: italic;
font-size: 11px;
}
#boxs_portfoliopage {
clear: both;
margin-top: 0px;
width: 960px;
}
#portfolio_navigation {
clear: both;
height: 30px;
padding-top: 40px;
width: 960px;
}
#portfolio_navigation2 {
clear: both;
height: 30px;
padding-top: 40px;
width: 960px;
}
.button_small_portfolio {
background: #3DA5D6;
color: #fff;
display: block;
float: right;
height: 20px;
line-height: 12px;
padding-top: 7px;
text-align: center;
width: 100px;
margin-bottom: 50px;
}
.button_small_portfolio:hover {
text-decoration: underline;
}
.button_small_portfolio2 {
background: #3DA5D6;
color: #fff;
display: block;
float: right;
height: 20px;
line-height: 12px;
padding-top: 7px;
text-align: center;
width: 100px;
margin-bottom: 50px;
margin-right: 10px;
}
.button_small_portfolio2:hover {
text-decoration: underline;
}
.button_small2 {
background: #3DA5D6;
color: #fff;
display: block;
float: left;
height: 20px;
line-height: 12px;
padding-top: 7px;
text-align: center;
width: 100px;
margin-left: 10px;
}
.button_small2:hover {
text-decoration: underline;
}
/** Style of the Portfolio **/
/** Style of the Portfolio 1 column page **/
#boxs_portfolio1 {
clear: both;
height: 160px;
padding-top: 40px;
width: 960px;
}
#box1_portfolio1 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
margin-right: 40px;
}
#box2_portfolio1 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
}
#box3_portfolio1 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
margin-right: 40px;
margin-top:40px;
}
#box4_portfolio1 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
margin-top:40px;
}
#box5_portfolio1 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
margin-right: 40px;
margin-top:40px;
}
#box6_portfolio1 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
margin-top:40px;
}
#box6_portfolio1_2 {
background: #F7F7F7;
box-shadow: 0 2px 14px #DDDDDD inset;
float: left;
height: 160px;
width: 460px;
margin-top:40px;
margin-bottom: 80px;
}
.boximage_portfolio1 {
width: 200px;
height: 200px;
float: left;
background: #fff;
}
.boxtitle_portfolio1 {
color: #A7A7A7;
font-family: 'SF Movie Poster Bold', cursive;
font-size: 16px;
padding-left: 20px;
padding-right: 10px;
padding-top: 15px;
float: left;
}
.boxtitle_portfolio1 a {
color: #A7A7A7;
}
.boxtitle_portfolio1 a:hover {
text-decoration: underline;
}
.boxcontent_portfolio1 {
color: #A7A7A7;
float: left;
width: 240px;
padding-left: 20px;
padding-top: 5px;
}
.box_readmore_portfolio1 a {
float: left;
margin-left: 20px;
margin-top: 12px;
height: 7px;
line-height: 7px;
}
.box_readmore_portfolio1 a:hover {
text-decoration: underline;
}
/** Style for the Porfolio Filter **/
ul#filter {
float: right;
font-size: 16px;
list-style: none outside none;
margin-right: 10px;
padding-top: 15px;
border-top: 1px solid #F5F5F5;
padding-bottom: 15px;
border-bottom: 1px solid #F5F5F5;
margin-top: 25px;
margin-bottom: 25px;
padding-right: 10px;
padding-left: 10px;
}
ul#filter li {
float: left;
margin-right: 20px;
font-size: 12px;
font-weight: bold;
}
ul#filter li:last-child {
border-right: medium none;
margin-right: 0;
padding-right: 0;
}
ul#filter a {
color: #999999;
text-decoration: none;
}
ul#filter a:hover {
color: #3DA5D6;
}
ul#filter li.current a {
color: #3DA5D6;
font-weight: bold;
}
ul#portfolio {
}
ul#portfolio li {
list-style: none;
background: #3DA5D6;
float: left;
height: 160px;
width: 460px;
margin-top:20px;
margin-right: 10px;
margin-left: 10px;
}
ul#portfolio a {
}
ul#portfolio a:hover {
}
ul#portfolio img {
}
#boxs_information_port {
clear: both;
height: 160px;
width: 960px;
}
#boxs_information_port2 {
clear: both;
height: 160px;
width: 960px;
padding-top: 15px;
}
/** Style of the Portfolio 4 column page **/
#box1_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 40px;
}
#box2_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 40px;
}
#box3_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 40px;
}
#box4_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
}
#box5_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 40px;
margin-top: 60px;
}
#box6_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 40px;
margin-top: 60px;
}
#box7_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-right: 40px;
margin-top: 60px;
}
#box8_portfolio4 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-top: 60px;
}
#box8_portfolio42 {
background: #3DA5D6;
float: left;
height: 250px;
width: 210px;
margin-top: 60px;
margin-bottom: 80px;
}
.boximage_portfolio4 {
width: 210px;
height: 210px;
float: left;
background: #fff;
box-shadow: 0 10px 11px -11px #000000;
}
.boxtitle_portfolio4 {
color: #FFFFFF;
font-family: 'Droid Sans', arial, serif;
font-size: 16px;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}
.boxtitle_portfolio4 a {
color: #FFFFFF;
}
.boxtitle_portfolio4 a:hover {
text-decoration: underline;
}
/** Style for the Portfolio Single Page **/
#main_content {
clear: all;
width: 960px;
margin-top: 45px;
}
#title_slider_portfolio {
border-bottom: 1px solid #CCCCCC;
color: #737373;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 22px;
margin-bottom: 27px;
padding-bottom: 20px;
}
/** Style for the Gallery Widget Page (see styles menu) **/
#gallery {
margin-top: -20px;
}
#image_gallery {
width: 60px;
height: 60px;
margin-right: 20px;
float: left;
background: #fff;
margin-top: 20px;
}
/** Style for the 404 Page **/
#error {
color: #737373;
font-size: 30px;
margin-top: 50px;
text-align: center;
width: 960px;
font-family: DroidSerif, sans-serfif;
}
#error_tagline {
color: #737373;
font-size: 11px;
height: 150px;
text-align: center;
width: 960px;
margin-top: 10px;
margin-bottom: 100px;
}
/** Style for the Information Boxes Page Template **/
#box1_infor {
background: #3DA5D6;
float: left;
height: 160px;
width: 260px;
margin-right: 90px;
}
#box2_infor {
background: #3DA5D6;
float: left;
height: 160px;
width: 260px;
margin-right: 90px;
}
#box3_infor {
background: #3DA5D6;
float: left;
height: 160px;
width: 260px;
}
#infor_box {
background: #ecd9e7 none repeat scroll 0 0;
border: 1px solid #d1b8d4;
height: 35px;
padding: 25px;
width: 909px;
margin-bottom: 20px;
}
.infor_box_bt {
float: right;
margin-top: -10px;
}
.infor_box_desc {
color: #e22092;
float: left;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 30px;
line-height: 35px;
font-weight: bold;
}
infor_box_desc, h2 {
font-size: 30px;
color: #e22092;
padding-left: 100px;
}
#infor_box_dark {
background: none repeat scroll 0 0 #737373;
border: 1px solid #052525;
height: 35px;
padding: 25px;
width: 909px;
}
.infor_box_desc_dark {
color: #F5F5F5;
float: left;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 20px;
line-height: 35px;
}
#alert_box_green {
background: none repeat scroll 0 0 #E9FFEB;
border: 1px solid #B7E6BC;
float: left;
height: 35px;
margin-right: 56px;
padding: 25px;
width: 400px;
}
.alert_box_desc_green {
color: #0C8874;
float: left;
font-size: 12px;
font-style: italic;
line-height: 35px;
text-align: center;
width: 400px;
}
#alert_box_red {
background: none repeat scroll 0 0 #F9E1E1;
border: 1px solid #E6A8A8;
float: left;
height: 35px;
padding: 25px;
width: 400px;
}
.alert_box_desc_red {
color: #f26f6f;
float: left;
font-size: 12px;
font-style: italic;
line-height: 35px;
text-align: center;
width: 400px;
}
#alert_box_yellow {
background: none repeat scroll 0 0 #FFF9E0 ;
border: 1px solid #F5E791;
float: left;
height: 35px;
padding: 25px;
width: 400px;
margin-right: 56px;
margin-top:20px;
}
.alert_box_desc_yellow {
color: #B3B09F;
float: left;
font-size: 12px;
font-style: italic;
line-height: 35px;
text-align: center;
width: 400px;
}
#alert_box_blue {
background: none repeat scroll 0 0 #E9F8FF;
border: 1px solid #C9E5F2;
float: left;
height: 35px;
padding: 25px;
width: 400px;
margin-top:20px;
}
.alert_box_desc_blue{
color: #819FAA;
float: left;
font-size: 12px;
font-style: italic;
line-height: 35px;
text-align: center;
width: 400px;
}
#call_to_action {
height: 75px;
clear: both;
}
/** Style for the Testimonials page **/
#testimonials_box {
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #DEDBDB;
height: 90px;
padding-top: 25px;
width: 959px;
margin-bottom: 20px;
}
.testimonials_box_desc {
color: #737373;
float: left;
font-size: 12px;
padding-left: 25px;
width: 650px;
font-style: italic;
}
.testimonials_details {
float: left;
font-family: 'PT Sans', arial, serif;
font-size: 18px;
float: left;
margin-left: 30px;
margin-right: 20px;
color: #737373;
}
.testimonials_details_ab {
float: left;
font-style: italic;
font-size: 12px;
float: left;
margin-left: 30px;
margin-right: 20px;
color: #737373;
}
/** Style for the Toogles and Tabs **/
ul.tabs {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
float: left;
height: 32px;
list-style: none outside none;
margin: 0;
padding: 0;
width: 100%;
}
ul.tabs li {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #e7e5e5;
border-color: #CCCCCC #CCCCCC #CCCCCC -moz-use-text-color;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
float: left;
height: 31px;
line-height: 31px;
margin: 0 0 -1px;
overflow: hidden;
padding: 0;
position: relative;
}
ul.tabs li a {
color: #777777;
display: block;
font-size: 15px;
outline: medium none;
padding: 0 20px;
text-decoration: none;
font-family: 'AvantGarde', arial, serif;
}
ul.tabs li a:hover {
background: none repeat scroll 0 0 #CCCCCC;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: -moz-use-text-color #CCCCCC #CCCCCC;
border-right: 1px solid #CCCCCC;
border-style: none solid solid;
border-width: medium 1px 1px;
clear: both;
float: left;
overflow: hidden;
width: 100%;
margin-bottom: 50px;
}
.tab_content {
padding: 20px;
}
h2.trigger {
background: #3DA5D6;
float: left;
font-size: 18px;
height: 46px;
line-height: 46px;
margin: 0 0 11px;
padding: 0 0 0 20px;
width: 940px;
font-family: 'PT Sans', arial, serif;
-moz-border-radius: 5px;
}
h2.trigger a {
color: #FFFFFF;
display: block;
text-decoration: none;
}
h2.trigger a:hover {
color: #fff;
text-decoration: underline;
}
h2.active {
background-position: left bottom;
}
.toggle_container {
background: none repeat scroll 0 0 #e7e5e5;
clear: both;
margin: 0 0 15px;
overflow: hidden;
padding: 0;
width: 960px;
color: #777777;
-moz-border-radius: 5px;
}
.toggle_container .block {
padding: 20px;
}
.toggle_container a {
color: #3DA5D6;
font-size:1em;
}
#toogles {
margin-bottom: 100px;
height: 100%;
}
/** Style for the Pricing Tables **/
#pricing_tables {
padding-top: 115px;
height: 250px;
width: 960px;
clear: both;
}
.pricing_box {
float: left;
padding: 0 0 20px;
text-align: center;
}
.pricing_box .header {
background: #3DA5D6;
color: #fff;
font-family: 'PT Sans', arial, serif;
font-size: 18px;
}
.pricing_box .header {
height: 40px;
text-align: center;
width: 100%;
}
.pricing_box .header span {
position: relative;
top: 7px;
}
.pricing_box h2 {
font-size: 28px;
color: #737373;
}
.pricing_box ul {
list-style: none outside none;
margin: 5px 0 15px;
color: #737373;
}
.pricing_box.large {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 1px 10px #999999;
font-size: 1.2em;
margin-top: -3%;
padding: 0 0 40px;
}
.pricing_box.three {
width: 33%;
}
.pricing_box.four {
font-size: 1em;
width: 24.5%;
}
.pricing_box.four h2 {
font-size: 2em;
}
.pricing_box.four.large {
margin-top: -1.5%;
}
.pricing_box.five {
font-size: 0.9em;
width: 19.5%;
}
.pricing_box.five h2 {
font-size: 1.7em;
}
.pricing_box.five.large {
margin-top: -1.5%;
}
.pricing_box.five .header span {
font-size: 16px;
top: 9px;
}
.price_bt {
margin-left: 20px;
}
/** Style for the Blog Page **/
#main_content_blog {
float: left;
margin-top: 45px;
width: 550px;
}
#blog_post {
margin-bottom: 150px;
width: 550px;
}
.blog_post_title {
color: #777777;
font-family: 'AvantGarde', cursive;
font-size: 20px;
padding-bottom: 2px;
}
.blog_post_title a {
color: #777777;
}
.blog_post_title a:hover {
color: #777777;
text-decoration: underline;
}
.blog_post_data {
color: #777777;
font-style: italic;
padding-bottom: 20px;
}
.blog_post_data a {
color: #3DA5D6;
}
.blog_post_data a:hover {
text-decoration: underline;
}
.blog_post_image {
height: 190px;
margin-bottom: 20px;
width: 550px;
}
.blog_post_text {
color: #777777;
line-height: 18px;
margin-bottom: 20px;
}
.blog_post_text a {
color: #3DA5D6;
}
.blog_post_text a:hover {
text-decoration: underline;
}
.blog_post_readmore {
display: block;
float: left;
margin-top: -10px;
}
.blog_post_readmore:hover {
}
#blog_navigation {
clear: both;
height: 45px;
width: 550px;
margin-bottom: 50px;
}
.button_small_blog {
width: 100px;
}
.button_small_blog:hover {
}
.wp-caption-text{
display: block;
font-size: 20px;
line-height: 28px;
padding: 10px 0 20px;
text-align: center;
color: #737373;
font-style: italic;
}
.postformat_icon {
padding-right: 20px;
float: left;
margin-top: 6px;
}
.linkpostformat a {
font-size: 25px;
color: #3DA5D6;
}
.linkpostformat a:hover {
text-decoration: underline;
}
.statuspostformat {
width: 300px;
color: #3DA5D6;
float: right;
font: 26px "AvantGarde", Arial, Helvetica, Geneva, sans-serif;
}
ul.chat {
list-style-type: none;
margin: 0;
}
ul.chat li {
margin-bottom: 5px;
}
ul.chat cite {
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}
/** Style for the Sidebar Right **/
#sidebar_right {
width: 300px;
margin-left: 60px;
padding-left: 30px;
border-left: 1px solid #CCCCCC;
margin-top: 50px;
float: left;
padding-bottom: 30px;
}
#widget {
margin-bottom: 30px;
}
#widget_ga {
margin-bottom: 70px;
height: 140px;
}
.widget_title {
color: #777777;
font-family: 'AvantGarde', cursive;
font-size: 18px;
margin-bottom: 11px;
}
.widget_content {
}
.tweets {
color: #777777;
list-style: none;
}
.tweets ul {
color: #777777;
list-style: none outside none;
}
.tweets li {
color: #777777;
list-style: none outside none;
float: left;
margin-bottom: 10px;
}
#image_gallerys {
width: 60px;
height: 60px;
margin-right: 20px;
float: left;
background: #fff;
}
/** Style for the Sidebar Left **/
#sidebar_left {
width: 300px;
margin-right: 60px;
padding-right: 30px;
border-right: 1px solid #CCCCCC;
margin-top: 50px;
float: left;
padding-bottom: 30px;
}
/** Style for the Contact Page **/
.contact_form {
background: #F5F5F5;
border: 1px solid #CCC;
color: #000000;
font-size: 14px;
height: 14px;
margin: 7px 0 0;
padding-bottom: 8px;
padding-left: 5px;
padding-top: 8px;
width: 350px;
}
.contact_form_select {
background: #F5F5F5;
border: 1px solid #CCC;
color: #000000;
font-size: 14px;
height: 32px;
padding-bottom: 1px;
padding-left: 5px;
padding-top: 6px;
}
.contact_form:hover {
background: #CCCCCC;
}
.contact_form:active {
background: #CCCCCC;
}
.contact_form_message {
background: #F5F5F5;
border: 1px solid #CCC;
color: #000000;
font-size: 14px;
height: 135px;
margin-top: 7px;
max-height: 135px;
max-width: 400px;
min-height: 135px;
min-width: 400px;
padding-left: 15px;
padding-top: 15px;
width: 400px;
}
.contact_form_message:hover {
background: #CCCCCC;
}
.contact_form_message:active {
background: #CCCCCC;
}
.contact_submit {
background: #222222;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
margin-right: 20px;
margin-top: 10px;
padding: 5px 10px 6px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #E22092;
border: none;
}
.contact_submit:hover {
background-color: #C81E82;
}
#contact_text {
color: #777777;
}
/** Global Style of the Template (images, main content, text, links etc.) **/
.image_left {
float: left;
margin-right: 40px;
margin-bottom: 20px;
}
.image_right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
width: 100%;
height: 100%;
}
.image_center {
margin: 0 auto;
width: 100%;
height: 100%;
}
.text {
color: #777777;
line-height: 1.8em;
}
.text a {
padding: 5px;
}
.text a:hover {
	text-decoration: underline;
	background-color: #737373;
	color: white;
}
/* text 2 */
.text2 {
color: #777777;
line-height: 1.8em;
text-align: right;
font-size: 12px;
}
.text2 a {
color: #fff;
background-color: #ff8eab;
padding: 5px;
}
.text2 a:hover {
text-decoration: underline;
}
/* end */
.text_left {
color: #777777;
float: left;
width: 460px;
line-height: 19px;
}
.text_left a {
color: #3DA5D6;
}
.text_left a:hover {
text-decoration: underline;
}
.text_left2 {
color: #777777;
float: left;
width: 430px;
line-height: 19px;
margin-top: 20px;
}
.text_left2 a {
color: #3DA5D6;
}
.text_left2 a:hover {
text-decoration: underline;
}
.title_text {
color: #777777;
font-family: 'SF Movie Poster Bold', Helvetica;
font-size: 18px;
line-height: 60px;
}
/** Style for the Buttons **/
.button_small {
float: right;
margin-bottom: 50px;
}
.button_small:hover {
}
.button, .button:visited {
background: #222; 
display: inline-block; 
padding: 5px 10px 6px; 
color: #fff; 
text-decoration: none;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
margin-right: 20px;
margin-top:10px;
}
.button:hover { 
background-color: #111;
color: #fff; 
}
.button:active { 
top: 1px; 
}
.small.button, .small.button:visited { 
font-size: 11px
}
.button, .button:visited {
background: scroll 0 0 #222222;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
margin-right: 20px;
margin-top: 10px;
padding: 5px 10px 6px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.button:hover {
background-color: #111111;
color: #FFFFFF;
}
.button:active {
top: 1px;
}
.small.button, .small.button:visited {
font-size: 12px;
}
.button, .button:visited, .medium.button, .medium.button:visited {
font-size: 12px;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.large.button, .large.button:visited {
font-size: 13px;
padding: 10px 15px 10px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.pink.button, .magenta.button:visited { background-color: #E22092;
}
.pink.button:hover { background-color: #C81E82;
}
.green.button, .green.button:visited { background-color: #3DA5D6; }
.green.button:hover { background-color: #94C9B9; }
.greeen.button, .greeen.button:visited { background-color: #58aa00; }
.greeen.button:hover { background-color: #4E8C00; }
.red.button, .red.button:visited { background-color: #E62727;}
.red.button:hover { background-color: #CF2525; }
.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover { background-color: #D45500; }
.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover { background-color: #2575CF; }
.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover { background-color: #FC9200; }
/** Style for the Chart that appear on the Typography Page **/
dl#csschart, dl#csschart dt, dl#csschart dd{
margin:0;
padding:0;
}
dl#csschart{
background:url(images/bg_chart.gif) no-repeat 0 0;
width:467px;
height:385px;
float: left;
margin-right: 10px;
}
dl#csschart dt{
display:none;
}
dl#csschart dd{
position:relative;
float:left;
display:inline;
width:33px;
height:330px;
margin-top:22px;		
} 
dl#csschart dd.first{
margin-left:33px;		
} 	
dl#csschart span{
position:absolute;
display:block;
width:33px;	
bottom:0;
left:0;	
z-index:1;
color:#555;
text-decoration:none;
} 		
dl#csschart span em{
display:block;
font-style:normal;
float:left;
line-height:200%;
background:#fff;
color:#555;
border:1px solid #b1b1b1;
position:absolute;
top:50%;
left:3px;
text-align:center;
width:23px;
} 		
dl#csschart span{
height:50%;
background:url(/images/type1.gif) repeat-y;
} 		
dl#csschart span.type1{
background:url(/images/type1.gif) repeat-y;
}
dl#csschart span.type2{
background:url(/images/type2.gif) repeat-y;
}
dl#csschart span.type3{
background:url(/images/type3.gif) repeat-y;
}
dl#csschart span.type4{
background:url(/images/type4.gif) repeat-y;
}
dl#csschart span.p0{height:0%;}
dl#csschart span.p1{height:1%;}
dl#csschart span.p2{height:2%;}
dl#csschart span.p3{height:3%;}
dl#csschart span.p4{height:4%;}
dl#csschart span.p5{height:5%;}
dl#csschart span.p6{height:6%;}
dl#csschart span.p7{height:7%;}
dl#csschart span.p8{height:8%;}
dl#csschart span.p9{height:9%;}
dl#csschart span.p10{height:10%;}
dl#csschart span.p11{height:11%;}
dl#csschart span.p12{height:12%;}
dl#csschart span.p13{height:13%;}
dl#csschart span.p14{height:14%;}
dl#csschart span.p15{height:15%;}
dl#csschart span.p16{height:16%;}
dl#csschart span.p17{height:17%;}
dl#csschart span.p18{height:18%;}
dl#csschart span.p19{height:19%;}
dl#csschart span.p20{height:20%;}
dl#csschart span.p21{height:21%;}
dl#csschart span.p22{height:22%;}
dl#csschart span.p23{height:23%;}
dl#csschart span.p24{height:24%;}
dl#csschart span.p25{height:25%;}
dl#csschart span.p26{height:26%;}
dl#csschart span.p27{height:27%;}
dl#csschart span.p28{height:28%;}
dl#csschart span.p29{height:29%;}
dl#csschart span.p30{height:30%;}
dl#csschart span.p31{height:31%;}
dl#csschart span.p32{height:32%;}
dl#csschart span.p33{height:33%;}
dl#csschart span.p34{height:34%;}
dl#csschart span.p35{height:35%;}
dl#csschart span.p36{height:36%;}
dl#csschart span.p37{height:37%;}
dl#csschart span.p38{height:38%;}
dl#csschart span.p39{height:39%;}
dl#csschart span.p40{height:40%;}
dl#csschart span.p41{height:41%;}
dl#csschart span.p42{height:42%;}
dl#csschart span.p43{height:43%;}
dl#csschart span.p44{height:44%;}
dl#csschart span.p45{height:45%;}
dl#csschart span.p46{height:46%;}
dl#csschart span.p47{height:47%;}
dl#csschart span.p48{height:48%;}
dl#csschart span.p49{height:49%;}
dl#csschart span.p50{height:50%;}
dl#csschart span.p51{height:51%;}
dl#csschart span.p52{height:52%;}
dl#csschart span.p53{height:53%;}
dl#csschart span.p54{height:54%;}
dl#csschart span.p55{height:55%;}
dl#csschart span.p56{height:56%;}
dl#csschart span.p57{height:57%;}
dl#csschart span.p58{height:58%;}
dl#csschart span.p59{height:59%;}
dl#csschart span.p60{height:60%;}
dl#csschart span.p61{height:61%;}
dl#csschart span.p62{height:62%;}
dl#csschart span.p63{height:63%;}
dl#csschart span.p64{height:64%;}
dl#csschart span.p65{height:65%;}
dl#csschart span.p66{height:66%;}
dl#csschart span.p67{height:67%;}
dl#csschart span.p68{height:68%;}
dl#csschart span.p69{height:69%;}
dl#csschart span.p70{height:70%;}
dl#csschart span.p71{height:71%;}
dl#csschart span.p72{height:72%;}
dl#csschart span.p73{height:73%;}
dl#csschart span.p74{height:74%;}
dl#csschart span.p75{height:75%;}
dl#csschart span.p76{height:76%;}
dl#csschart span.p77{height:77%;}
dl#csschart span.p78{height:78%;}
dl#csschart span.p79{height:79%;}
dl#csschart span.p80{height:80%;}
dl#csschart span.p81{height:81%;}
dl#csschart span.p82{height:82%;}
dl#csschart span.p83{height:83%;}
dl#csschart span.p84{height:84%;}
dl#csschart span.p85{height:85%;}
dl#csschart span.p86{height:86%;}
dl#csschart span.p87{height:87%;}
dl#csschart span.p88{height:88%;}
dl#csschart span.p89{height:89%;}
dl#csschart span.p90{height:90%;}
dl#csschart span.p91{height:91%;}
dl#csschart span.p92{height:92%;}
dl#csschart span.p93{height:93%;}
dl#csschart span.p94{height:94%;}
dl#csschart span.p95{height:95%;}
dl#csschart span.p96{height:96%;}
dl#csschart span.p97{height:97%;}
dl#csschart span.p98{height:98%;}
dl#csschart span.p99{height:99%;}
dl#csschart span.p100{height:100%;}
/** Style for the Footer **/
#home_footer {
clear: both;
width: 960px;
}
#footer_text {
font-family: "AvantGarde Demi";
font-size:0.8em;
color: #ABABAB;
text-align: center;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.social_icons {
float: left;
margin-top: 28px;
}
.social_icons ul {
list-style: none outside none;
}
.social_icons ul li {
float: left;
list-style: none outside none;
margin-right: 4px;
}
.footer_text {
float: left;
height: 70px;
line-height: 70px;
text-align: center;
margin-right: 10px;
}
#footer_text a {
color: #ABABAB;
}
#footer_text a:hover {
text-decoration: underline;

}

.boximage_project {
	position:relative;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a; 
	width: 190px;
	height: 215px;
	float: left;
	margin-left:25px;
	margin-top:25px;
	background:#fff;
	z-index:3;
}

.boxtitle_project {
	color: #FFF;
	background:#EE2E24;
	font-family: 'AvantGarde', Helvetica;
	letter-spacing:0.1em;
	padding-top: 0px;
	padding-right:5px;
	position:absolute;
	text-align:right;
	bottom:0px;
	right:0px;
	width:185px;
	z-index:8;
	opacity:0.9;
}

.boxtitle_location {
	color: #FFF;
	background:#EE2E24;
	font-family: 'AvantGarde', Helvetica;
	font-size:11px;
	letter-spacing:0.1em;
	padding-top: 0px;
	padding-right:5px;
	position:absolute;
	text-align:right;
	top:0px;
	right:0px;
	width:185px;
	z-index:8;
	opacity:0.9;
}

.boxtitle_project focus{
z-index:6;
}
.boxtitle_project a {
color: #fff;
}

/* Triangles */

div#rtriangle {
	width:0px; 
	height:0px; 
	border-top:15px solid transparent;  /* left arrow slant */
	border-bottom:15px solid transparent; /* right arrow slant */
	border-left:15px solid #EE2E24; /* top, add background color here */
}
div#rtriangle.noScroll{
	width:0px; 
	height:0px; 
	border-top:12px solid transparent;  /* left arrow slant */
	border-bottom:12px solid transparent; /* right arrow slant */
	border-left:12px solid #F7F7F7; /* top, add background color here */
}
div#ltriangle {
	width:0px; 
	height:0px; 
	border-top:15px solid transparent;  /* left arrow slant */
	border-bottom:15px solid transparent; /* right arrow slant */
	border-right:15px solid #EE2E24; /* top, add background color here */
}
div#ltriangle.noScroll {
	width:0px; 
	height:0px; 
	border-top:12px solid transparent;  /* left arrow slant */
	border-bottom:12px solid transparent; /* right arrow slant */
	border-right:12px solid #F7F7F7; /* top, add background color here */
}