/* Edit the one below to style links */
 a:link{
	color: rgb(0,0,150);
 }
 
 /*Edit the below to style links for already visited webpages. It is purple by default. I have made it the same colour as non visted links below */
 a:visited{
	color: rgb(0,0,150);
 }
 
 /* Below changes the colour of the link when it is active i.e. when you click on it. Red by Default. */
  a:active{
	color: rgb(0,0,150);
 }
 
 /* Edit the one below to style what links should look like when the mouse is hovering over them. */
  a:hover{
	color: rgb(100,0,0);
 }
 
 
 /*FOOTER LINKS: ALWAYS WHITE. GET AN UNDERLINE WHEN HOVER*/
 
 /* You can use the below to style footer links Only ( like home | services | Network) */
  #Footer a:link,   #Footer a:visited, #Footer a:active{
	color: rgb(255,255,255);
	font-style: normal;
 }
 
  #Footer a:hover{
	color: rgb(255,255,255);
	text-decoration: underline; /* Remove this part if you do not want an underline when you hover on it */
 }



body{
	background-color: rgb(155,155,155);
	margin: 0;
	padding: 0;
}

a img{
	border: none;
}

#Container{
	width: 1000px;
	background-color: rgb(255,255,255);
	margin-left: auto;
	margin-right: auto;
	min-height: 800px;
	border: none;
	margin-top: 0;
}

#Top{
	width: 1000px;
	height: 104px;
	background: url('images/top-bg.jpg');
}

#Top img{
	float: left;
}

#Phone{
	float: right;
	padding-top: 15px;
	padding-right: 30px;
	font-family: Myriad Pro;
	font-weight: bold; 
	font-size: 21px;
	height: 48px;
	width: 700px;
	text-align: right;
	margin-bottom: 0;
}

.clear{
	clear: both;
}

.Contact-Container{
	margin: 0;
	padding: 0;
	float: right;
	width: 165px;
}

.Contact-Container img{
	float: left;
}

.Contact-Container .text{
	float: left;
	padding-left: 5px;
	font-size: 14px;
}

.Contact-Container .text .txt1{ 
	color: rgb(99,101,89);
}

.Contact-Container .text .txt2{ 
	color: rgb(96,184,0);
}

#Middle{
	width: 1000px;
	height: 357px;
	background: url('images/bg-blue.jpg') repeat-x;
	float: left;
}

#nav {
    margin:0;
    padding:0 0 0 6px;
    list-style-type:none;
    height:44px;
    background-image:url(images/nav-background.gif);
 }

#nav li {
    float:left;
    min-width:75px;
    height:42px;
    margin-right:1px;
    text-align:center;
	padding: 0px 20px;
 }
#nav li a {
    display:block;
    line-height:35px;
    font-family:Myriad Pro;
    font-size:15px;
    color:#fff;
    letter-spacing:1px;
    text-decoration:none;
 }
 
 #rtop{
	float: left;
	}
 
 #Middle-Text{
	float: left;
	padding-left: 15px;
	padding-top: 20px;
	font-family:Myriad Pro;
	font-size: 25px;
	width: 645px;
 }
  
#Middle-Text .txt1{
	color:rgb(18,48,77);
	line-height: 35px;
	font-weight: bold;
}
 
#Middle-Text .txt2{
	color:rgb(255,255,255);
	line-height: 35px;
	font-weight: bold;
 }
 
 #Middle-Text #Buttons{
	margin-top: 30px;
 }
#Button1{
	float: left;
}

#Button2{
	float: left;
	margin-left: 20px;
 }

 #Blue-White{
	margin-top: 20px;
	width: 556px;
	height: 59px;
	background-image: url('images/blue-green.jpg');
 }
 
 #Blue-White #First-Part{
	padding: 10px 0px 0px 15px;
	color: rgb(255,255,255);
	font-size: 12px;
	letter-spacing: 0.2px;
	float: left;
	width: 185px;
 }
 
#Blue-White #First-Part span{
	font-size: 18px;
	font-weight: bold;
 }
 
#Blue-White #Second-Part{	
	width: 356px;
	color: rgb(111,131,47);
	font-size: 16px;
	float: left;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}

#Middle-Bar{
	height: 57px;
	background: url('images/middle-bar-bg.jpg');
	width: 1000px;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	float: left;
}

img#Robot-Bottom{
	float: left;
}

.Links{
	float: left;
	width: 185px;
	line-height: 57px;
}

.Links img, .Links span{
	float: left;
}

.Browsers{
	float: left;
	width: 235px;
}

