/**********************************
Description...:Master Screen CSS
Copyright.....:BlueVine Ltd.
Author........:richard@bluevine.com
Last Changed..:23-10-2009
Notes #1......: Do NOT modify
Notes #2......: 
/******************
Layout**/
* {
	border:0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-right: 0px; 
	margin-bottom: 0px;
}
body {
	font-family:Tahoma;
	font-size:11px;
	background-color: #ffffff;
	text-align:center;
	font-weight:normal;
}
body h1 {
	font-size:12px;
	color:#61635E;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-variant: normal;
	font-weight: bolder;
	line-height: 13px;
}

body h2 {
	font-size:11px;
	color:#8d8d85;
	font-weight: normal;
	font-family: Tahoma;
	margin-top: 11px;
}


.container {
	width:925px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
}

.insidecontainer {
	width:960px;
	text-align:left;
	height: 618px;
	background-image:url(../img/bg.gif);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}




	

/******************
Logo Area**/
#logo {
	float:left;
	height:89px;
	width:231px;
	background-image: url(../img/logo.gif);
	margin-top: 21px;
	background-repeat: no-repeat;
}
#logo h1 {
height:112px;
width:170px;
}
#logo h1 a {
	display:block;
	width:250px;
	height:90px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#logo h1 span, #logo p {
display:none;
}
/******************
Menu Items**/

/*.menu-holder {
 float:left;
width:984px;/*happy now, IE?
height:37px;
}*/ 

#menubarpadding {
	float:left;
	width:462px;
	height:89px;
	margin-top: 21px;
}

#menubar {
	float:left;
	width:220px;
	height:60px;
	margin-top: 21px;
	padding-top: 29px;
	padding-left: 12px;
	text-align: left;
}

#menubar ul {
float:right;/*rather than use margin? maybe pointless*/
}
#menubar li {
font-family:arial, tahoma, sans-serif;
font-weight:bold;
list-style:none;
font-size:14px;
}
#menubar li a {
float:left;
width:80px;
color:#cecece;
text-align:center;
}
#menubar li a:hover {

	color:#6db43f;
	text-decoration:none;
}
#menubar li a.selected {
color:#6db43f;
}

#menubaritems {
	float:left;
	width:925px;
	height:51px;
}

div.menuhome {
	float:left;
	width:232px;
	height:51px;
}

div.menuhome {
margin:0;
padding:0;
background-image:url(../img/homemo.gif);
background-repeat:no-repeat
} 

div.menuhome a, div.menuhome a:link, div.menuhome a:visited {
display:block;
}

div.menuhome img {
width:232px;
height:51px;
border:0;
}

div.menuhome a:hover img {
visibility:hidden;
}

div.menusolutions {
	float:left;
	width:230px;
	height:51px;
}

div.menusolutions {
margin:0;
padding:0;
background-image:url(../img/solutionsmo.gif);
background-repeat:no-repeat
} 

div.menusolutions a, div.menusolutions a:link, div.menusolutions a:visited {
display:block;
}

div.menusolutions img {
width:230px;
height:51px;
border:0;
}

div.menusolutions a:hover img {
visibility:hidden;
}

div.menuprojects {
	float:left;
	width:231px;
	height:51px;
}

div.menuprojects {
margin:0;
padding:0;
background-image:url(../img/projectsmo.gif);
background-repeat:no-repeat
} 

div.menuprojects a, div.menuprojects a:link, div.menuprojects a:visited {
display:block;
}

div.menuprojects img {
width:231px;
height:51px;
border:0;
}

div.menuprojects a:hover img {
visibility:hidden;
}

#menuprojects {
	float:left;
	width:231px;
	height:51px;
	background-image: url(../img/projects.gif);
}

div.menucontacts {
	float:left;
	width:232px;
	height:51px;
}

div.menucontacts{
margin:0;
padding:0;
background-image:url(../img/contactsmo.gif);
background-repeat:no-repeat
} 

div.menucontacts a, div.menucontacts a:link, div.menucontacts a:visited {
display:block;
}

div.menucontacts img {
width:232px;
height:51px;
border:0;
}

div.menucontacts a:hover img {
visibility:hidden;
}

#banner {
	float:left;
	width:693px;
	height:160px;
	background-image: url(../img/website%20banner.gif);
	font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
}

#banner a {
	float:left;
	margin-top: 120px;
	margin-bottom: 0;
	margin-left: 15px;

}


#rightcontent {
	float:right;
	width:217px;
	background-image: url(../img/Image1_3x2.gif);
	font-size:11px;
	padding-top: 40px;
	text-align: left;
}

#rightcontent p{
	font-size:11px;
	color:#8d8d85;
	font-family: Tahoma;
	font-style: normal;
	font-variant: normal;
	margin-top: 10px;
}

#rightcontent p.highlight,#rightcontent p.highlight a,#rightcontent span.highlight {
	color: #7aaa1b;
	border:none;
	font-family: Tahoma;
	line-height: 11px;
	font-size: 11px;
	margin-top: 11px;
}

