@charset "utf-8";
/* CSS Document Web7Group 2010*/

/* ------------------------
           Body  
------------------------- */

body  {
	color:#999999;
	font-family:Arial;
	font-size:14px;
}

* {
margin:0;
outline:0 none;
padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}


/* ------------------------
         Page Layout 
------------------------- */
#container {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:960px;
	height:auto !important;
}
#section2 {
       
	margin-top:0;

}

h1#logotop {
text-indent:-9999px;
}

h1#logotop {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/web7group_logo.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	height:34px;
	margin-bottom:40px;
	margin-top:59px;
	width:350px;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

#clear {
clear:both;
}
/* ------------------------
         Navigation 
------------------------- */
ul#navi {
	float:right;
	margin-top:74px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display: inline;
}
ul#navi a:hover{
	color: #333;
	text-decoration: none;
}
ul#navi a:link, a:visited, a:active {
	color: #999;
	text-decoration: none;
}
ul#navi li {
	float:left;
	margin-bottom:0;
	margin-left:3px;
	margin-right:3px;
	margin-top:0;
}
.nolink {
font-size:14px;
padding-top:3px;
}
ul#menu li a {
color:#999999;
font-size:16px;
text-decoration:none;
}
/* ---------------------------------
         Mid-Navigation-Section
------------------------------------- */
#section, #project, #contacts {
float:left;
width:293px;
}
#section, #mission, #project, #contacts {
	border-bottom-color:#999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-top-color:#999;
	border-top-style:dotted;
	border-top-width:1px;
	height:108px;
	padding-top:20px;
}
.lg01  {
	color:#666;
	font-size:12px;
	text-transform: none;
}
.lg  {
	color:#999;
	font-size:12px;
}
.lg2  {
	color:#999;
	font-size:12px;
	width: 293px;
}
.clear {
clear:both;
}
#project h2, #contacts h2 {
color:#8F8F8F;
font-size:20px;
margin-top:10px;
}
#mission {
float:right;
width:630px;
}
#mission h2.portfolio {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/our_mission.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

#mission h2 {
text-indent:-9999px;
}

#mission h2 {
	height:40px;
	margin-top:15px;
}
#client {
	border-bottom-color:#999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	float:left;
	height:65px;
	padding-top:25px;
	width:293px;
	background-image: url(../images/arrow_bg.gif);
}
#services {
	border-bottom-color:#999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	float:right;
	height:65px;
	padding-top:25px;
	width:630px;
}
#services h2 {
	color:#999;
	font-size:14px;
	margin-top: 10px;
}
/* ---------------------------------
         Mid-client-Section
------------------------------------- */
element.style  {
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	width:950px;
}
element.style  {
float:left;
}
element.style  {
width:953px;
}

#portfolioSlider {
	margin-top:43px;
	width:960px;
	float: left;

}

#portfolioSlider ul, #portfolioSlider li {
	height:100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
div.portfolioItem {
	border-bottom-color:#CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	float:left;
	margin-bottom:20px;
	margin-right:46px;
	margin-top:10px;
	padding-bottom:20px;
	width: 286px;
}
div.portfolioItem p {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/client_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:203px;
	width:286px;
}
div.portfolioItem.last {
margin-right:0;
}

a  {
	color:#999;
	text-decoration:none;
}
a.client  {
color:#5F6464;
}
a.client, a.category {
font-size:12px;
text-decoration:none;
text-transform:uppercase;
}
a.client {
float:left;
margin-left:2px;
}
element.style  {
opacity:1;
}
div.portfolioItem p img {
margin-left:1px;
margin-top:1px;
}
.category  {
color:#CCCCCC;
}
.category {
display:block;
float:right;
margin-right:2px;
text-transform:uppercase;
}
.category01{
	display:block;
	float:right;
	margin-right:2px;
	text-transform:uppercase;
	color: #666;
	font-size: 12px;
}
/* ---------------------------------
         Controls - Section
------------------------------------- */

element.style {
margin-left:345px;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#pages {
	border-bottom-color:#CCC;
	border-bottom-style:groove;
	border-bottom-width:1px;
	border-top-color:#FFF;
	float:left;
	height:30px;
	padding-top:35px;
	width:950px;
}
.footer, .push {
height:160px;
}
/* ---------------------------------
         Footer - section 
------------------------------------- */
.footer {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:960px;
	height: 140px;
}
#twitter {
color:#FFFFFF;
}

#twitter {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/footer_blueG.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	height:27px;
	margin-top:46px;
	padding-left:10px;
	padding-top:11px;
	width:118px;
	font-size: 10px;
}
#twitterStatus {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:#E6E6E6;
	background-position:right center;
	background-repeat:no-repeat;
	float:right;
	height:27px;
	margin-top:46px;
	padding-left:10px;
	padding-top:11px;
	width:822px;
}
.footer a {
text-decoration:underline;
}
.footer p {
	float:left;
	margin-top:20px;
	margin-bottom: 20px;
	font-size: 12px;
}
.form input {
	height:30px;
	width: 400px;
}
td.spacer {
font-weight:bold;
}
td.spacer {
width:89px;
}
.form textarea {
	height:120px;
	width:400px;
}
.privacy {
margin-bottom:30px;
width:400px;
}

.send {
	margin-bottom:30px;
	padding-top:30px;
	text-align:right;
	width: 400px;
}
element.style {
opacity:1;
}

.footer img {
float:right;
margin-top:5px;
}
div.form {
	float:right;
	margin-left:465px;
	margin-top:90px;
}
.form input {
height:30px;
width:400px;
}
.form input, .form textarea {
	background-color:#F5F5F5;
	border-bottom-style:solid;
	border-left-color-value:#DFDFDF;
	border-left-style-value:solid;
	border-left-width-value:1px;
	border-right-color-value:#DFDFDF;
	border-right-style-value:solid;
	border-right-width-value:1px;
	border-top-style:solid;
	margin-bottom:20px;
	border: 1px solid #DADADA;
}

element.style {
opacity:1;
}
.send input {
	background-color:white;
	border-bottom-style:none;
	border-bottom-width:medium;
        border-left-style-value:none;
        border-left-width-value:medium;
        border-right-style-value:none;
        border-right-width-value:medium;
	border-top-style:none;
	border-top-width:medium;
	height:27px;
	width:70px;
}