/*
Theme Name: Sipher Creative
Theme URI: http://www.siphercreative.com
Description: The default WordPress theme for Sipher Creative
Version: 1.0
Author: Lalith Muthali	
Author URI: http://www.siphercreative.com
Tags:
*/

body, div, p, img, a, ul, ol, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
	font-weight: normal;
}
body {
	background: url(images/body-bg.jpg) repeat top center;
	font-family: "Trebuchet MS";
	color: #808285;
}
a {
	color: #808285;
}
a:hover {
	color: #f7941e;
}
#page {
	clear: both;
	width: 960px;
	margin: 0 auto 0 auto;
}
/* main container start */
.container-10-top {
	clear: both;
	float: left;
	background: url(images/container-10-top.png) no-repeat;
	width: 960px;
	height: 10px;
	margin: 10px 0 0 0;
}
.container-10-bottom {
	clear: both;
	float: left;
	background: url(images/container-10-bottom.png) no-repeat;
	width: 960px;
	height: 10px;
}
.container-10-bottom-end {
	clear: both;
	float: left;
	background: url(images/container-10-bottom.png) no-repeat;
	width: 960px;
	height: 10px;
	margin: 0 0 10px 0;
}
.container-5-top {
	clear: both;
	float: left;
	background: url(images/container-5-top.png) no-repeat;
	width: 960px;
	height: 5px;
	margin: 10px 0 0 0;
}
.container-5-bottom {
	clear: both;
	float: left;
	background: url(images/container-5-bottom.png) no-repeat;
	width: 960px;
	height: 5px;
}
.container-middle {
	clear: both;
	float: left;
	background: url(images/container-middle.png) repeat-y;
	width: 916px;
	padding: 0 22px 0 22px;
	display: inline;
}
.container-left-5-top {
	clear: both;
	float: left;
	background: url(images/container-left-5-top.png) no-repeat;
	width: 320px;
	height: 5px;
}
.container-left-5-bottom {
	clear: both;
	float: left;
	background: url(images/container-left-5-bottom.png) no-repeat;
	width: 320px;
	height: 5px;
}
.container-left-middle {
	clear: both;
	float: left;
	background: url(images/container-left-middle.png) repeat-y;
	width: 276px;
	padding: 0 22px 0 22px;
}
.container-right-5-top {
	clear: both;
	float: left;
	background: url(images/container-right-5-top.png) no-repeat;
	width: 630px;
	height: 5px;
}
.container-right-5-bottom {
	clear: both;
	float: left;
	background: url(images/container-right-5-bottom.png) no-repeat;
	width: 630px;
	height: 5px;
}
.container-right-middle {
	clear: both;
	float: left;
	background: url(images/container-right-middle.png) repeat-y;
	width: 586px;
	padding: 0 22px 0 22px;
}
/* main container start */
/* sub container start */
.sub-container-10-top {
	clear: both;
	float: left;
	background: url(images/sub-container-10-top.png) no-repeat;
	width: 960px;
	height: 10px;
	margin: 10px 0 0 0;
}
.sub-container-10-bottom {
	clear: both;
	float: left;
	background: url(images/sub-container-10-bottom.png) no-repeat;
	width: 960px;
	height: 10px;
}
.sub-container-10-bottom-end {
	clear: both;
	float: left;
	background: url(images/sub-container-10-bottom.png) no-repeat;
	width: 960px;
	height: 10px;
	margin: 0 0 10px 0;
}
.sub-container-5-top {
	clear: both;
	float: left;
	background: url(images/sub-container-5-top.png) no-repeat;
	width: 960px;
	height: 5px;
	margin: 10px 0 0 0;
}
.sub-container-5-bottom {
	clear: both;
	float: left;
	background: url(images/sub-container-5-bottom.png) no-repeat;
	width: 960px;
	height: 5px;
}
.sub-container-middle {
	clear: both;
	float: left;
	background: url(images/sub-container-middle.png) repeat-y;
	width: 916px;
	padding: 0 22px 0 22px;
}
.sub-container-left-5-top {
	clear: both;
	float: left;
	background: url(images/sub-container-left-5-top.png) no-repeat;
	width: 320px;
	height: 5px;
}
.sub-container-left-5-bottom {
	clear: both;
	float: left;
	background: url(images/sub-container-left-5-bottom.png) no-repeat;
	width: 320px;
	height: 5px;
}
.sub-container-left-middle {
	clear: both;
	float: left;
	background: url(images/sub-container-left-middle.png) repeat-y;
	width: 276px;
	padding: 0 22px 0 22px;
}
.sub-container-right-5-top {
	clear: both;
	float: left;
	background: url(images/sub-container-right-5-top.png) no-repeat;
	width: 630px;
	height: 5px;
}
.sub-container-right-5-bottom {
	clear: both;
	float: left;
	background: url(images/sub-container-right-5-bottom.png) no-repeat;
	width: 630px;
	height: 5px;
}
.sub-container-right-5-bottom-space {
	clear: both;
	float: left;
	background: url(images/sub-container-right-5-bottom.png) no-repeat;
	width: 630px;
	height: 5px;
	margin: 0 0 10px 0;
}
.sub-container-right-middle {
	clear: both;
	float: left;
	background: url(images/sub-container-right-middle.png) repeat-y;
	width: 586px;
	padding: 0 22px 0 22px;
}
	.sub-container-right-middle h1 {
		font-size: 1em;
		font-weight: bold;	
	}
	.sub-container-right-middle p {
		margin: 6px 0 6px 0;
	}