#rightcontent a:link{
	font-size:11px;
	margin-top: 10px;
	font-weight: normal;
	color: #9DACD1;
	float: left;
}


#divider {
	float:left;
	width:693px;
	height:25px;
	background-image: url(../img/Image1_4x1.gif);
}

#dividerheader {
	float:left;
	width:693px;
	height:15px;
	background-image: url(../img/services.gif);
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #9DACD1;
	text-align: left;
}

#dividerheader2 {
	float:left;
	width:693px;
	height:25px;
	background-image: url(../img/services2.gif);
	font-size: 12px;
	text-align: left;
}

#dividerheader ul{
	font-family: Tahoma;
	font-size: 11px;
	

}

#dividerheader a:link{
	font-size:11px;
	font-weight: normal;
	color: #9DACD1;
}


#dividerheader ul {
	float:right;
	margin-top: 2px;
	margin-right: 28px;
	margin-bottom: 0;
	margin-left: 0px;
}

#dividerheader p.linkage a {

font-size:14px;
}


#servicecontainer {
	float:left;
	width:700px;
	height:auto;

}

#serviceabout {
	float:left;
	width:662px;
	margin-left: 16px;
	font-size:11px;
	color:#484848
	
}

#firstservice {
	float:left;
	width:202px;
	height:290px;
	margin-left: 16px;
	background-image: url(../img/Image1_6x2.gif);
	background-repeat: no-repeat;
	text-align:left;
	
}

#firstservice h1{
	font-size:14px;
	float: left;
	margin-top: 173px;
	font-weight: normal;
	color: #9DACD1;
}

#firstservice p{
	font-size:11px;
	margin-top: 193px;
	font-weight: normal;
	text-align: left;
	color: #8d8d85;
}


#secondservice {
	float:left;
	width:202px;
	height:290px;
	margin-left: 28px;
	background-image: url(../img/Image1_6x4.gif);
	background-repeat: no-repeat;
	text-align: left;
}

#secondservice h1{
	font-size:14px;
	float: left;
	margin-top: 173px;
	font-weight: normal;
	color: #9DACD1;
	line-height: 16px;
}

#secondservice p{
	font-size:11px;
	margin-top: 193px;
	font-weight: normal;
	text-align: left;
	color: #8d8d85;
}


#thirdservice {
	float:left;
	width:202px;
	height:290px;
	margin-left: 28px;
	background-image: url(../img/Image1_6x6.gif);
	background-repeat: no-repeat;
	text-align: left;
}

#thirdservice h1{
	font-size:14px;
	float: left;
	margin-top: 173px;
	font-weight: normal;
	color: #9DACD1;
	line-height: 16px;
}

#thirdservice p{
	font-size:11px;
	margin-top: 193px;
	font-weight: normal;
	text-align: left;
	color: #8d8d85;
}

#endservice {
	float:right;
	width:15px;
	height:580px;
	background-image: url(../img/Image1_6x7.gif);
	background-repeat: no-repeat;
	margin-right: 3px;
}

#endservice2 {
	float:right;
	width:15px;
	height:290px;
	background-image: url(../img/Image1_6x7.gif);
	background-repeat: no-repeat;
	margin-right: 3px;
}

#endservicecontact {
	float:right;
	width:15px;
	height:270px;
	background-image: url(../img/Image1_6x7.gif);
	background-repeat: no-repeat;
	margin-right: 3px;
}



.firstbottommenu {
	float:left;
	width:340px;
	height:125px;
	margin-left: 8px;
}

.secondbottommenu {
	float:left;
	width:337px;
	height:125px;
}

.thirdbottommenu {
	float:left;
	width:261px;
	height:125px;
}

.footer {
	float:left;
	width:948px;
	height:51px;
	background-image: url(../img/footer.gif);
}
/******************
Services Page**/

#service-title {
	float:left;
	width:672px;
	height:15px;
	margin-bottom: 5px;
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 12px;
	color: #61635E;
	font-weight: bolder;
}

#service-title p{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	line-height: 11px;
}


#website-designimage {
	float:left;
	width:202px;
	height:151px;
	background-image: url(../img/websites.jpg);
}

#website-designtext {
	float:left;
	width:466px;
	height:151px;
	margin-left: 10px;
	text-align: left;
	font-size: 11px;
	color: #8d8d85;
}

#website-designtext p{
margin-top:1px;
}

#hardware-image {
	float:left;
	width:202px;
	height:151px;
	background-image: url(../img/hardware.jpg);
}

#hardware-text {
	float:left;
	width:466px;
	height:151px;
	margin-left: 10px;
	text-align: left;
	font-size: 11px;
	color: #8d8d85;
}

#hardware-text p{
margin-top:1px;
}

#emailmarketing-image {
	float:left;
	width:202px;
	height:154px;
	background-image: url(../img/email-marketing.jpg);
}

#emailmarketing-text {
	float:left;
	width:466px;
	height:auto;
	margin-left: 10px;
	text-align: left;
	font-size: 11px;
	color: #8d8d85;
}

#emailmarketing-text p{
margin-top:1px;
}

