body#wrapper {
width:100%;
font:80%/140% georgia,serif;
background: #CCCCCC url(imgs/BodyBg.jpg) repeat-x top left;
margin:0;
padding:0;
}

#page
{
    width:1000px;
    margin:auto;
}

#header {
background: transparent url(imgs/Cyber_Oceans_Web_Application_Development_web_Design_in_Phoenix.png) no-repeat top left;
width:1000px;
height:150px;
}

#nav {
width:100%;
text-align:center;
height:33px;
position:relative; top:-43px; 
}

#navlist ul
{
padding: 0;
margin: 0;
}

#navlist li
{
float: left;
margin: 0 0.3em;
list-style: none;
}

#navlist li a
{
height: 2em;
line-height: 2em;
float: left;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
padding-left:10px;
padding-right:10px;
font-family:Tahoma;
}

#navlist li a:hover{ text-decoration:underline;}
#navlist li a.active{color:Orange; text-decoration:none;}


/* Hide from IE5-Mac \*/
#navlist li a
{
float: none
}

/* no dotted lines in FF \*/
a {
  outline: none;
}

/* End hide */

#navlist
{
width:100%; 
} 

#adminlink 
{
    height: 2em;
    line-height: 2em;
    float: right;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding-left:10px;
    padding-right:10px;
    margin-right:10px;
    cursor:pointer;
    font-family:Tahoma;
}

#content{ background:#5588A3 url(imgs/Contentbg.jpg) repeat-x top left;
width:978px;
padding:10px;
clear:both;
position:relative;
top:-49px;
border-left:1px solid #33495D;
border-right:1px solid #33495D;
margin:0;
font-size:small;
font-family:Tahoma;
}

#footer {
background: #5588A3 url(imgs/FooterBg.jpg) no-repeat top left;
width:1000px;
height:77px;
clear:both;
position:relative;
top:-49px;
text-align:center;
color:Silver;
font-size:small;
font-family:Tahoma;
}

#mvc{ position:relative; top:25px; left:11px; color:Orange; font-size:small; float:left; text-align:left;}

h2
{
  color:Orange;  border-bottom:1px dashed #003366; width:260px; font:bold 90% 'helvetica neue',sans-serif;letter-spacing:3px; text-transform:uppercase;
}
















/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color:#ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: Orange;
}

.validation-summary-valid
{
    display: none;
}



/* Sign In start ================================*/    
   /* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:111;
	} 
#signinContainer {
	position:absolute;
	left:590px;
	z-index:1000;
	top:132px;
	}
	
/* Hides the whole signin form until needed */	
#signinForm {
	height:150px;width:350px;
	background:#5588A3 url(imgs/ModalBg.jpg) no-repeat top left; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff; text-align:left;
	display:none;
	}   

	
/* Hides the confirmation message until needed */	
#signInFeedBack {display:none;}

/* This hides the form validation alert messages until needed */
#signinForm span { 
	display:none;
	color:#f5c478;
	}
			 
#signinForm input {
	width:180px; 
	background:#6d6d6d url(imgs/textBoxShadow.gif) no-repeat top left; 
	color:#000; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#signinForm input {background-position:0px -20px;}
#signinForm .authenticate {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	height:37px; width:105px; 
	cursor:pointer; text-align:center;
	float:right;  position:relative; top:-31px; right:-7px;
	}
#signinForm .submit:active {background:#cacaca; } 	
#signinForm label {padding-left:4px; font-weight:bold;}
#signinForm .input_boxes {float:left; width:204px;}

 #signinForm .email-missing, #signinForm .pwd-missing{ color:#f5c478; font-size:9px;}  
 
 #signinFeedBack{ font-weight:bold; font-size:11pt; position:absolute; top:-5px; left:360px; border:solid 1px red;}  
 
 #signinClose{height:25px; width:25px; position:absolute; top:-5px; left:360px; background:transparent url(imgs/x.png) no-repeat top right; cursor:pointer;}
 
/*================sigin form end================*/
.loading
{
    height:30px; width:30px;
    background: transparent url(imgs/ajax-loader.gif) no-repeat center right;
    z-index: 1200;
}

