body

{
    margin:0px;
    padding:0px;
    background:black;
    font-family:helvetica,verdona,tahoma;
    text-align:center;
    color:#324374;
    font-size:15px;
}

h1

{
	font-size:22px;
	color:#4965B8;	
}

img

{
    border:none;
}
a 

{
	outline: none;
	color:#8676DA;
	text-decoration:none;
}

a:hover

{
	color:#3D3665;
}

#outermain

{
    width:1400px;
    margin-left:auto;
    margin-right:auto;
}


#inner


{
    width:1400px;
    float:left;
    text-align:left;
    background:#6485E4 url(../images/maincontentrepeathome.jpg) repeat-x scroll center bottom;
}


#mainebanner


{
    float:left;
    width:1400px;
    background:#6485E4 url(../images/mainbanner.jpg) no-repeat scroll top center;
    min-height:406px;
}


#middlearea



{
    background:#6485E4 url(../images/maincontentrepeathome.jpg) repeat-x scroll center bottom;
    float:left;
    width:1400px;
}

#homebuttons

{
    float:left;
    height:75px;
    padding-left:409px;
    width:605px;
}

#ourwork_button

{
    float:left;
    width:300px;
    height:75px;
}


#sayhello_button

{
    float:left;
    width:300px;
    height:75px;
}


#MainContentArea

{
    float:left;
    width:1400px;
    margin-bottom:20px;
	margin-top:20px;
}

#ourwork_area

{
	float:left;
	width:600px;
	padding-left:460px;
	opacity:0.94;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
	filter: alpha(opacity=94);
	
	
}

#ourwork_content

{
	float:left;
	width:500px;
	opacity:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#sayhello_area

{
	float:left;
	width:600px;
	padding-left:460px;
	opacity:0.94;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
	filter: alpha(opacity=94);
	
}

#sayhello_content

{
	float:left;
	width:500px;
	opacity:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.contenttop

{
	width:500px;
	height:36px;
	background:url(../images/contentareatop.jpg) no-repeat;
}

.contentmiddle

{
	width:500px;
	float:left;
	background:url(../images/contentarea_rpt.jpg) repeat-y center;
}

.contentmiddle_output

{	
	padding-left:18px;
	width:460px;
}

.contentbottom

{
	width:500px;
	height:41px;
	float:left;
	background:url(../images/contentareabottom.jpg) no-repeat;
}

#bottomlinks

{
float:left;
margin-left:595px;
padding-bottom:27px;
width:380px;
}

#bottomlinks ul

{
	padding:0px;
	margin:0px;
}

#bottomlinks li

{
	display:inline;
	list-style:none;	
}

#bottomlinks li a

{
	font-weight:bold;
	text-decoration:none;
	color:white;	
	font-size:12px;
}


#footerarea


{
    float:left;
    width:1400px;
    height:152px;
    background:url(../images/bottom.jpg) no-repeat center;
}


#osimages_holder

{
    float:left;
    height:75px;
    padding-left:490px;
    width:605px;
    margin-top:44px;
    margin-bottom:42px
}

#osimages1

{
    float:left;
    height:51px;
    width:50px;
    padding-left:75px;
}

#osimages2

{
    float:left;
    height:51px;
    width:50px;
    padding-left:75px;
}

#osimages3

{
    float:left;
    height:51px;
    width:50px;
    padding-left:75px;
}

.osimagesturnDown

{ height: 51px; width: 50px;}


.osimagesturnUp

{ height: 51px; width: 50px;}

#closework

{
	float:left;
	height:16px;
	margin-top:18px;
	padding-left:19px;
	width:14px;
}

#closehello

{
	float:left;
	height:16px;
	margin-top:18px;
	padding-left:19px;
	width:14px;
}

#closepayment

{
	float:left;
	height:16px;
	margin-top:18px;
	padding-left:19px;
	width:14px;
}

#sayhelloText

{
    text-align:center;
}

#hellocont{
	width: 440px;
	margin: 10px auto;
	text-align: left;
}

#customForm{
	padding: 0 30px 10px;
}
#customForm label{
	display: block;
	color: #29427B;
	font-weight: 700;
	line-height: 1.4em;
	font-size:16px
}
#customForm input{
border:2px solid #4965B8;
color:#4965B8;
font-family:comic Sans MS, verdana;
font-size:14px;
padding:6px;
width:160px;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 330px;
	height: 80px;
	border:2px solid #4965B8;
color:#4965B8;
font-family:comic Sans MS, verdana;
font-size:14px;
padding:6px;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
	color:#E77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	color:black;
font-size:14px;
font-style:italic;
margin-left:10px;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	border:0 none;
	cursor:pointer;
	width:116px;
	height:60px;
	background:transparent url(/images/send.gif) no-repeat scroll 0 0;
}

.stdform

{
background:none repeat scroll 0 0 white;
border:3px solid grey;
margin:1px auto;
padding:29px 0 9px 51px;
width:45%;
}

.stdform input{
border:2px solid #4965B8;
color:#4965B8;
font-family:comic Sans MS, verdana;
font-size:14px;
padding:6px;
}


#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}

#formisallgood

{
	color:green;
	font-size:14px;
}

.sent

{
	color:green;
font-size:16px;	
}

#slider {
  width: 400px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 550px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: transparent;
}

.scrollContainer div.panel {
  padding: 10px;
  height: 550px;
  width: 380px; /* change to 560px if not using JS to remove rh.scroll */
  background:transparent;
}

.send

{
	margin-top:44px;
	padding-left:150px;	
}

.sending

{
	margin-top:44px;
	padding-left:100px;	
}

.sent

{
	margin-top:44px;
	padding-left:100px;	
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  display:none;
}

.scrollButtons.right {
  display:none;
}

#topnav ul {
	margin: 0;
	list-style: none;
	float: left;
	font-size: 16px;
	background:white;
	padding-left:12px;
	padding-right:12px;
}
#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
#topnav a, #topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 15px;
	float: left;
	text-decoration: none;
	color: #021444;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
#topnav a{ /*--This is basically the hover state of navigation--*/
	color: grey;
}


#servernotconfig {
    background: none repeat scroll 0 0 #DADFEC;
    border: 4px solid darkgray;
    left: 37%;
    position: absolute;
    top: 22%;
    width: 400px;
}