/******************
Projects Page**/

#service-title {
	float:left;
	width:672px;
	height:15px;
	margin-bottom: 5px;
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 12px;
	color: #61635E;
	font-weight: bolder;
}

#service-title p{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	line-height: 11px;
}


#website-projectone {
	float:left;
	width:202px;
	height:151px;
	background-image: url(../img/mpe.jpg);
}

#website-projecttwo {
	float:left;
	width:202px;
	height:151px;
	background-image: url(../img/pta.jpg);
}

#website-projectthree {
	float:left;
	width:202px;
	height:154px;
	background-image: url(../img/lmp.jpg);
}

#website-projectthree-text {
	float:left;
	width:466px;
	height:auto;
	margin-left: 10px;
	text-align: left;
	font-size: 11px;
	color: #8d8d85;
}

#website-projectthree p{
margin-top:1px;
}
/******************
Contact Us Page**/


#leftcontent {
	float:left;
	width:293px;
	height:300px;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
	margin-top: 10px;
	color: #8d8d85;
}

#leftcontent-thanks {
	float:left;
	width:393px;
	height:300px;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
	margin-top: 10px;
	color: #8d8d85;
}

#contactform {
	float:left;
	width:370px;
	height:300px;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
	margin-top: 10px;
	color: #8d8d85;
}

#contactformsplit1 {
	float:left;
	width:100px;
	height:300px;
	font-size: 11px;
	text-align: left;
	color: #8d8d85;
}

#contactform input {
	
font:1.3em tahoma, helvetica, arial, sans-serif;
border:1px solid #999;
}

#contactform textarea {
	
font:1.3em tahoma, helvetica, arial, sans-serif;
border:1px solid #999;
} 

#contactform textarea:hover {
border:1px solid #70A0D0;
background:#edefd1;
}

#contactform input:hover {
border:1px solid #70A0D0;
background:#edefd1;
}


#maincontent {
	float:left;
	width:982px;
	height:290px;
	background-image:url(../images/Image1_6x2.jpg);
	background-repeat: no-repeat;
}



/******************
Navigation**/
/******************
subpages**/
.menuarea{
	float:left;
	width:984px;
	height: 47px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	padding-top: 5px;
	
}

#leftmenucontainer{
	float:left;
	width:228px;
}

#firstbutton{
	float:left;
	width:228px;
}

#mainarea{
	float:right;
	width:723px;
	height:auto;
	background-image: url(../Image8.gif);
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	background-position: top;
}

#mainareaheader {
	float:right;
	width:737px;
	height:2px;
	background-image: url(../images/Image9.gif);
	padding: 0px;
	background-repeat: no-repeat;

}

#mainareafooter {

float:right;
	width:737px;
	height:14px;
	background-image: url(../Image6_6x1.gif);

}

#navseperator {

height:14px;

}


/******************
Navigation Seperator**/
#nav-separate {
float:left;
width:100%;
height:9px;
background:url(../img/nav-separate.gif) center no-repeat;
}


/******************
Live Validate**/
span.LV_valid {
color:#7AAA1B;
}	
span.LV_invalid {
color:#c00;
}
span.LV_validation_message{
font-weight:bold;
margin:0 0 0 5px;
}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
border:1px solid #0c0;
}
.LV_invalid_field,
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
border:1px solid #c00;
}
/******************
Right Holder**/
#right-holder {
float:left;
width:314px;
margin:10px 0 10px 20px;
}
#right-holder h4 {
font-size:0.8em;
color:#00938f;
margin:5px 20px 10px;
}
#right-holder ul {margin-bottom:10px;}
#right-holder ul li {
list-style:none;
font-size:0.7em;
line-height:1.4em;
margin:0 0 0 25px;
}
#right-holder .box-subscribe {
margin-bottom:0;
}
/******************
Footer**/
#footer {
	float:left;
	width:925px;
	background:#fff;
	border-top:2px solid #9DACD1;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: -10px;
	margin-left: 0;
}
#footer td {
vertical-align:top;
}
#footer p {
font-size:11px;
color:#9DACD1;
text-align:left;
margin:5px 10px 10px;
}
#footer p.side {
text-align:right;
}
#footer a:link, #footer a:active, #footer a:visited {
color:#9DACD1;
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}
#footer img {
padding-top:5px;
vertical-align:middle;
}

/******************
Global Styles**/
.line {
float:left;
width:580px;
border-bottom:1px solid #ddd;
margin:10px 2% 10px 2%;
height:1px;
clear:both;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
blockquote {font-size:0.8em;color:#00938f;}
/******************
Links**/
a:link {

color:#9DACD1;
text-decoration:underline;
text-align:left;

}
a:visited {
	color:#9DACD1;
}
a:hover {
	text-decoration:none;
}
a:active {
font-weight:lighter;
}

a:focus {/*outline:none;*/}



.style1 {font-weight: bold}
.style2 {color: #9DA7BA}
.style3 {
	color: #9DA7BA;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 6px;

}
.style4 {
	color: #9DA7BA;
	color:#6DB43F;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	margin-top: 0px;

}