img{
	border:none; 
}

body {
	overflow-x:hidden;
	margin:0px;
	background-image: url(http://www.cyberdesignz.com/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left 54px;
	font-family: arial; font-size: 12px;
}

.textf{
	border:solid 1px #83a5af;
	width:130px;
	font-family:Verdana, Geneva, sans-serif;
	color:#345b66;
}
.textff{
	border:solid 1px #83a5af;
	font-family: verdana;
	width:190px;
	color:#345b66;
}
.textfff{
	border:solid 1px #83a5af;
	font-family: verdana;
	width:290px;
	color:#345b66;
}

#wrapper{
	 margin: 0 auto;
	 width:1033px;
}


#web-design-company h1{
color:#999999; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:1829px;position:absolute;text-align:center;width:806px;z-index:0;  display:inline; margin-left:288px;  text-align:left; width:550px; 	
}

#web-design-company h1{
color:#999999; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:1850px;position:absolute;text-align:center;width:806px;z-index:0;  display:inline; margin-left:288px;  text-align:left; width:550px; *padding-top:70px; }


#nweb-design-company h1{ 
 position:absolute; margin-top:815px; color:#999999; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%;
}

#nweb-design-company h1{ 
 position:absolute; margin-top:1027px; color:#999999; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%;
 
}

#center ul { line-height:20px;}

#center ol { line-height:20px;}


#topleft{
	width:61px;
	height:262px;
	float:left;
	display:inline;
	margin-top:0px;
	
}
.headingtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #003164;
	text-align: justify;
}

#topright{
	float:left;
	width:61px;
	height:262px;
	margin-top:0px;
	
}

#clear{ clear:both;}

.clear{ clear:both;}

#topnav{
 float:left;
 color:#FFFFFF;
 height:54px;
}

#toplinks{


}

.button{

background-color:#67ACED;
font-weight:bold;
border-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.menu_heading{
	list-style:none;
	margin:0px;
	padding:0px;
}

.heading{
	background:url(http://www.cyberdesignz.com/images/cdz_34.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#069;
	font-weight:bold;
	padding-left:10px;
	padding-bottom:5px;
	
	}

.subheading
{
	padding-left:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:20px;
	line-height:20px;
	font-weight:bold;
}

h1{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}

h3{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}
.hedh3{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}


h4{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}
.hedh4{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}


.web-design-portfolio{
  color:#003164;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
}


.web-design-testimonials{
  color:#003164;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
}


.bheading{ 
  color:#003164;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
}

h2{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}
.hedh2{
  color:#003164;
  font-size:18px;
  font-weight:normal;
}
p{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:justify;
}

.error{
	color:#F00;
}

.contact_ourfcus{
	position:relative;
	width: 75%;
	height:220px;

	margin:0px 0px 20px 5px;
	float: left;
}


.quote_text{
	position:relative;
	font-size:14px;
	height:40px;
	padding-top:10px;
	color:#6c6c6a;
	clear: left;
}

.quote{
	position:relative;
	display:block;
	float:left;
	background:url(http://www.cyberdesignz.com/images/bg16.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size:14px;
	float:left;
	padding:15px 20px 20px 20px;
	color:#6c6c6a;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}
.testinomials_heading{ position:relative; width:100%; float:right; font-size:24px; color:#FE4800; height:36px; line-height:36px; text-align:left; background:#ffffff; padding-left:0;} 


a.page:link {
	text-decoration: none;
	color:#0E4A89;
	font-size: 12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}


a.page:visited {
	text-decoration: none;
	color:#0E4A89;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
a.page:hover {
	text-decoration: underline;
	color:#333333;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}



.txtCpy { 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	
	font-size:10px;
}



.phone{
	text-align: center;
	font-size: 12px; 
	font-weight: bold;
	margin-top:5px;
		
}

#flash{
	text-align:center;
	float: left;
	margin-top: 0px;		
	width: 911px;
}

#flash a{
display:block;

}


#servicesimg{
	margin-top: 17px;
	width: 911px;
	float: left;
}

#left{ 
	width: 216px;
	border: solid 0px #000000;
	float: left;
	padding: 10px;
}

#center{
	
	width: 510px;
	border-right: solid 1px #eeeeee;
	float: left;
	padding: 10px 10px 10px 10px;
}

#portcenter{
	
	width: 710px;
	border-right: solid 1px #eeeeee;
	float: left;
	padding: 10px 10px 10px 10px;
}

#right{
	width: 200px;
	float: left;
	padding: 10px;
}

#footerlinks{
width:100%;margin-top:20px; margin-bottom:20px;text-align:center; 
}

a.txtCpy:link {
	text-decoration: none;
	color:#000000;
}
a.txtCpy:visited {
	text-decoration: none;
	color:#000000;
}
a.txtCpy:hover {
	text-decoration: underline;
	color:#CCCCCC;
}

#copyrights{
	color: #888888; margin-top:20px; padding-left:15px;
}

#bottomphone{
	
	font-size: 12px;
	color: #888888;
	
}

hr{
	color:#e2e2e2;
	margin:15px;
	text-align:left;
}

#detail p{ margin-bottom:5px;} 

#pscroller1{
width: 190px;
height: 315px;

padding: 5px;

}

#pscroller2{
width: 190px;
height: 315px;

padding: 5px;

}


#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

.moreTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
}
.listTxt {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color: #003366;
}
.home {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 14px;
	color: #003164;
}
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

a.listTxt:link {
	text-decoration: none;
}
a.listTxt:visited {
	text-decoration: none;
}
a.listTxt:hover {
	text-decoration: underline;
}
a.moreTxt:link {
	text-decoration: none;
}
a.moreTxt:visited {
	text-decoration: none;
}
a.moreTxt:hover {
	text-decoration: underline;
}








