@charset "utf-8";
/* CSS Document */
a { outline:0; }
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 18px;
	color: #429EB2;
}
a:link {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#menu a {
		float:left;
		display:block;
		width:102px;
		height:17px;
		padding:12px 0 15px 0px;
		font: bold 12px/1 Arial;
		text-align:center;
		color:#CCCCCC;
		background: url("../images/menu_normal.png") 0 0 no-repeat;
		text-decoration: none;
		}
	#menu a:hover {	
		float:left;
		background-position: -102px 0;
		color: #FF6600;
		}
	#menu a:active {
		float:left;
		background-position: -204px 0;
		color:white;
		}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	background: url(../images/new-bg.jpg) #ffffff repeat-x top center;

}
.container {
	width: 950px;
	margin: 0px;
	padding: 0px;
	margin:0 auto;
}
.top {
margin: 0px;
width: 950px;
height: 66px;
float: left;
background-image:url(../images/bg.png);
}
.logo_holder {
margin: 0px;
width: 318px;
height: 66px;
float: left;
background-image:url(../images/logo.png);
background-repeat:no-repeat;

}
.menu_holder {
margin: 0px;
width: 615px;
height: 52px;
float: left;
padding: 13px 0px 0px 17px;
}
.flash_holder {
margin: 0px;
width: 950px;
height: 337px;
float: left;
}
.content_holder {
margin: 0px;
width: 950px;

float: left;
padding-top:25px;
background-color:#FFFFFF;
}
.partition_holder {
margin: 0px;
width: 950px;
height:auto;
float: left;
padding: 0px 0px 0px 0px;
}
.partition1 {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 15px 0px 0px;
}
.partition2 {
margin: 0px;
width: 298px;
height: auto;
float: left;
padding: 0px 16px 0px 16px;
}
.partition3 {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 0px 0px 15px;
}
.about_us {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#fb8f09;
border: 3px solid #df7c02;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.picture_holder {
margin: 0px;
width: 65px;
height: auto;
float: left;
padding: 10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:left;
}
.partition_content {
margin: 0px;
width: 230px;
height: auto;
float: left;
padding: 10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:left;
}
.more {
margin: 0px;
width: 295px;
height: 25px;
float: left;
padding: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:right;
}
.clientele {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#1f603e;
border: 3px solid #005026;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.announcements {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#2A85D4;
border: 3px solid #3076BA;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.recent_projects{
margin: 0px;
width: 950px;
float: left;
padding: 0px 0px 0px 0px;
font-family: Impact;
font-size: 18px;
color: #429eb2;
display:inline;
}

.web_development_seo{
margin: 0px;
width: 621px;
display:inline;
float: left;
padding: 0px 34px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:justify;
}
.photography{
margin: 0px;
width: 295px;
display:inline;
float: left;
padding: 44px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:justify;
}
.packages{
margin: 0px;
width: 950px;
float: left;
padding: 15px 0px 15px 0px;
font-family: Impact;
font-size: 18px;
color: #429eb2;
display:inline;
}
.packages1{
padding-right:32px;
float:left;
}
.jquery_holder{
margin: 0px;
width: 950px;
height: 158px;
float: left;
padding: 0px 0px 0px 0px;
}
.footer{
margin: 0px;
width: 100%;
height: auto;
float: left;
padding: 0px 0px 0px 0px;
background-color:#403f3f;
border-top-color:#333333;
border-top-style:solid;
border-top-width:10px;
}
.footer1{
margin: 0 auto;
width: 950px;
height:auto;
padding: 15px 0px 0px 0px;

}
.footer2{
margin: 0px;
width: 100%;
height: 50px;
float:left;
padding: 0px 0px 0px 0px;
background-color:#333333;
}
.copyright{
margin: 0 auto;
width: 827px;
height: 31px;
float: left;
padding: 19px 0px 0px 0px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}
.badges{
margin: 0 auto;
width: 123px;
height: 48px;
float: left;
padding: 2px 0px 0px 0px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}
.partition_footer_holder {
margin: 0px;
width: 950px;
height: auto;
float: left;
padding:0px 0px 15px 0px;
}
.partition1_footer {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 15px 0px 0px;
}
.partition2_footer {
margin: 0px;
width: 298px;
height:auto;
float: left;
padding: 0px 16px 0px 16px;
}
.partition3_footer {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 0px 0px 15px;
}
.partition_content_footer {
margin: 0px;
width: 294px;
height: auto;
float: left;
padding: 4px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:160%;
text-align:left;
}
.software_development {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#fb8f09;
border: 3px solid #df7c02;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.web_development {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#1f603e;
border: 3px solid #005026;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.seo {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#2A85D4;
border: 3px solid #2076BA;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
#navcontainer { width: 290px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 6px;
width: 283px;
background-color: #403f3f;
border-bottom: 1px dotted #999999;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #333333;
color: #fff;
}

