@charset "utf-8";
/* 
Author: Amir Altaf
Website: www.teepsproduction.com 
*/

a {
	outline:none;
}

a img {
	border:0;
}

.about {
	width:645px;
	float:right;
}

.about p.special {
	padding:20px;
	background:#000 url(../images/quotes.png) 18px 18px no-repeat;
	display:block;
	font-style:italic;
	color:#fff;
	text-align:center;
}

.about p.special span{
	color:#d8db8c;
	font-weight:bold;
	}

.about h1{
	height:33px;
	display:block;
	margin:30px 520px 30px 0;
}

.about h3 {
	font-size:14px;
	color:#d8db8c;
	font-weight:normal;
	display:block;
}

.about p {
	display:block;
	line-height:19px;
}

.about p a{
	color:#fff;
	background:#000;
	padding:10px;
	*padding:10px;
	*line-height:30px;
	font-size:14px;
	text-decoration:none;
}

.about p a:hover{
	color:#fff;
	background:#1b1b1b;
	text-decoration:none;

}

#author{
	color:#de790f;
	position:absolute;
	bottom:10px;
	right:10px;
}

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	background:#262626 url(../images/body_bg.png) 0 67px no-repeat;
}

.box_container {
	margin:40px 0 0 0;
	width:984px;
	float:right;
	height:auto;
}

.box_container div.service {
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:292px;
	height:auto;
	float:left;
	background:#363636;
	padding:0 20px 20px 20px;
}

.box_container div.service h3{
	height:15px;
	width:292px;
	padding:0;
	margin:20px 0 20px 0;
}

.box_container div.service p{
	padding:0;
	margin:0 0 10px 0;
	line-height:18px;
}

.box_container div.service ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.box_container div.service ul li {
	margin:0 0 5px 0;
	padding:0 0 0 18px;
	color:#d8db8c;
	background:url(../images/bullet.jpg) 0px 4px no-repeat;
}

.box_container div.service a.rm {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	background:#de790f;
	display:block;
	height:29px;
	padding:14px 12px 0 12px;
	margin:15px 0 0 0;
	text-decoration:none;
	float:right;
	font-size:15px;
}

.box_container div.service a.rm:hover {
	color:#fff;
	background:#4a4949;
	text-decoration:none;
}


.box_container div.skill {
	width:277px;
	height:auto;
	float:left;
	background:#000;
	margin:20px 0 0 0;
	padding:18px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.box_container div.skill div.percent_bar {
	width:277px;
	height:21px;
	background:#1b1b1b;
	margin:0 0 9px 0;
}

.box_container div.skill div.percent_bar div.color{
	color:#000;
	background:#d8db8c;
	padding:4px 0 4px 6px;
	float:left;
	height:13px;
}

.box_container div.skill div.percent_bar div.black{
	color:#fff;
	background:#000;
	padding:4px 6px 4px 8px;
	float:right;
	height:13px;
}

.box_container div.skill h3 {
	height:37px;
	width:277px;
	display:block;
	margin:0px;
	padding:0px;	
}

.box_container div.skill h3 img{
	padding:0px;
}


.box_container div.testi {
	width:339px;
	height:265px;
	float:left;
	margin:20px 0 0 0;
}

.box_container div.testi a.rm {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	background:#d8db8c;
	display:block;
	height:29px;
	padding:14px 12px 0 12px;
	text-decoration:none;
	float:left;
	margin:0 0 0 20px;
	font-size:15px;
}

.box_container div.testi a.rm:hover {
	color:#fff;
	background:#4a4949;
	text-decoration:none;
}


.box_container div.testi div.testi_content {
	width:339px;
	height:202px;
	float:left;
	background:#131313;
	margin:20px 0 0 0;
}

.box_container div.testi div.testi_content h3 {
	height:55px;
	width:339px;
	display:block;
	border-bottom:1px #363636 solid;
	margin:0px;
	padding:0px;	
}

.box_container div.testi div.testi_content h3 img{
	margin:19px 0 0 18px;
	padding:0px;
}

.contact {
	width:645px;
	float:right;
}

.contact h1{
	height:33px;
	display:block;
	margin:30px 500px 30px 0;
}

.contact h3 {
	font-size:14px;
	color:#d8db8c;
	font-weight:normal;
	display:block;
}

.contact p {
	display:block;
	line-height:19px;
}

.contact p a{
	color:#de790f;
	text-decoration:none;
	padding:10px;
}

.contact p a:hover{
	background:#de790f;
	color:#000;
	text-decoration:none;
	padding:10px;
}

.contact p.special {
	display:block;
	line-height:19px;
	width:175px;
	float:left;
}

.contact div.connect {
	background:url(../images/arrow.png) top left no-repeat;
	padding:0 0 0 32px;
	float:left;
	margin:20px 0 0 0;
	width:435px;
}

.contact div.connect div.content {
	padding:10px 20px;
	background:#1b1b1b;
	width:230px;
	border-bottom:1px solid #4A4949;
	border-right:1px solid #4A4949;
}

.contact div.connect div.content ul {
	margin:0;
	padding:0;
	list-style:none;
}

.contact div.connect div.content ul li {
	margin:10px 0;
	padding:10px 0 10px 0;
}

.contact div.connect div.content ul li a {
	color:#d8db8c;
	text-decoration:none;
}

.contact div.connect div.content ul li a:hover {
	color:#d8db8c;
	text-decoration:underline;
}

.contact div.connect div.content ul li.facebook {
	background:url(../images/facebook_logo.gif) center right no-repeat;
}

.contact div.connect div.content ul li.linkedin {
	background:url(../images/linkedin_logo.gif) center right no-repeat;
}

.contact div.connect div.content ul li.gmail {
	background:url(../images/gmail_logo.gif) center right no-repeat;
}

.contact div.connect div.content ul li.logopond {
	background:url(../images/logopond_logo.gif) center right no-repeat;
}

.contact div.connect div.content ul li.customize {
	background:url(../images/customize_logo.gif) center right no-repeat;
}

.contact div.connect div.content ul li.artbistro {
	background:url(../images/artbistro_logo.gif) center right no-repeat;
}

#container {
	width:984px;
	height:auto;
	float:left;
	padding:0 10px 0 10px;
}

