/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}
::selection {
	color:#fff;
	background: #222222; /* Safari */
	}
::-moz-selection {
	color:#fff;	
	background: #222222; /* Firefox */
}
.roundedcorner{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
#wrapper{
	width:100%;
	margin:0px;
	padding:0px;
	}	

/* Global properties ======================================================== */
body { 
	background:#41d2ea; 
	font-family: 'georgiaregular';
	font-size:101%; 
	line-height:1.5em;
	color:#383838;
}
	
html, 
body { 
	width:100%;
	height:100%;
}

/* Global Structure ============================================================= */
.container {
	margin:0 auto;
	width:980px;
	font-size:.814em;
}
.headercontainer {
	margin:0 auto;
	width:100%;
	font-size:.814em;
}
.headercontainer h1{
	float:left;
	width:287px;
	height:52px;
	background:url(../images/logo.jpg) no-repeat left top;
	}
	.headercontainer h1 a{
		text-indent:-9999px;
		display:inline-block;
		}
header .fb-like{		
	   display: inline-block;
    float: left;
    height: 28px;
    overflow: hidden;
    padding: 15px 0 9px 10px;
    width: 135px;
}
.home .screenshot{
	display:none;
	}		
#bodycontainer{
	padding:0 20px;
	}
	#spl-boxes{
		background-color:#fff;
		width: 98%;
    	padding: 0 1%;
		}
		.pageslogan{
			font-size: 14px;
    color: #ff3600;
    font-style: italic;
    line-height: 2em;
			}
			.boxitem{
				padding:0px 20px;
				width:210px;
				}
				.boxitem h4 span{
					margin-top:8px;
					display:inline-block;
					 
					}
				.boxitem p {
					color:#6e6e6e;
					font-style:italic;
					font-size:14px;
					width: 200px;
    				line-height: 22px;
					}
					.boxitem p cufon{
						padding-bottom:5px;
					}
				.boxitem ul li{
					background:url(../images/bullet1.png) no-repeat 0px 5px ;
					list-style-position:inside;
					line-height:1.5em;
					color:#6e6e6e;
					padding:0px 15px;
					margin:0px 0px 0px 20px;
					height:auto;
					width:auto;
					float:none;
					font-size:14px;
					}	
					
	/* Header */

	
	header {
		/*background:url(../images/header-bg.jpg) repeat-x center top;*/
		background-color:#252525;
		border-bottom:6px solid #cfeaf1;
	}
		#spl-header {
		    background-image: url(../images/inner-header-bg.jpg);
    		height: 193px;
    		background-size: 100% 193px;
		}
		#spl-header ul li:first-child img{
			height: 152px !important;
    		width: 171px !important;
			}
		#spl-header .content-left{
			width:75%;
			}
		#spl-header .content-left2{
			width:75%;
			}
		#post-16 #spl-header .content-left2{
			width: 58%;
			}
		#spl-header .content-left3{
			width:72%;
			}			
		header .headercontainer {
			display:inline-block;
		}
	#mobile-header {
    	display: none;
	}	
	#slider-img{
		float:left;
		width:576px;
		}
	#slider-content{
		float:right;
		width:332px;
		}	
		#slider-content .slider-title{
			font-size:52px;
		   	padding-top: 45px;
			padding-bottom:40px;
		}
		#slider-content {
			color:#5d5d5d;
		}
	/* Content */
	#bodycontainer #innercontent{
		width:100%;
		display:inline-block;
		}
		#bodycontainer p cufon{
			padding-bottom:5px;
			}
	#innercontent section{
		width:66%;
		float:left;
		margin-right:2%;
	}
		#innercontent section > div{
			margin-bottom:2%;
			}
	#post-81 #innercontent > section{
		width:60%;
	}
	.boxitem .list ul li{
					background:url(../images/bullet1.png) no-repeat 0px 3px !important;
					list-style-position:inside!important;
					line-height:22px !important;
					color:#6e6e6e!important;
					padding:0px 15px!important;
					margin:0px 0px 0px 20px!important;
					height:auto!important;
					width:auto!important;
					float:none!important;
					}
	section .list ul li {
		background: url(../images/bullet1.png) no-repeat 0px 5px !important;
		list-style-position: inside!important;
		line-height: 24px !important;
		color: #000!important;
		padding: 0px 20px!important;
		margin: 0px 0px 5px 30px!important;
		font-size: 13px;
		font-weight: 100;
	}