/* sub container end */
/* main menu - start */
#menu-logo {
	float: left;
	width: 298px;
	height: 51px;
	margin: 0 0 0 0;
}
#menu-our-work {
	float: left;
	width: 82px;
	margin: 14px 0 0 274px;
}
#menu-our-services {
	float: left;
	width: 105px;
	margin: 14px 0 0 30px;
}
#menu-our-process {
	float: left;
	width: 102px;
	margin: 14px 0 0 30px;
}
#menu-contact-us {
	float: left;
	width: 97px;
	margin: 14px 0 0 30px;
}
#menu-our-work h3, #menu-our-services h3, #menu-our-process h3, #menu-contact-us h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
/* main menu - end */
/* sub menu - start */
#sub-menu-web-design {
	float: left;
	width: 79px;
	margin: 0 46px 0 0;
	text-align: left;
}
#sub-menu-e-mail-design {
	float: left;
	width: 97px;
	margin: 0 49px 0 0;
	text-align: center;
}
#sub-menu-print-design {
	float: left;
	width: 92px;
	margin: 0 49px 0 0;
	text-align: center;
}
#sub-menu-logotype {
	float: left;
	width: 71px;
	margin: 0 49px 0 0;
	text-align: center;
}
#sub-menu-illustration {
	float: left;
	width: 94px;
	margin: 0 49px 0 0;
	text-align: center;
}
#sub-menu-animation {
	float: left;
	width: 73px;
	margin: 0 49px 0 0;
	text-align: center;
}
#sub-menu-photo-retouching {
	float: left;
	width: 115px;
	text-align: right;
}
#sub-menu-web-design h3, #sub-menu-e-mail-design h3, #sub-menu-print-design h3, #sub-menu-logotype h3, #sub-menu-illustration h3, #sub-menu-animation h3, #sub-menu-photo-retouching h3 {
	color: #dcddde;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
#sub-menu-web-design h3 a, #sub-menu-e-mail-design h3 a, #sub-menu-print-design h3 a, #sub-menu-logotype h3 a, #sub-menu-illustration h3 a, #sub-menu-animation h3 a, #sub-menu-photo-retouching h3 a {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
/* sub menu - end */
/* fp - start */
.container-middle-c3 {
	clear: both;
	float: left;
	background: url(images/container-middle-c3.jpg) repeat-y;
	width: 916px;
	padding: 0 22px 0 22px;
	display: inline;
}
.sub-container-middle-c3 {
	clear: both;
	float: left;
	background: url(images/sub-container-middle-c3.png) repeat-y;
	width: 916px;
	padding: 0 22px 0 22px;
	display: inline;
}
#c3-left {
	float: left;
	width: 278px;
}
#c3-middle {
	float: left;
	width: 278px;
	margin: 0 41px 0 41px;
}
#c3-right {
	float: left;
	width: 278px;
}
.c3-title {
	background: url(images/c3-title-icon.png) bottom left no-repeat;
	width: 249px;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 0 0 0 29px;
}
	.c3-title h3 {
		color: #6d6e71;
		font-size: 0.95em;
		font-weight: bold;
		text-transform: uppercase;
	}