.current_projects {
	width:645px;
	height:362px;
	margin:40px 0 0 0;
	float:right;
}

.current_projects h2 {
	margin:0;
	padding:0;
	float:right;
	background:#1b1b1b;
	display:block;
	height:50px;
	width:263px;
	border-right:1px #4A4949 solid;
	border-top:1px #4A4949 solid;
}

.current_projects h2 img{
	margin:20px 0 0 19px;
}

.current_projects div.slider_bg {
	width:645px;
	height:266px;
	float:right;
	background:url(../images/current_bg.jpg) top right repeat-y;
}

.footer {
	height:auto;
	width:100%;
	float:left;
	height:216px;
	margin:40px 0 0 0;
}

.footer div.block1 {
	background:#000;
	margin:0 0 0 349px;
	border-bottom:1px #4a4949 solid;
	padding:18px;
	height:130px;
}

.footer div.block2 {
	background:#1b1b1b;
	margin:0 0 0 349px;
	padding:18px;
	color:#363636;
	font-size:11px;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
}

.footer div.block2 span{
	margin:0 0 0 60px;
}

.footer div.block2 span a{
	color:#363636;
	text-decoration:none;
} 

.footer div.block2 span a:hover{
	color:#363636;
	text-decoration:underline;
} 

.footer div.block1 div.content{
	display:block;
	float:left;
	width:205px;

}

.footer div.block1 div.content ul{
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	list-style:none;
	margin:0;
	padding:0;
	width:190px;
}

.footer div.block1 div.content ul li{
	margin:0 0 5px 0;
	padding:0;
}

.footer div.block1 div.content ul li a{
	text-decoration:none;
	color:#fff;
	padding:2px;
}

.footer div.block1 div.content ul li a:hover{
	text-decoration:none;
	color:#fff;
	background:#363636;
	padding:2px;
}

.footer div.block1 div.content h4.green{
	color:#d8db8c;
	height:14px;
	width:190px;
	margin:0 0 10px 0;
	font-weight:normal;	
}

.footer div.block1 div.content h4.orange{
	color:#de790f;
	height:14px;
	width:190px;
	margin:0 0 10px 0;
	font-weight:normal;
}

.footer div.block1 div.content p {
	font-size:11px;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:16px;
}

.freebies {
	width:676px;
	float:right;
}