#bodycontainer{
	 background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 1px 0 #169FB6;
    margin-bottom: 20px;
	padding-bottom:10px;
	}
	
	/* Sidebar */
	aside {
		float:left;
		width:300px;
	}
	#post-81 #innercontent aside{
		width:38%;
		}
		aside h5 span{
			float: left;
    		margin: 10px;
    		width: 220px;
		}
		aside ul{
			padding: 10px 20px;
		}
		aside ul li {
			list-style-image:url("../images/arrow-small.gif");
			list-style-position:outside;
		}
		#searchsubmit{ float:left; 
		background:url(../images/icons/search-icon.png) no-repeat;
		text-indent:-99999px;
		border:0;
		width:40px;
		height:32px;
		cursor:pointer;
		}
		#s{ float:left; margin:0 6px 0 0;}
		#categories-2 ul li{margin-bottom:5px;}
		aside ul li a {
			font-size: 14px;
    		font-weight: lighter;
			text-transform:capitalize;
			}
			aside ul li a:hover{
				background-color:#41d2ea;
				padding:5px;
				color:#ffffff;
				}
			aside ul li .active{
				background-color:#2f2f2f;
				padding:5px;
				color:#ffffff;
				}	
			



/* works page */
#work-item-group{
		float:left;
	}
#work-item-shadow{
	
	}

#workitem{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0px;
    border: 5px solid #fff;
	border-bottom:none;
	}
	
	.workitemtitle{
		-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
		background-color:#2f2f2f;
		padding:5px;
		color:#ffffff;
	}
	#workitem #item{
		height: 240px;
    	overflow: hidden;
	}
	#workitem img { 
		/*padding:5px 5px 5px 5px;*/
		position:absolute;
		vertical-align:bottom;
		/*bottom:0px;*/
	}
	#workitem .btn{
		background:url(../images/btn-bg.jpg) repeat-x;
		border:solid 1px #d8d8d8;
		color:#333;
		display: block;
		margin: 5px;
		padding: 8px;
		text-align:center;
		}





/*----- form defaults -----*/
input, 
select, 
textarea { 
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display: block;
	border-color: #868686;
    border-style: solid;
    border-width: 2px;
    color: #333333;
    font-size: 16px;
    padding: 5px;
	margin:5px 0px;
}

fieldset {
	border:0;
}

label{
	font-size: 24px;
    display: block;
    padding: 10px 0px;
	}



p {
	margin:16px 0px;
	line-height:1.538em;
}

.send-btn{
	background:url(../images/send-btn.jpg) no-repeat 0 0;
	width:101px;
	height:47px;
	border:0px;
	cursor:pointer;
	}
	

/*----- txt, links, lines, titles -----*/
a {
	color:#565b5b; 
	outline:none;
	border:0;
	text-decoration:none;
}
.spllink a{
background:url("../images/blue-link.gif") repeat-x 0 15px;
}
a:hover {
	text-decoration:none;
}

h1 {
	
}
h2 {
	font-size:22px;
	line-height:1.2em;
	border-bottom:1px solid #e8e8e8;
	padding:12px 0px;
	margin-bottom:10px;
}

h3,#post-120 .title a,.entry-title > a{
	font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 7px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
}
#post-120 .title a:hover, .entry-title a:hover{
	color:#41D2EA;
	}
h4 {
	color:#000000;
	font-size: 18px;
    line-height: 32px;
	margin-bottom:10px;	
}
h4 img{
	padding-right:5px;
}
h5 {
	background:url(../images/h5-bg.jpg) repeat-x;
	font-size:18px;
	color:#000;
	line-height:1.5em;
	margin-bottom:10px;	
	border:2px solid #ebebeb;
	height:40px;
}
	h5 span{
		font-family: 'georgiaregular';
		margin:6px 10px 0;
		float:left;
	}
	h5 img{
		padding:5px;
		float:right;
		}
h6{
	background-color:#f9f9f9;
	font-size:16px;
	color:#000;
	line-height:1.5em;
	padding:5px 10px;
	text-transform: capitalize;
	}		
.link1 { 
	display:inline-block;
	color:#3e3e3e;
	font-size:14px;
	line-height:.92em;
	text-transform:uppercase; 
	text-decoration:none;
	background:url(../images/link1-right.png) no-repeat right top;
	margin-left:-13px; 
	margin-top:15px;
}
.link1:hover {
	color:#000;
}
	.link1 span {
		display:inline-block;
		background:url(../images/link1-left.png) no-repeat left top;
		padding:0 21px;
	}
	.link1 span span { 
		background:url(../images/link1-bgd.png) left top repeat-x; 
		padding:8px 12px 11px 12px; 
	}
	

