@charset "UTF-8";


/* CSS Document */

/*-------------------body-------------------*/
.background {
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-position-x:50%;
	background-position-y:0%;
	width:100%;
	height:100%;
	background-image:url('');
}
#wrapper {
	height:1000px;
	width:1000px;
	background-image:url('http://svyet.net/images/tony/bg.png');
	margin:0px auto 0px auto;
}

body {
	background-image:url('http://www.clker.com/cliparts/6/5/5/4/12305709651071625209rg1024_brick_tile.svg.med.png');
	height:100%;
	font-family:'Helvetica LT Std Light', Calibri, Arial, sans-serif;
	margin:0px;
	padding:0px;
}

/*----------- header --------------*/
#dates {
	float: right;
	height: 25px;
	line-height: 25px;
	right: 10px;
	font-size: 16px;
	color: #efefef;
	top: 5px;
	position: relative;
}
#icons {
	float: right;
	height: 30px;
	line-height: 30px;
	right: -140px;
	font-size: 13px;
	top: 33px;
	position: relative; 
}
#header {
	width:995px;
	height:200px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-color:#000000;
}

 #header a.promo {
	float: right;
	height: 30px;
	line-height: 30px;
	right: -225px;
	font-size: 13px;
	top: 80px;
	position: relative; 
}

/*-----------left navigation ------------*/

#left_nav {
	float:left;
	padding-left:10px;
	width:150px;
	height:auto;
	margin-bottom:50px;
}

#left_nav ul {
	margin-left:-25px;
}

#left_nav li {
	line-height:20px;
}

#left_nav a {
	text-decoration:none;
}
	/*----home-----*/
.home h3 {
	font-family:Helvetica, Calibri, Arial, sans-serif;
	font-size:14px;
	color:#00A6C9;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}

.home h3.selected {
	background-color:#00A6C9;
	display:block;
	color:#FFFFFF;
	padding:3px;
}
	/*---studio---*/
.studio h3 {
	font-family:Helvetica, Calibri, Arial, sans-serif;
	font-size:14px;
	color:#00CC00;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}

.studio h3.selected {
	background-color:#00CC00;
	display:block;
	color:#FFFFFF;
	padding:3px;
}

.studio li {
	list-style-image:url(../images/studio_bullet.gif);
	list-style-position:inside;
	font-size:14px;
	color:#00CC00;
}

.studio a {
	color:#00CC00;
}
.studio a:hover {
	color:#fff;
	background-color:#00CC00;
}
		/*---services---*/
.services h3 {
	font-family:Helvetica, Calibri, Arial, sans-serif;
	font-size:14px;
	color:#870000;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}

.services h3.selected {
	background-color:#870000;
	display:block;
	color:#FFFFFF;
	padding:3px;
}

.services li, a {
	list-style-image:url(../images/services_bullet.gif);
	list-style-position:inside;
	font-size:16px;
	color:#870000;
}
.services a:hover {
	color:#fff;
	background-color:#870000;
}
	/*----potfolio----*/
.portfolio h3 {
	font-family:Calibri, 'Trebuchet MS', Arial, sans-serif;
	font-size:14px;
	color:#A06200;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}
.portfolio h3.selected {
	background-color:#A06200;
	display:block;
	color:#FFFFFF;
	padding:3px;
}
.portfolio li, a {
	list-style-image:url(../images/portfolio_bullet.gif);
	list-style-position:inside;
	font-size:14px;
	color:#A06200;
}
.portfolio a:hover {
	color:#fff;
	background-color:#A06200;
}
	/*----case studies----*/
.casestudies h3 {
	font-family:Calibri, 'Trebuchet MS', Arial, sans-serif;
	font-size:14px;
	color:#D90038;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}

.casestudies h3.selected {
	background-color:#D90038;
	display:block;
	color:#FFFFFF;
	padding:3px;
}
	/*----blog---*/
#blog a, h3 {
	font-family:Calibri, 'Trebuchet MS', Arial, sans-serif;
	font-size:14px;
	color:#D95200;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}

.blog h3.selected {
	background-color:#D95200;
	display:block;
	color:#FFFFFF;
	padding:3px;
}
	/*---contact us---*/
#contactus a, h3 {
	font-family:Calibri, 'Trebuchet MS', Arial, sans-serif;
	font-size:14px;
	color:#000000;
	margin-bottom:-10px;
	display:block;
	padding:3px;
}



.contactus h3.selected {
	background-color:#000000;
	display:block;
	color:#FFFFFF;
	padding:3px;
}

/*---------------content area ------------*/

#content {
	float:left;
	display:inline-block;
	width:770px;
	margin-left:30px;
	padding-left:10px;
	background-color:#FFFFFF;
	min-height:475px;
	padding-right:20px;
	border:thin solid #D6D6D6;
}

#content p {
	font-size:14px;
	color:#666666;
	font-family:Calibri, "Trebuchet MS", Arial, sans-serif;
}

#content a {
	color:#00A6C9;
	font-size:14px;
}

#content a:hover {
	text-decoration:none;
	color:#00CC00;
}

#content h2.studio {
	color:#00CC00;
}

#content h2.home {
	color:#00A6C9;
}

#content h2.services {
	color:#870000;
}

#content h2.portfolio {
	color:#A06200;
}

#content h2.casestudies {
	color:#D90038;
}

#content h2.blog {
	color:#D95200;
}

#content h2.contactus {
	color:#000000;
}

#content .header {
	display:block;
	width:600px;
	height:250px;
}

#content .recent_projects {
	display:block;
	float:right;
	margin-right:10px;
	width:200px;
	background-color:#FFFFFF;
	margin-top:20px;
	border:thin solid #00A6C9;
}

#content .recent_projects h1 {
	display:block;
	background-color:#00A6C9;
	text-transform:uppercase;
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	letter-spacing:3px;
	margin-top:0px;
	padding:8px;
}

#content .recent_projects ul {
	margin-left:0px;
}

#content .recent_projects li {
	background-image:url(../images/recentproject_bkgrd.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:repeat;
	background-repeat:repeat-y;
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	line-height:25px;
	margin-left:-40px;
	text-indent:20px;
	font-size:12px;
	margin-bottom:5px;
	border-top:thin solid #CCCCCC;
	border-bottom:thin solid #CCCCCC;
}

/*----------------footer-----------------*/

#footer {
	height:50px;
	width:1000px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:20px;
	margin-top:15px;
}

#footer p {
	color:#FFFFFF;
	font-family:Calibri, 'Trebuchet MS', Arial, sans-serif;
	font-size:18x;
	text-decoration:none;
}

#footer a {
	color:#FFFFFF;
	font-size:18px;
}

#footer a:hover {
	color:#0099CC;
}