@charset "utf-8";
/* CSS Document */
@import "portfolio.css";
@import "sliders-ie.css";
@import "lightbox.css";
* {
	margin:0;
	padding:0
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	background:url(http://www.salmantanvir.com/blog/wp-content/themes/st/images/themebg.jpg) no-repeat fixed center top;
	overflow-x:hidden;
}
a, a:visited {
	color:#707070;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#47b8ff;
	text-decoration: none;
}
#wrap {
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	width:940px;
	float:left;
	border-bottom:1px solid #eeeeee;
	padding-bottom:30px;
}
#logo {
	width:263px;
	height:51px;
	float:left;
	margin-top:30px;
}
#logo h1 {
	display:block;
}
#logo h1 a {
	display:block;
	width:263px;
	height:51px;
	text-indent:265px;
	overflow:hidden;
	white-space:nowrap;
	background-image:url(../images/salmantanvir-webdesigner-logo.gif);
	background-repeat:no-repeat;
	margin:0px;
}
#nav {
	width:398px;
	float:right;
	margin-top:48px;
	font-size:14px;
	text-align:right;/*border:1px solid #000000;*/
}
#nav ul {
	list-style:none;
	white-space:nowrap;
	display:inline;
	margin-right:-38px;/*	margin:0;
	padding:0;*/
}
#nav li {
	list-style:none;
	display: inline;
	padding-right:38px;
}/**/
/*#nav li a, #nav li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	padding-left:38px;
}*/
#content {
	width:940px;
	float:left;
}
#visual {
	width:446px;
	height:400px;
}
#workvisual {
	width:446px;
	height:400px;
	background-image: url(../images/salmantanvir-webdesign-portfolio.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	float: right;
}
#contactvisual {
	width:446px;
	height:400px;
	background-image: url(../images/salmantanvir-webdesign-contact.jpg);
	background-repeat:no-repeat;
	float: right;
	background-position:top right;
}
#maintxt {
	float:left;
	height:355px;
	padding-left:40px;
	padding-top:45px;
	width:450px;
	background-image: url(../images/salmantanvir-webdesign-homepage.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:446px;
}
#subtxt {
	float:left;
	padding-left:40px;
	padding-top:45px;
	width:500px;
	background-image: url(../images/salmantanvir-webdesign-homepage.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:446px;
	height:355px;
}
#subtxt p {
	width:450px;
	margin-top:26px;
	margin-bottom:26px;
	line-height:22px;
	font-size:11px;
	text-align:justify;
	clear:both;
}
#subtxt ul {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:560px;
}
#subtxt ul li {
	background-image:url(../images/launch.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-left:21px;
	padding-top:2px;
	width:240px;
	font-size:11px;
}
#subtxt h2.work {
	display:block;
	background-image: url(../images/portfolio-heading.jpg);
	overflow:hidden;
	width:192px;
	height:73px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:355px;
}
#subtxt h2.services {
	display:block;
	background-image:url(../images/services-heading.jpg);
	overflow:hidden;
	width:242px;
	height:73px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:355px;
}
#subtxt h2.contact {
	display:block;
	background-image: url(../images/contact-heading.jpg);
	overflow:hidden;
	width:154px;
	height:69px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:355px;
}
#maintxt h2 {
	display:block;
	background-image:url(../images/webdesign-homepage-heading.jpg);
	overflow:hidden;
	width:352px;
	height:75px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:355px;
}
#maintxt p {
	margin-bottom:20px;
	margin-top:20px;
	line-height:20px;
	font-size:11px;
}
a.bluebtn {
	color:#FFFFFF;
	background-image: url(../images/blue.gif);
	font-size:12px;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	float:right;
	margin-right:10px;
	width:auto;
}
a.bluebtn:hover {
	background-color:#FF00FF;
	background-image:none;
}
a.bluebtn:visited {
	font-size:12px;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	float:right;
	margin-right:10px;
	color:#ffffff;
	width:auto;
}
#homepagelinks {
	width:940px;
	height:80px;
	float:left;
	clear:both;
	border-top:1px solid #eeeeee;
	z-index:3555;
	overflow: hidden;
}
#homepagelinks a {
	display:block;
}
#recentblogposts {
	background-image:url(../images/vi-1.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#recentblogposts:hover {
	background-image:url(../images/vi-1.gif);
	background-repeat:no-repeat;
	background-position:0px -80px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#recentwork {
	background-image:url(../images/vi-2.gif);
	background-repeat:no-repeat;
	background-position:-20px 0px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#recentwork:hover {
	background-image:url(../images/vi-2.gif);
	background-repeat:no-repeat;
	background-position:-20px -80px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#reviews {
	background-image:url(../images/vi-3.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#reviews:hover {
	background-image:url(../images/vi-3.gif);
	background-repeat:no-repeat;
	background-position:0px -80px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#employment {
	background-image:url(../images/vi-4.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#employment:hover {
	background-image:url(../images/vi-4.gif);
	background-repeat:no-repeat;
	background-position:0px -80px;
	white-space:nowrap;
	text-indent:240px;
	overflow:hidden;
	width:235px;
	display:block;
	height:80px;
	float:left;
}
#footer {
	clear:both;
	width:940px;
	text-align:center;
	font-size:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-top:1px solid #eeeeee;
	float:left;
}
.close {
	background-color:#000000;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:11px;
	left:918px;
	position:absolute;
	top:11px;
	width:12px;
	height:12px;
	z-index:9000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	background-image:url(../images/cancel-small.jpg);
	background-repeat:no-repeat;
}
.review {
	width:250px;
	height:140px;
	padding:10px;
	white-space:normal;
	float:left;
}
.reviewside {
	width:50px;
	height:40px;
	padding:10px;
	display:none;
}
.reviewtop {
	width:250px;
	height:65px;
	font-size:12px;
	padding:10px;
	overflow:hidden;
	line-height:18px;
}
.reviewbot {
	width:250px;
	height:30px;
	padding:10px;
	font-size:11px;
}
a.current {
	border-bottom:2px solid #47B8FF;
	color:#47B8FF;
	padding-bottom:5px;
	text-decoration:none;
}
.contactform {
	width:450px;
	float:left;
	padding-top:10px;
}
.contactform input {
	border:1px solid #BEBEBE;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	padding:2px;
	width:290px;
}
.contactform textarea {
	border:1px solid #BEBEBE;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top:10px;
	padding:2px;
	width:290px;
	font-size:11px;
}
.contactform label {
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	width:150px;
}
.contactform label img {
	position:relative;
	top:4px;
	left:55px;
}
.contactform label.imgchk {
	float:left;
	width:335px;
}
.contactform input.imgchk {
	width:50px;
	float:left;
	clear:none;
	margin-top:10px;
	margin-bottom:10px;
}
.contactform button {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:1px 2px 4px 2px;
	border:0px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:45px;
	background-image: url(../images/blue.gif);
}
/*#container, #container2,#container3,#container4{display:none}*/