.freebies h1{
	height:42px;
	float:left;
	display:block;
	margin:30px 300px 0px 31px;
}


.freebies div.item_left {
	width:307px;
	float:left;
	margin:31px 0 0 31px;
}

.freebies div.item_left div.item_content {
	width:287px;
	background:url(../images/portfolio_bg.png) top right repeat-y;
	height:auto;
	padding:20px 20px 20px 0;
	float:left;
}

.freebies div.item_left div.item_content img {
	float:left;
	display:block;
	margin:0;
}

.freebies div.item_left div.item_content div.image {
	position:relative;
	left:0;
	top:0;
	width:200px;
	height:133px;
	float:left;
}

.freebies div.item_left div.item_content div.image a {
	position:absolute;
	bottom:0;
	right:0;
}


.freebies div.item_left div.item_content p {
	color:#d8db8c;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	margin:0 0 5px 0;
	width:70px;
	font-weight:normal;
	line-height:17px;

}

.freebies div.item_left div.item_content p a {
	color:#d8db8c;
	text-decoration:none;
}

.freebies div.item_left div.item_content p a:hover {
	color:#d8db8c;
	text-decoration:underline;
}

.green{
	color:#d8db8c;
}

.green a{
	color:#d8db8c;
	text-decoration:none;
}

.green a:hover{
	color:#d8db8c;
	text-decoration:underline;
} 


#header {
	height:57px;
	background:#000000 url(../images/nav-shadow.jpg) bottom left repeat-x;
	width:100%;
	float:left;
}

#header img.logo {
	float:left;
	margin:9px 0 0 10px; 
}

.orange{
	color:#de790f;
}

.orange a{
	color:#de790f;
	text-decoration:none;
}

.orange a{
	color:#de790f;
	text-decoration:underline;
}

.portfolio {
	width:676px;
	float:right;
}

.portfolio h1{
	height:42px;
	float:left;
	display:block;
	margin:30px 200px 30px 31px;
}


.portfolio div.project_left {
	width:307px;
	float:left;
	margin:0 0 31px 31px;
}

.portfolio div.project_left a.anchorLink {
	background:#1b1b1b url(../images/btn_top.png) center center no-repeat;
	display:block;
	width:287px;
	height:276px;
	margin:0 0 43px 20px;
	text-decoration:none;
	text-align:center;
	font-size:30px;
	color:#000000;
}

.portfolio div.project_left div.project_content {
	width:287px;
	background:url(../images/portfolio_bg.png) top right repeat-y;
	height:auto;
	padding:20px 20px 20px 0;
	float:left;
}

.portfolio div.project_left div.project_content div.image {
	position:relative;
	float:left;
	width:287px;
	height:133px;
	margin:0 0 20px 0;
}

.portfolio div.project_left div.project_content div.image a.resize {
	position:absolute;
	bottom:0;
	right:0;
}

/*.portfolio div.project_left div.project_content img {
	float:left;
	display:block;
	margin:0 0 20px 0;
}*/

.portfolio div.project_left div.project_content h3 {
	color:#de790f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	display:block;
	float:left;
	margin:0 0 5px 40px;
	width:250px;
	font-weight:normal;
}

.portfolio div.project_left div.project_content h4 {
	color:#d8db8c;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	margin:0 0 0 40px;
	width:250px;
	font-weight:normal;
	line-height:17px;
	height:45px;
}

.portfolio div.project_left div.project_content h5 {
	color:#b5b3b4;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	margin:0 0 5px 40px;
	width:250px;
	font-weight:normal;
}

.portfolio div.project_left span.vp {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:#1b1b1b;
	display:block;
	height:29px;
	padding:14px 12px 0 12px;
	text-decoration:line-through;
	float:left;
	margin:0 0 0 20px;
	font-size:12px;
	border-left:1px #494949 solid;
}


.portfolio div.project_left a.vp {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	background:#de790f;
	display:block;
	height:29px;
	padding:14px 12px 0 12px;
	text-decoration:none;
	float:left;
	margin:0 0 0 20px;
	font-size:12px;
	border-left:1px #494949 solid;
}

.portfolio div.project_left a.vp:hover {
	background:#1b1b1b;
	text-decoration:none;
	color:#fff;
}

.portfolio_inner {
	width:645px;
	float:right;
}

