img {
	border: none;
}

a:active, a:focus{
	outline:none;
}

* {
	margin: 0;
	padding: 0;
}

html,body{
	height:100%
} 

p {
	text-align:justify;
}

body {
	background: #162127 url(../images/body-bg.jpg) repeat;
	text-align: center;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height: 20px;
}

p + p { 
	margin-top: 0.5em; 
} 

#content {
	background: url(../images/content-bg.png) repeat;
	width: 740px;
	text-align: center;
	display: block;
	margin: auto;
}

#header {
	margin: 0 auto;
	width:695px;
	height:113px;
	overflow:hidden;
	background:url(../images/header-shadow.png) no-repeat;
}

#header h1{
	margin:16px 0 0 13px;
	float:left;
}

#header h1 a{
	display:block;
	margin:0;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat 100% 0;
	width:89px;
	height:73px;
}

#flash-site {
	text-align:right;
	margin-top:7px;
}

#flash-site a {
	color:#9da3a6;
	font-size:7pt;
	letter-spacing:2px;
	text-decoration:none;
	margin-right:10px;
}

#flash-site a:link {
	color:#9da3a6;
	font-size:7pt;
	letter-spacing:2px;
	text-decoration:none;
}   

#flash-site a:visited {
	color:#9da3a6;
	font-size:7pt;
	letter-spacing:2px;
	text-decoration:none;
}

#flash-site a:hover {
	color:#fff;
	font-size:7pt;
	letter-spacing:2px;
	text-decoration:none;
}

#flash-site a:active {	
	color:#9da3a6;
	font-size:7pt;
	letter-spacing:2px;
	text-decoration:none;
}

/*--navigation--*/

ul#navigation{
	float:right;
	margin:40px 7px 40px 40px;
	width:427px;
}

ul#navigation li{
	float:left;
	display:inline;
	list-style:none;
	background:url(../images/bg-navigation-separator.gif) no-repeat 100%;
}

ul#navigation a{
	float:left;
	text-decoration:none;
	cursor:pointer;
}

/*--hdr image--*/

#hdr-image-win {
	width: 695px;
	height: 230px;
	margin: 0 auto;
	background:url(../images/hdr-image.jpg) no-repeat 100%;
	}

#hdr-image-win-good {
	width: 695px;
	height: 230px;
	margin: 0 auto;
	}

#port-sum {
	width: 700px;
	height: 114px;
	margin: 15px auto;
}

.port-sum2 li{
	display:inline;
	list-style:none;
}

#port-sum  img{
	float:left;
}

#content-frame {
	width:696px;
	overflow:hidden;
	margin: 15px auto;
}

#home-left {
	width:460px;
	float:left;
	height:347px;
	border: 1px solid #2c3539;
}

#home-left h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-scllc.gif) no-repeat 100% 0;
	width:273px;
	height:15px;
}

#home2-left {
	width:693px;
	float:left;
	border: 1px solid #2c3539;
}

#home2-left h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-scllc.gif) no-repeat 100% 0;
	width:273px;
	height:15px;
}


#services-left {
	width:460px;
	float:left;
	height:347px;
	border: 1px solid #2c3539;
}

#services-left h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-our-services.gif) no-repeat 100% 0;
	width:134px;
	height:15px;
}

#our-work-left {
	width:228px;
	float:left;
	height:430px;
	border: 1px solid #2c3539;
}

#our-work-left h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-recent-projects.gif) no-repeat 100% 0;
	width:167px;
	height:15px;
}

#our-work-right {
	float:right;
	width:460px;
	height:430px;
	border: 1px solid #2c3539;
}

#our-work-right h2 {
	margin:0 0 19px 0;
	background:url(../images/hdr-our-work.gif) no-repeat 100% 0;
	width:107px;
	height:15px;
}

#client-info {
	text-align:center;
}

#client-info a {text-decoration:none;}
#client-info a:link {color: #9da3a6} 
#client-info a:visited {color: #9da3a6}
#client-info a:hover {color: #FFF}
#client-info a:active {color: #9da3a6}

.objective, .features {
	margin-top:10px;
	text-align:left;
}

.objective span, .features span {
	margin-right:10px;
}

#client-right {
	float:right;
	width:460px;
	height:430px;
	border: 1px solid #2c3539;
	font-size:9pt;
}

#client-right span {
	color:#73910b;
}

.content-pad {
	float:left;
	padding:19px;
	text-align:left;
}

.content-pad p {
	margin-bottom:4px;
}

#home-right {
	float:right;
	width:228px;
	height:347px;
	border: 1px solid #2c3539;
}

#contact-right2 {
	float:right;
	width:228px;
	height:407px;
}

#sep {
	width:100%;
	border: 1px dotted #2c3539;
	margin-top:13px;
	margin-bottom:13px;
}

h2 {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}

#contact-right2 h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-what-we-hear.gif) no-repeat 100% 0;
	width:148px;
	height:14px;
}

#recent-list {
	text-decoration:none;
}

#recent-list ul {
	list-style:none;
}

#services-left {
	width:460px;
	float:left;
	height:347px;
	border: 1px solid #2c3539;
}

#services-left h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-our-services.gif) no-repeat 100% 0;
	width:134px;
	height:15px;
}