/* START CSS Drop Down Menu */

.aboutus_li li a{
	display:block;
	}
ul li.support_li a{ 
	display:block;
	width:180px;
	height:42px;
	}
	
ul li.client_li a{ 
	display:block;
	width:180px;
	height:42px;
	}

#topmenubg{
	background-image:url(../images/topmenubg.jpg);
	background-color:#000000;
	background-repeat:repeat-x;
	width: 100%;
	height: 54px;
	border:solid 0px #00FF33;
}

#menu-center{
	margin: 0 auto;
	width: 800px;
	height:54px;
}

#topmenu{
	list-style: none;
	text-align: center;
	border: solid 0px #ffffff;
	padding: 0px;
	margin: 0px;
}

#topmenu li{
	float: left;
}

#menuh
	{ 
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:1025px;
}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: none;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	/*background-color: none;*/
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	
	background-position: right center;
	background-repeat: no-repeat;
	}


#menuh ul ul li.pink a{ font-weight:bold; text-align:left; width:100%;}

#menuh ul ul li.pink a:hover{  background:#333333; width:100%;}



#menuh ul ul li.green a{ font-weight:bold; text-align:left; width:100%;}

#menuh ul ul li.green a:hover{  background:#333333; width:100%;}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:150px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{ 
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em; 
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:94%;
	width:100%;
	}


#menuh ul ul ul.next
	{
	top:0;
	left:100%;
	width:100%;	
	}


div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#footerleft{ 
	width:1033px;
	margin:auto;
	height:180px;
}



#footerline{ 
	float:left;
	list-style:none;
	display:block;
	
	
}


#footerline li{
	
	text-align:left;
	display:block;
	list-style:none;
	padding-bottom:3px;
	
}


#footerline li.toplink{
	display:block;
	list-style:none;
	padding-bottom:10px;
	font-weight:bold;
	font-size:12px;
	color:#000;
	
	
	
}


#footerline li.toplink a{
	list-style:none;
	font-weight:bold;
	font-size:12px;
	color:#000;
	
}


#footerline li.toplink a:hover{
	list-style:none;
	font-weight:bold;
	font-size:12px;
	color:#000;
	
}

#footerline li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:left;
	text-decoration:none;
	}
	
	
#footerline li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	text-decoration:underline;
	}
	
	
	#footerline li.none{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:left;
	text-decoration:none;
	
	}
	
	
	






.footerline{ 
	float:left;
	list-style:none;
	display:block;
	
	
}


.footerline li{
	
	text-align:left;
	display:block;
	list-style:none;
	padding-bottom:3px;
	
}


.footerline li.toplink{
	display:block;
	list-style:none;
	padding-bottom:10px;
	font-weight:bold;
	font-size:12px;
	color:#000;
	
	
	
}


.footerline li.toplink a{
	list-style:none;
	font-weight:bold;
	font-size:12px;
	color:#000;
	
}


.footerline li.toplink a:hover{
	list-style:none;
	font-weight:bold;
	font-size:12px;
	color:#000;
	
}

.footerline li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:left;
	text-decoration:none;
	}
	
	
.footerline li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	text-decoration:underline;
	}
	
.footerline li.none{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:left;
	text-decoration:none;
	
	}
	




#bottomnav{
	display:block;
	list-style:none;
	display:block;
	width:550px;
	margin:0 auto;
	
	}
	#bottomnav li{
	display:block;
	list-style:none;
	padding-left:3px;
	padding-right:3px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	}
	
	#bottomnav li a{
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	
	text-align:left;
	text-decoration:none;
	}
	
	
	#bottomnav li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	
	text-align:left;
	text-decoration:underline;
	}
	
	
	.blog_heading{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #003164;
}
	
	.blog_title{
	color:#0E4A89;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}







#wrapper-main{ 
	 width:100%;


}

#smallbox{
	float: left;
	width: 240px;
	height: auto;
	padding: 15px;}

#smallbox2{
	float: left;
	width: 240px;
	height: 200px;
	padding: 15px;}
	
#bigbox{
	float: left;
	width: 390px;
	height: auto;
	padding: 15px;}

#bigbox2{
	float: left;
	width: 650px;
	height: auto;
	padding: 15px;}


#slideshow{position:relative;margin:0 0 0 -5px;}#slideshow IMG{position:absolute;top:0;left:0;z-index:8;}#slideshow IMG.active{z-index:10;}#slideshow IMG.last-active{z-index:9;}img.leftimg{float:left;padding:5px;border:1px solid #ccc;margin:5px 10px 5px 0px;}


	#welcomebg h1{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #970404;
	}
	#welcomebg a{
		color: #970404;
		text-decoration: none;
		font-weight: bold;
	}
	
#center-align{width:960px; height:auto; margin:auto;}

.quote-new{
	position:relative;
	height:150;
	display:block;
	float:left;
	background:url(../images/testi-bubble.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size:14px;
	float:left;
	padding:15px 20px 20px 20px;
	font-family:Arial, Helvetica, sans-serif;
}

.quote_text_new{
	position:relative;
	font-size:14px;
	height:100px;
	padding-top:10px;
	color:#6c6c6a;
	clear: left;
}

.content-pane {
	height:375px;
	overflow:auto;
	width:640px !important;  
}

.content-pane p{margin:0px; padding:5px 7px;}



#menu-center{
	margin: 0px auto;
	width: 895px;
}

#topmenu{
	list-style: none;
	text-align: center;
	border: solid 0px #ffffff;
	padding: 0px;
	margin: 0px;
}

#topmenu li{
	float: left;
}