.portfolio_inner h2{
	height:22px;
	float:left;
	color:#d8db8c;
	font-weight:normal;
	font-size:18px;
	display:block;
	width:100%;
	margin:30px 0 30px 0;
}

.portfolio_inner h4{
	float:left;
	color:#de790f;
	font-weight:normal;
	font-size:14px;
	display:block;
	width:100%;
	margin:0;
}

.portfolio_inner p {
	display:block;
	line-height:19px;
	float:left;
	width:100%;
}

.portfolio_inner div.shot {
	position:relative;
	margin:30px 0 0 0;
	background:#000;
	padding:20px;
	width:467px;
	height:325px;
	float:left;
	border-left:1px #4a4949 solid;
	border-top:1px #4a4949 solid;
}

.portfolio_inner div.shot_static {
	margin:30px 0 0 0;
	background:#000;
	padding:20px;
	width:auto;
	height:auto;
	float:left;
	border-left:1px #4a4949 solid;
	border-top:1px #4a4949 solid;

}

.portfolio_inner a.back {
	height:29px;
	padding:14px 12px 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	background:#d8db8c;
	display:block;
	float:right;
	text-decoration:none;
	margin:30px 0 0 0;
}

.portfolio_inner a.back:hover {
	color:#d8db8c;
	text-decoration:none;
	background:#000;
}


.portfolio_inner div.shot a.resize {
	position:absolute;
	right:20px;
	bottom:20px;
}

#quotes {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	width:309px;
	height:118px;
	margin:50px auto 0 auto;
	position:relative;
	margin:22px 0 0 20px;
	line-height:18px;
}

ul.nav {
	width:391px;
	margin:4px 0 4px 460px;
	height:39px;
	float:left;
	display:block;
	list-style:none;
	padding:0;
}


.testimonials {
	width:645px;
	float:right;
}

.testimonials h1{
	height:33px;
	display:block;
	margin:30px 400px 30px 0;
}

.testimonials h4 {
	font-size:12px;
	color:#d8db8c;
	font-weight:bold;
	display:block;
	margin:10px 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:#DE790F dashed 1px;
}

.testimonials p {
	display:block;
	line-height:19px;
	margin:15px 0 0 0;
}

.testimonials p a{
	color:#d8db8c;
	background:#000;
	padding:5px;
	font-size:11px;
	text-decoration:none;
}

.testimonials p a:hover{
	color:#d8db8c;
	background:#1b1b1b;
	text-decoration:none;

}

ul.nav li {
	display:block;
	margin:0;
	border-right:1px #181818 solid;
	height:39px;
	float:left;
}

ul.nav li a {
	display:block;
	padding:12px 28px 16px 28px;
	height:11px;
	text-decoration:none;
	color:#fff;
}

ul.nav li a:hover {
	text-decoration:none;
	color:#000;
	background:#d8db8c;
}


.welcome {
	width:749px;
	height:284px;
	float:right;
	margin:40px 0 0 0;
	background:url(../images/welcome_bg.png) 5px 187px no-repeat;
}

.welcome div.content {
	width:600px;
	height:190px;
	padding:20px;
	border-top:1px #4a4949 solid;
	border-right:1px #4a4949 solid;
	float:right;
	background:#1b1b1b;
}

.welcome a.facebook {
	display:block;
	text-decoration:none;
	width:33px;
	height:43px;
	margin:0 16px 0 155px;
	float:left;
	background:#284080;
}

.welcome a.facebook:hover {
	background:#4a4949;
}

.welcome a.facebook img{
	margin:11px 0 0 11px;
}

.welcome a.linkedin {
	display:block;
	text-decoration:none;
	width:43px;
	height:43px;
	margin:0;
	float:left;
	background:#00629b;
}

.welcome a.linkedin:hover {
	background:#4a4949;
}

.welcome a.linkedin img {
	margin:12px 0 0 12px;
}

.welcome a.git {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	background:#d8db8c;
	display:block;
	height:29px;
	padding:14px 12px 0 12px;
	text-decoration:none;
	float:right;
	margin:0 20px 0 0;
	font-size:15px;
}

.welcome a.git:hover {
	color:#fff;
	background:#4a4949;
	text-decoration:none;
}

.welcome p {
	display:block;
	margin:0 0 15px 0;
	padding:0;
	line-height:18px;
}