#services-right {
	float:right;
	width:228px;
	height:347px;
	border: 1px solid #2c3539;
	font-size:11pt;
	font-weight:bold;
}

#services-right h2 {
	margin:0 0 19px 0;
	background:url(../images/hdr-overview.gif) no-repeat 100% 0;
	width:100px;
	height:14px;
}

#services-list ul {
	list-style:none;
}

#services-list {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}

#services-list .web-design {
	background:url(../images/services-website.gif) no-repeat 100% 0;
	width:103px;
	height:10px;
}

#services-list .print-design {
	background:url(../images/services-print.gif) no-repeat 100% 0;
	width:88px;
	height:10px;
}

#services-list .ecommerce {
	background:url(../images/services-ecommerce.gif) no-repeat 100% 0;
	width:84px;
	height:10px;
}

#services-list .brand-dev {
	background:url(../images/services-brand-dev.gif) no-repeat 100% 0;
	width:135px;
	height:10px;
}

#services-list .database-dev {
	background:url(../images/services-database-dev.gif) no-repeat 100% 0;
	width:152px;
	height:10px;
}

#services-list .enewsletter {
	background:url(../images/services-newsletter.gif) no-repeat 100% 0;
	width:137px;
	height:10px;
}

#services-list .social-networks {
	background:url(../images/services-social-network.gif) no-repeat 100% 0;
	width:118px;
	height:10px;
}

#services-list .application-dev {
	background:url(../images/services-application-dev.gif) no-repeat 100% 0;
	width:170px;
	height:10px;
}

#services-list .film-video {
	background:url(../images/services-film-video.gif) no-repeat 100% 0;
	width:76px;
	height:10px;
}

#services-list .web-usability {
	background:url(../images/services-web-usability.gif) no-repeat 100% 0;
	width:95px;
	height:10px;
}

#services-list .online-marketing {
	background:url(../images/services-online-marketing.gif) no-repeat 100% 0;
	width:162px;
	height:10px;
}

#services-list li {
	margin-bottom:5px;
}

#contact-left {
	width:460px;
	float:left;
	height:437px;
	border: 1px solid #2c3539;
}

#contact-left h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-contact-us.gif) no-repeat 100% 0;
	width:119px;
	height:15px;
}

#contact-left table {
	margin-top:25px;
	list-style:none;
	font-weight:bold;
}

#contact-left input { 
	background-color: #2c3940; 
	border: 1px solid #ababab;
	color: #FFF;
	width:210px;
}

#contact-left textarea { 
	background-color: #2c3940; 
	border: 1px solid #ababab;
	color: #FFF;
	width:210px;
	height:100px;
}

#contact-right {
	float:right;
	width:228px;
	height:347px;
	border: 1px solid #2c3539;
	font-size:11pt;
	font-weight:bold;
}

#contact-right h2 {
	margin:0 0 19px 0;
	background:url(../images/hdr-what-we-hear.gif) no-repeat 100% 0;
	width:148px;
	height:14px;
}

#signature {
	font-size:9pt;
	color:#73910b;
	text-align:right;
	line-height: 14px;
}

#signature img {
	text-align:right;
}

#signature span {
	font-size:8pt;
	color:#FFF;
	text-align:right;
}

.btn-more {
	margin-top:10px;
}

#home-right h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-what-we-hear.gif) no-repeat 100% 0;
	width:148px;
	height:14px;
}

#footer {
	width: 696px;
	height:100px;
	text-align:left;
	color: #9da3a6;
	font-size:8pt;
	margin: 0 auto;
	background: url(../images/footer-repeat.gif) repeat;
	overflow:hidden;
}

#footer .foot-shrink {
	width:630px;
	margin:30px auto;
}

#footer .foot-links {
	float:left;
}

#footer .copyright {
	float:right;
}

#footer a {text-decoration:none;}
#footer a:link {color: #9da3a6}     /* unvisited link */
#footer a:visited {color: #9da3a6}  /* visited link */
#footer a:hover {color: #FFF}   /* mouse over link */
#footer a:active {color: #9da3a6}   /* selected link */

#contact-detail {
	width:693px;
	float:left;
	height:370px;
	margin-top:14px;
	font-size:8pt;
}

#services-detail {
	width:693px;
	float:left;
	height:297px;
	margin-top:4px;
	font-size:8pt;
}

#services-detail h2 {
	margin:0 0 15px 0;
	background:url(../images/hdr-in-detail.gif) no-repeat 100% 0;
	width:88px;
	height:14px;
}

 #detail-box-3 {
	float:left;
	margin-top:10px;
	width:193px;
 }

#detail-box-1, #detail-box-2 {
	float:left;
	margin-right:38px;
	margin-top:10px;
	width:193px;
}

#detail-box-1 ul, #detail-box-2 ul, #detail-box-3 ul {
	margin-left:30px;
	list-style:none;
}

h3 {
	display:block;
	margin:0 0 5px 0;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;

}

#detail-box-1 h3 {
	background:url(../images/services-web-check.gif) no-repeat 100% 0;
	width:193px;
	height:25px;
}

#detail-box-2 h3 {
	background:url(../images/services-print-check.gif) no-repeat 100% 0;
	width:193px;
	height:25px;
}

#detail-box-3 h3 {
	background:url(../images/services-coding-check.gif) no-repeat 100% 0;
	width:193px;
	height:25px;
}