.line-ver { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	background-position:468px 0;
	width:100%;
}
.line-ver1 { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	background-position:296px 0;
	width:100%;
}
.line-ver2 { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	background-position:635px 0;
	width:100%;
}


/*===== header =====*/
#spl-header ul li{
	float: left;
	color:#252525;
	font-size:20px;
	}
	#spl-header ul li p{
		width:575px;
		margin:0px;
		font-size: 16px;
		}
		#spl-header p  cufon {
				padding-bottom: 5px;
			}
		.white{
		color:#FFF;
		padding-bottom:5px;
		}
		#spl-header ul li h2{
			border-bottom: none;
    		font-size: 24px;
    		line-height: 1.2em;
    		margin-bottom: 0px;
    		padding: 12px 0;	
			}

header nav {
	display: inline-block;
    float: right;
    padding: 6px 0;
    }
	header nav ul li {
		
		float:left;
		font-size:16px;
		line-height:1.2em;
		/*padding-left:15px;*/
		position:relative;
	}
		header nav ul li a {
			text-decoration:none;
			color:#fff;
			font-size: 16px;
    		font-weight: 100;
			display:block;
			background-repeat:no-repeat;
			background-position:left top;
		}
		header nav ul li.current-menu-item a,
		header nav ul li a:hover {
			color:#4bc8ff;
			
			/*background-image:url(../images/nav-act-left.png);*/
		}
		.current-menu-item {
			color:#4bc8ff;
			
		}
			header nav ul li a{
				display:block;
				padding:8px 15px;
			}
			
header nav ul li .submenu {
	width:250px;
	position:absolute;
	left:0px;
	top:33px;
	display:none;
	z-index:1000;
	background:url(../images/submenu-bg-new.png) repeat-y 10px 0px;
}
	header nav ul li .submenu .top {
		height:19px;
		/*background:url(../images/submenu-top.png) no-repeat left top;*/
		font-size:0;
		line-height:0;
		overflow:hidden;
	}
	header nav ul li .submenu .bot {
		height:19px;
		/*background:url(../images/submenu-bot.png) no-repeat left top;*/
		font-size:0;
		line-height:0;
		overflow:hidden;
	}
	header nav ul li .submenu .border-left {
		padding-left:2px;
		/*background:url(../images/border-left.png) repeat-y left top;*/
	}
	header nav ul li .submenu .border-right {
		padding-right:5px;
		/*background:url(../images/border-right.png) repeat-y right top;*/
	}
	header nav ul li .submenu .xcontent {
		/*background:url(../images/submenu-tail.gif) repeat-y left top;*/		
	}
	header nav ul li .submenu ul {
		/*background:url(../images/submenu-bg.jpg) no-repeat left top;*/
		min-height:67px;
		height:auto!important;
		height:67px;
	}
		header nav ul li .submenu ul li {
			float:none;
			padding:5px 0px 0px 8px;
		}
			header nav ul li .submenu ul li a {
				background:none;
				color:#FFF;
				display:block;
				padding:5px 20px;
			}
			header nav ul li .submenu ul li a:hover {
				background:url(../images/submenu-act.png);
				color:#4bc8ff;
			}



/*===== footer =====*/
footer{
	color:#fff;
	font-size:18px;
	overflow:hidden;
	}
	footer ul li{
		width:50%;
		float:left;
		}
footer .bodyclose{
	height:30px;
	background-color:#ffffff;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow: #169fb6 0px 1px 0px;
	-moz-box-shadow: #169fb6 0px 1px 0px; 
	box-shadow: #169fb6 0px 1px 0px;
    margin-bottom: 20px;
	}
footer .inside {
	padding:10px 8px 0 0;
}
footer a {
	text-decoration:none;
}





/*	spl features box header*/
#spl-boxes{width:98%; padding:0 1%;overflow: auto;}
#spl-boxes .spl-boxes-wrapper {width:1125px; overflow-x:auto; overflow-y:hidden; height:227px;}
	#spl-boxes .spl-boxes-wrapper > div{
		background:url(../images/slider-bg.jpg) no-repeat center top;
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		padding:15px 16px; 
		float:left;
		display:inline-block;
		width:249px;
		height:227px;
		}
			
			
/* blog css */			
#post-120 .imagefix{
	display:none;
	}	
#post-120 .title, .entry-title{
	padding-bottom:5px;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	}	
	#post-120 .title:hover{
		color:##4BC8FF;
		}
#innercontent section article{
	margin-bottom:15px;
	}		
.blu-txt{
	color:#41D2EA;
}
.blu-txt:hover{
	text-decoration:underline;
}
#secondary{
	float:left;
	width:30%;
	}
pre{
	margin:15px 0;
	}