@charset "utf-8";
/* CSS Document  by  SoulDeep Designs*/
/* author: Ilona Filipenkova*/

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


* {
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	font: 75% "Trebuchet MS", "Myriad Pro", verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #7c7c7c;
	background:url(../images/bg.gif) top repeat-x #000;
}
a {
	text-decoration: none;
	color:#d52300;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
a.hidden { /* ikonka u textoveho odkazu, jez nema byt viden) */
	visibility:hidden;
}
p {
	margin-top:10px;
}
img {
	padding:0px;
	margin:0px;
}
h1 {
	color:#d52300;
	font-size:130%;
}

h2 {
	color:#d52300;
	font-size:120%;
	
}
h3 {
	color:#d52300;
	font-size:140%;
	font-weight:bolder;
	padding:5px 10px 15px 0px;
}
h4 {
	color:#666666;
	font-size: 110%;
}
h5 {
	visibility: hidden;
	margin-bottom: 16px;
	font-size: 1.9em;
	line-height: 1.1em;
}
.cleaner {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}
.view-more a {
	color: #7c7c7c;
	font-weight:normal;
	text-decoration:underline;
}
.view-more a:hover {
	color:#d52300;
	text-decoration:underline;
}
a.view-more  {
	color:#333;
	font-weight:normal;
	text-decoration:none;
}
a.view-more:hover {
	color:#d52300;
	text-decoration:underline;
}

a.view-more2  {
	color: #7c7c7c;
	font-weight:normal;
	text-decoration:underline;
}
a.view-more2:hover {
	color:#d52300;
	text-decoration:underline;
}

.right-align {
	text-align:right;
}
.headline {
	font-size:250%;
	font-family: Verdana;
	color:#AE1F00;
}
.sIFR-active .headline {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	color:#d52300;
}

.fright{
	float:right;
}
/*	---------------------------------------------------------------------------------------
	General layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#fullbox {
	width: 100%;
	height: 100%;
	text-align: center;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}
/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#header {
	height:92px;
	width: 100%;
}
#header #logo {
	width:215px;
	height:44px;
	display:block;
	position:relative;
	top:35px;
	left:30px;
	text-indent:-9000px;
	background:url(../images/souldeepdesigns_logo.jpg) no-repeat;
}

#nav {
	float: right;
	margin-top: 0px;
	padding:0px;
	height:34px;
	voice-family : "\"}\"";
	voice-family : inherit;
}
#nav li {
	position: relative;
	float: left;
	display: block;
	list-style: none;
	margin: 0;
	padding:0px;
	margin-left:2px;
}
#nav li a {
	height:34px;
	padding: 8px 30px;
	color:#E9C593;
	display: block;
}
#nav li a:hover {
	text-decoration:none;
}
#nav li.current a, #nav li a:hover {
	background:url(../images/nav-corners.gif) no-repeat;
	color:#fff;
}
#nav li.current a span, #nav li a:hover span {
	display:inline;
	position:absolute;
	right:0px;
	top:0px;
}
#nav li a span {
	display:none;
}
#nav li:hover, #nav li.current {
	background:url(../images/nav-body.gif) left top repeat-x;
}
#flash-window {
	width:100%;
	height:343px;
	background: url(../images/header_img.jpg) #454545 right no-repeat;
	text-align:left;
}
#header-text {
	position:relative;
	top:240px;
	left:405px;
	color:#999999;
	font-size:100%;
	font-weight: lighter;
	width: 400px;
}
/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#content {
	background: url(../images/body.gif) repeat-y #f8f7e6;
	margin:0px;
	padding:0px;
}
#about-me, #col1 {
	position:relative;
	float:left;
	width:235px;
	padding: 15px 15px 0px 35px;
	text-align:justify;
}
#my-expertise, #col2 {
	position:relative;
	float:left;
	width:300px;
	padding: 15px 15px 0px 20px;
	text-align:justify;
}
#expertise {
	border:1px #ded0b2 solid;
	list-style-type: none;
	background-color:#fff;
	padding:0px 15px 0 15px;
	position:relative;
	margin-top: 20px;
}
#expertise li {
	padding:15px 0px 0px 25px;
	list-style-type: none;
}
#expertise li#flash {
	background:url(../images/flash.gif) left 15px no-repeat;
}
#expertise li#graphic {
	background:url(../images/graphic.gif) left 15px no-repeat;
}
#expertise li#web {
	background:url(../images/web.gif) left 15px no-repeat;
}
.clients {
	border:1px #ded0b2 solid;
	padding: 5px;
	background-color:#FFFFFF;
	margin:15px 5px 5px 0px;
}

#recent-work, #col3 {
	position:relative;
	float:left;
	width:330px;
	padding: 15px 15px 0px 20px;
	text-align:left;
}
.project {
	float:left;
	margin:0px 0px 10px 0px;
}
.project img {
	border:1px #ded0b2 solid;
	padding: 9px;
	background-color:#FFFFFF;
}
img.me {
	border:1px #ded0b2 solid;
	padding: 4px;
	background-color:#FFFFFF;
	margin:10px 10px 0px 0;
	float:left;
}
.pic {
	float:left;
	width:315px;
}

.pic-blog{
	float:left;
	width:225px;
}
.showcase {
	position:relative;
	float:left;
	width:630px;
	padding: 20px 0px 0px 33px;
	text-align:justify;
}
.project img {
	border:1px #ded0b2 solid;
	padding: 9px;
	background-color:#FFFFFF;
}
.showcase img#gr {
	padding-bottom:10px;
	float:left;
}
.description {
	position:relative;
	float:left;
	width:230px;
	padding: 0px 30px 10px 0px;
	text-align:justify;
}
.description p {
	margin:0px;
}

.project-detail p.fullwidth {
	margin:0 10px;
}

.project-detail {
	float:left;
	width: 580px;
	padding: 15px 10px 10px 15px;
	margin:10px 0px 10px 0px;
	background-color:#fff;
	border:1px #ded0b2 solid;
}
.showcase .pic {
	margin: 0px;
}
.showcase .pic img {
	border:1px #ded0b2 solid;
	padding: 9px;
}

ul.services {
	padding:0 0 0 5px;
	margin:0px;
	text-align:left;
}
ul.services li {
	padding:0;
	margin:0;
	margin:-10px 0;
	list-style-type: none;
	background:url(../images/tick-grey.gif) left 15px no-repeat;
}
.involvement {
	padding:0 0 0 25px;
	text-align: left;
}
.involvement li {
	padding:5px 0px 0px 20px;
	list-style-type: none;
	background:url(../images/tick-grey.gif) left 8px no-repeat;
}
.involvement li a {
	color:#7c7c7c;
	font-weight:normal;
	text-decoration:underline;
}
.involvement li a:hover {
	text-decoration:none;
}
.client-quotes {
	float:left;
	padding: 15px;
	margin:5px 0px 10px 0px;
	background-color:#fff;
	border:1px #ded0b2 solid;
}

.quote {
	font-style:italic;
}

.contact-num{
	float:left;
	
	padding: 20px 0px 0px 33px;
	text-align:left;
		position:relative;

	width:300px;

}

/*	---------------------------------------------------------------------------------------
	Contact page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.contact {
	position:relative;
	float:left;
	width:600px;
	padding: 10px 10px 0px 10px;
	text-align:justify;
	margin-top: 10px;
	color:#d52300;
	font-weight:bold;
	border:1px solid #ded0b2;
	background-color:#FFFFFF;
}
.space {
	height:10px;
	clear:both;
}
.cont-left {
	width:248px;
	float:left;
	margin-top:6px;
}
.cont-right {
	width:330px;
	float:left;
	display:inline;
	margin-top:6px;
	margin-left:6px;
}
.input {
	border:1px solid #ded0b2;
	height:18px;
	width:220px;
	padding:2px 1px 0 2px;
	background-color:#f8f7e6;
}
.input-small {
	border:1px solid #ded0b2;
	height:18px;
	width:110px;
	padding:2px 1px 0 2px;
	background-color:#fff;
}
.input:hover, .input:focus, .input-small:hover, .input-small:focus {
	border:1px solid #AEA373;
}
.select {
	border:1px solid #ded0b2;
	height:20px;
	width:220px;
	padding:0px 1px 0 0px;
	background-color:#f8f7e6;
}
.select:hover {
	border:1px solid #AEA373;
}
.select:focus {
	border:1px solid #AEA373;
}
.text-area {
	border:1px solid #ded0b2;
	height:80px;
	width:210px;
	padding:2px 1px 0 2px;
	background-color:#f8f7e6;
}
.text-area-small {
	border:1px solid #ded0b2;
	height:40px;
	width:270px;
	padding:2px 1px 0 2px;
	background-color:#fff;
	margin-bottom:8px;
}
.text-area:hover, .text-area:focus, .text-area-small:focus, .text-area-small:hover {
	border:1px solid #AEA373;
}
.submit {
	width:323px;
	height:31px;
	text-indent:-9000px;
	background:url(../images/submit.gif) 0 0 no-repeat;
	display:block;
	margin:15px auto;
	border:none;/*	cursor:hand !important;*/
}
.send {
	width:79px;
	height:22px;
	text-indent:-9000px;
	background:url(../images/send.gif) 0 0 no-repeat;
	display:block;
	margin:0px 0;
	border:none;/*	cursor:hand !important;*/
}
.contact-us {
	border-width:1px 0 0 1px;
	border-color:#D1C99E;
	border-style:solid;
	width:500px;
	margin:10px 0;
	background:#fff;
}
.contact-us .cells {
	border-width:0 1px 1px 0;
	border-color:#D1C99E;
	border-style:solid;
	width:215px;
	float:left;
	padding:16px 16px 16px 18px;
}
#thank-you {
	margin-top:20px;
	width:500px;
}
#clients, #add-content {
	margin:0px 0 0px 0;
	padding:0px;
	text-align:left;
	background: url(../images/body.gif) repeat-y #f8f7e6;
	
}

.wrap {
	padding: 15px 0px 0px 35px;
}

img.client-logo {
	border-width:1px;
	border-color:#D1C99E;
	border-style:solid;
	margin-right:20px;
}

.colinner {
	float:left;
	width:50%;
	margin-bottom:8px;
}
/*	---------------------------------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer {
	margin: 10px 15px;
	text-align:left;
	color: #9b8362;
}
#left a {
	color: #9b8362;
	font-weight:normal;
	text-decoration:none;
}
#left a:hover {
	text-decoration:underline;
}
#left {
	float:left;
	padding-bottom:5px;
}
#right {
	float:right;
	text-align:right;
	padding-bottom:5px;
}