.btn{background:none repeat scroll 0 0 #CCCCFF; padding:7px; line-height:4px;
border:1px solid #000066;}

.sendajaxemail{background:none repeat scroll 0 0 #CCCCFF; padding:7px; line-height:4px;
border:1px solid #000066;}

.textBox {
	background:#6d6d6d url(imgs/textBoxShadow.gif) no-repeat top left; 
	color:#000; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	}
	
	.textArea {
	background:#6d6d6d url(imgs/textBoxShadow.gif) no-repeat top left; 
	color:#000; 
	border:1px solid #8a8a8a; 
	height:100px;  
	font-size:11px; 
	}

img{ border-style:none;}


   #copyright{ margin:auto; text-align:center;  position:relative; top:40px; clear:both; color:#000;}
 #copyright a:link    { color:#000;  text-decoration:none; }
 #copyright a:visited { color:#000; text-decoration:none; }
 #copyright a:hover   { color:#FF6600; text-decoration:underline; }
 #copyright a:active  { color:#000; text-decoration:none;}
 
  
 #relatedSites{ list-style-type:none; text-align:center; margin:auto; position:relative; top:-38px; font-size:small; font-family:Tahoma;}
#relatedSites ul{ padding:0;}
#relatedSites ul li{ padding-left:7px; padding-right:7px; display:inline;}
#relatedSites a:link    { color:#333366;  text-decoration:none; }
#relatedSites a:visited { color:#333366; text-decoration:none; }
#relatedSites a:hover   { color:#FF6600;  text-decoration:underline; }
#relatedSites a:active  { color:#333366; text-decoration:none;}

a:link    { color:#fff;  text-decoration:none; }
 a:visited { color:#fff; text-decoration:none; }
 a:hover   { color:Orange; text-decoration:underline; }
 a:active  { color:#fff; text-decoration:none;}

#seo ul { list-style:none;}


#home ul {	list-style:url('imgs/check.png');	}



	/* ======================================================================*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


	/* ======================================================================*/


.clear{ clear:both;}
.center{text-align:center;}




.bld{ font-weight:bold;}
.gry{background-color:#d3d3d3;}

.dn{ display:none;}


/*EditCustomerDialog ================================================================*/

#EditCustomerDialog {
	position:absolute;
	left:295px;
	z-index:1000;
	top:132px;
	}
#EditCustomerForm {
	height:290px;width:350px;
	background:#5588A3 url(imgs/ModalBg.jpg) repeat top left; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff; text-align:left;
	display:none;
	}  
	#EditCustomerClose{display:none;height:25px; width:25px; position:absolute; top:-5px; left:360px; background:transparent url(imgs/x.png) no-repeat top right; cursor:pointer;}

/* This hides the form validation alert messages until needed */
#EditCustomerForm span { 
	display:none;
	}
	
 #EditCustomerForm .businessname-missing,
 #EditCustomerForm .url-missing,
  #EditCustomerForm .description-missing,
   #EditCustomerForm .photopath-missing,
    #EditCustomerForm .versiondescription-missing{ color:#f5c478; font-size:9px;} 
    

/* contact form ======================================================*/
#ContactFormContainer {
	position:absolute;
	left:590px;
	z-index:1000;
	top:132px; font-family:Tahoma;
	}
	
/* Hides the whole signin form until needed */	
#ContactForm {
	height:340px;width:350px;
	background:#5588A3 url(imgs/ModalBg.jpg) no-repeat top left; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff; text-align:left;
	display:none;
	}   	 
#ContactForm input {
	width:180px; 
	background:#6d6d6d url(imgs/textBoxShadow.gif) no-repeat top left; 
	color:#000; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#ContactForm input {background-position:0px -20px;}
#ContactForm .sendajaxemail {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	height:37px; width:105px; 
	cursor:pointer; text-align:center;
	float:right;  position:relative; top:-2px; right:-7px;
	}
#ContactForm .submit:active {background:#cacaca; } 	


/* This hides the form validation alert messages until needed */
#ContactForm span { 
	display:none;
	}
	
 #ContactForm .contactname-missing,
  #ContactForm .contactemail-missing,
   #ContactForm .contactsubject-missing,
    #ContactForm .contactmessage-missing{ color:#f5c478; font-size:9px;} 
    
    #ContactFormFeedBack{ color:#f5c478; width:200px;}

 #ContactFormClose{height:25px; width:25px; position:absolute; top:-5px; left:360px; background:transparent url(imgs/x.png) no-repeat top right; cursor:pointer;}
 
/*================sigin form end================*/ 


.nr{ white-space:nowrap;}

#seo li{padding:3px;}