#navcontainer1 { width: 290px; }

#navcontainer1 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer1 a
{
display: block;
padding: 6px;
width: 282px;
background-color: #403f3f;
border-bottom: 1px dotted #999999;
}

#navcontainer1 a:link, #navlist1 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer1 a:hover
{
background-color: #333333;
color: #fff;
}

#navcontainer2 { width: 290px; }

#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 a
{
display: block;
padding: 6px;
width: 283px;
background-color: #403f3f;
border-bottom: 1px dotted #999999;
}

#navcontainer2 a:link, #navlist2 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #333333;
color: #fff;
}
.input {width:100px; border: 1px solid  #bbbbbb; background:url(images/inputbg.jpg); background-repeat:repeat-x; font-size:12px; color:#666666;  }

.contenttitle_orange_holder{
margin: 0px;
width: 950px;
float: left;
background-color:#FFFFFF;
padding: 0px 0px 0px 0px;
}
.contenttitle_orange {
margin: 0px;
width: 600px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#fb8f09;
border: 3px solid #df7c02;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.contenttitle_green {
margin: 0px;
width: 274px;
height: 25px;
float: right;
padding: 4px 0px 0px 15px;
background-color:#2A85D4;
border: 3px solid #2076BA;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.content_area {
margin: 0px;
width: 620px;
float: left;
background-color:#FFFFFF;
padding: 15px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
text-align:justify;
}

.content_area1 {
margin: 0px;
width: 620px;
float: left;
background-color:#FFFFFF;
padding: 15px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
text-align:justify;
}
.quote_area {
margin: 0px;
width: 295px;
float: left;
background-color:#FFFFFF;
padding: 15px 0px 15px 35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
text-align:justify;
}
.form_holder {
background-color:#f3f4f6;
padding:15px 0px 20px 0px;
border: 1px solid  #999999;
}
.cssform p{
width: 100px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 15px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 260px;
background:url(../images/inputbg.jpg);
background-repeat:repeat-x;
font-size:12px;
color:#666666;
border: 1px solid  #bbbbbb;
}

.cssform textarea{
width: 260px;
height: 121px;
background:url(../images/inputbgbig.jpg);
background-repeat:repeat-x;
font-size:12px;
color:#666666;
border: 1px solid  #bbbbbb;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/


.submit_button {
margin-left:90px;
padding-top:10px;
}
input.btn {
  color:#050;
  font: bold 90% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fed;
  border:1px solid;
  border-color: #696 #363 #363 #696;
}

.chat_area {
margin: 0px;
width: 300px;
float: right;
background-color:#FFFFFF;
padding: 0px 0px 15px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
}
.picture {
          width:135px;
		  height:120px;
		  float:left;
		  margin:23px 0 0 0;
		  padding:0;border:0px solid #999999;
		 /* background:url(images/hukka.jpg) no-repeat;*/
		  }

.spacernew {
         width:24px;
		 height:45px;
		 float:left;
		 margin:0;
		 padding:0;
		 }	
		 
.picture1 {
          width:135px;
		  height:25px;
		  float:left;
		  margin:23px 0 0 0;
		  padding:0;
		  background-color:#f3f4f6;
		 /* background:url(images/hukka.jpg) no-repeat;*/
		  }		  
		  
.spacernew1 {
         width:619px;
		 height:20px;
		 float:left;
		 margin:0;
		 padding:0;
		 }