.c3-content {
	width: 278px;
	margin: 10px 0 10px 0;
	font-size: 0.8em;
	line-height: 2em;
	word-spacing: 1px;
}
.c3-read-more {
	background: url(images/arrow-orange.png) left bottom no-repeat;
	width: 260px;
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	font-size: 0.8em;
}
#slideshow {
	width: 912px;
	height: 250px;
	margin: 10px 0 10px 0;
}
	#slideshow img {
		border: 2px solid #ffffff;
	}
.text-j {
	text-align: justify;
}
h2.first {
	width: 916px;
	color: #6d6e71;
	font-size: 1.8em;
	font-weight: bold;
	word-spacing: 6px;
	text-transform: uppercase;
	text-align: center;
}
h2.second {
	text-align: justify;
	width: 916px;
	color: #f7941e;
	font-size: 2.3em;
	font-weight: bold;
	word-spacing: 5px;
	text-transform: uppercase;
	text-align: center;
}
/* fp - end */
/* content - start */
.sub-container-right-middle p {
	font-size: 0.8em;
	line-height: 2em;
	word-spacing: 1px;
}
span.orange {
	color: #f7941e;
}
.content-container {
	clear: both;
	float: left;
	width: 960px;
	margin: 10px 0 0 0;
}
	.content-container-left {
		clear: left;
		float: left;
		width: 320px;
		font-size: 0.8em;
	}
		.content-container-left ul li {
			width: 277px;
			padding: 5px 0 5px 0;
			border-bottom: 2px #dcddde solid;
		}
		.content-container-left ul li.last {
			padding: 5px 0 5px 0;
			border-bottom: 0 #fff solid;
		}
		.content-container-left ul li.middle {
		}
	.content-container-right {
		clear: right;
		float: left;
		width: 630px;
		margin: 0 0 0 10px;
	}
		.gallery-image {
			width: 582px;
			height: 150px;
			margin: 17px 0 17px 0;
			border: 2px solid #ffffff;
		}
/* content - end */

/* general - start*/
.container-middle h3.page-title, .sub-container-middle h3.page-title {
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
}
.container-middle h2.page-title, .sub-container-middle h2.page-title, .container-middle h2.page-title a, .sub-container-middle h2.page-title a {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
.sub-container-middle .image-solo {
	margin: 12px 0 12px 0;
}
.footer-copyright {
	float: left;
	text-align: left;
	font-size: 0.7em;
	font-weight: normal;
}
.footer-links {
	float: right;
	text-align: right;
	font-size: 0.7em;
	font-weight: normal;
}
/* general - end */

/* contact form - start */
.contactform {
	margin: 12px 0 12px 0;
}
form#wpcf {
	
}
.contactform strong {
	color: #f7941e;
	margin: 0 0 10px 0;
}
#wpcf_your_name, #wpcf_email, #wpcf_website {
	background: url(images/transparent.png) repeat;
	width: 286px;
	margin: 0 0 10px 0;
	padding: 5px;
	border: 2px #dcddde solid;
	color: #808285;
}
#wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus, form#wpcf textarea:focus, #contactsubmit:focus {
	border: 2px #f7941e solid;
}
form#wpcf textarea {
	background: url(images/transparent.png) repeat;
	width: 572px;
	height: 150px;
	margin: 0 0 10px 0;
	padding: 5px;
	border: 2px #dcddde solid;
	color: #808285;
}
input#contactsubmit {
	background: url(images/transparent.png) repeat;
	margin: 0;
	padding: 5px;
	border: 2px #dcddde solid;
	color: #808285;
	font-weight: bold;
}
input#contactsubmit:hover {
	color: #f7941e;
}
/* contact form - end */