.Browsers img{
	float: right;
}
.Browsers span{
	float: left;
	padding: 12px 0;
	color: rgb(21,51,93);
}

#Boxes-Container{ width: 100%; }
#Boxes-Container img{
	float: left;
}

#Boxes-Container img.long{
	width: 45px;
}

#Green-Box1{ background: url('images/first-box-bg.jpg') no-repeat; width:217px; height: 100px;  text-align: center;}
#Green-Box2{ background: url('images/second-box-bg.jpg') no-repeat; width:217px; height: 100px;  text-align: center;}
#Green-Box3{ background: url('images/third-box-bg.jpg') no-repeat; width:217px; height: 100px;  text-align: center;}
#Green-Box4{ background: url('images/fourth-box-bg.jpg') no-repeat; width:217px; height: 100px;  text-align: center;}

#Green-Box1, #Green-Box2, #Green-Box3, #Green-Box4{
	float: left;
	padding: 5px 0px 0px 5px;
	text-align: center;
}

#Green-Box1 h2, #Green-Box2 h2, #Green-Box3 h2, #Green-Box4 h2{
	float: left;
	font-family: Myriad Pro;
	font-size: 16px;
	font-weight: bold ;
	margin: 0px 0px 10px 0px;
	color: rgb(20,44,68);
	text-align: center;
}

#Green-Box1 span, #Green-Box2 span, #Green-Box3 span, #Green-Box4 span, .boxtxt{
	float: left;
	font-family: Myriad Pro;
	font-size: 18px;
	margin: 0px;
	color: rgb(255,255,255);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#Green-Box1 .p1{
	display: inline;
	font-size: 18px;
	text-align: center;
}

#Green-Box1 .p2{
	display: inline;
	font-size: 27px;
	text-align: center;
}

#Green-Box2 .p1{
	display: inline;
	font-size: 22px;
	text-align: center;
}

#Green-Box2 .p2{
	display: inline;
	font-size: 15px;
	text-align: center;
}

#Green-Box3 .p1{
	display: inline;
	font-size: 18px;
	text-align: center;
}

#Green-Box3 .p2{
	display: inline;
	font-size: 16px;
	text-align: center;
}

#Green-Box1 .p1{
	display: inline;
	font-size: 20px;
	text-align: center;
}

.big{
	font-size: 27px;
	text-align: center;
}

#Bottom{
	float: left;
	padding-left: 40px;
}

#Bottom .Bottom-Left-Side{
	float: left;
	width: 320px;
}

#Bottom .Bottom-Left-Side img{
	float: left;
}

#Bottom .Bottom-Left-Side .text{
	float: left;
	font-family: arial;
	font-size: 12px;
	width: 220px;
}

h2.bottom{
	font-family: Myriad Pro;
	font-size: 16px;
	font-weight: bold;
	color: rgb(19,16,99);
}

#SEMS{
	float: left;
	width: 310px;
	padding: 0px 5px;
	font-size: 12px;
	font-family: arial;
}

#SEMS h2{
	color: rgb(96,112,23);
	font-family: Myriad Pro;
	font-size: 20px;
	font-weight: bold;
}

#SEMS span{
	font-weight: bold;
	color: rgb(61,114,160);
}

#Footer{
	width:965px;
	height: 158px;
	float: left;
	background: url('images/footer.jpg');
	padding: 50px 0px 0px 35px;
	font-size: 12px;
	color: rgb(255,255,255);
	font-family: arial;
}

#Footer img{
	vertical-align: bottom;
}

#Footer h1{ 
	display: inline; 
	font-size: 26px; 
}

#Footer-Left{
	float: left;
}

#Footer-Right{
	float: left;
	margin-left: 170px;
}

#Footer-Right h3, #Footer-Right h4{ color: rgb(172,199,226); }

#Footer-Right h3{
	font-family: Myriad Pro;
	font-size: 18px;
	font-weight: bold;
}

#Footer-Right h4{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

#First-List{
	float: left;
	width: 190px;
}

#Second-List{
	float: left;
	width: 125px;
}

#Middle-S{
	background: url('images/small-middle-bg.jpg');
	width: 1000px;
	height: 240px;
	background: url('images/bg-blue.jpg') repeat-x;
	float: left;
}

 #Middle-Text #Buttons-S{
	margin-top: 10px;
 }
 
 #Middle-Bar-Image{
	width: 100%;
	height: 50px;
 }
 
 #Paragraphs{
	margin: 0;
	padding: 5px 40px;
	width: 920px;
 }