body {
margin:0px;
padding:0px;

}

#mainframe{
width:1000px;
margin:0px auto;
border-left:1px #ccc solid;
border-right:1px #ccc solid;

padding:0px;
background-color:#fff;

}

.top-nav{
width:980px;
height:55px;
margin:0px auto;
background-color:#fff;
padding-top:17px;
}

.top-nav ul{
margin:0px;
padding:0px;

}
.top-nav ul li{
list-style:none;
display:inline;

}

.top-nav ul li a {
text-decoration:none;
color:#000;
font-family: serif;
font-size:16pt;
height:72px;
padding-top:30px;
padding-bottom:42px;
padding-left:18px;
padding-right:18px;

}

.top-nav ul li a:hover {
background-image:url("../images/topnave_hover.jpg");
background-repeat:repeat-x;
background-position:left center;
height:72px;
padding-top:30px;
padding-bottom:42px;
padding-left:18px;
padding-right:18px;
}

.top-nav ul li a:active {
background-image:url("../images/topnave_hover.jpg");
background-repeat:repeat-x;
background-position:left center;
height:72px;
padding-top:30px;
padding-bottom:42px;
padding-left:18px;
padding-right:18px;
border-left:1px solid #ddd;
}



.middle-nav{
font-family:Georgia;
font-size:16pt;
font-weight:bold;
width:980px;
height:80px;
margin:0px auto;
background-image:url("../images/mainlink-bg.jpg");
background-repeat:repeat-x;
background-position:left bottom;
clear:both;
}

.middle-nav ul{
margin:0px;
padding:0px;

}
.middle-nav ul li{
list-style:none;
display:inline;
margin:0px;
padding:0px;

}

.middle-nav ul li a {
text-decoration:none;
margin:0px;
color:#000;
height:72px;
padding-top:30px;
padding-bottom:55px;
padding-left:26px;
padding-right:25px;
background-image:url("../images/mainlink-bg.jpg");
background-repeat:repeat-x;
background-position:left bottom;


}
.middle-nav ul li a:hover {
background-image:url("../images/mainlink-bg-hover.jpg");
background-repeat:repeat-x;
background-position:left bottom;
color:#000;
height:72px;
padding-top:30px;
padding-bottom:55px;
padding-left:26px;
padding-right:25px;
}

.middle-nav ul li a:active {
background-image:url("../images/mainlink-bg-hover.jpg");
background-repeat:repeat-x;
background-position:left bottom;
height:72px;
padding-top:30px;
padding-bottom:55px;
padding-left:25px;
padding-right:18px;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
}


#banner-frame{
width:980px;
height:246;
clear:both;
margin:0px auto;
}
#banner-left
{
	width: 557px;
	height: 246px;
	background-image: url("../images/index_05.jpg" );
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#banner-right{
width:423px;
height:246px;
float:left;
background-image:url("../images/index_06.jpg");
background-repeat:no-repeat;
background-position:left top;
}

.intro-frame{
height:233px;
width:980px;
margin:0px auto;
}
.sidemenu{
height:233px;
width:281px;
float:left;
}
.intro{
width:679px;
float:right;
padding:10px;
}

.intro h1{
font-family:Georgia;
font-size:35px;
color:#000;
margin:0px;
padding:0px;
display:inline;

}

.intro h2{
font-family: serifa;
font-size:35px;
font-weight:bold;
color:#666;
margin:0px;
padding:0px;
display:inline;
}


.large-menu{
width:980px;
height:143px;
background-image:url("../images/larg-menu-bg.jpg");
background-repeat:repeat-x;
background-position:left top;
clear:both;
margin:0px auto;
background-color:#003399;

}
.sep-line1{
width:1000px;
height:13px;
background-image:url("../images/index_20.gif");
background-repeat:no-repeat;
background-position:center;
clear:both;

}

.large-menu_btm{
width:1000px;
height:210px;
background-image:url("../images/larg-menu-BTM-bg.jpg");
background-repeat:repeat-x;
background-position:left top;
background-color:#FFFFFF;
clear:both;
margin:0px auto;


}

.large-menu_btm-inside{
width:980px;
height:180px;
margin:10px auto;
background-color:#FFFFFF;
clear:both;

}

.large-menu_btm-tint{
width:32%;
height:169px;
margin:5px;
background-image:url("../images/tint-bg.jpg");
background-repeat:repeat-x;
background-position:left top;
float:left;


}
.large-menu_btm-inside h1{
margin:5px;
padding:0px;
color:#999999;
font-size:30px;
font-family:Georgia;
text-align:center;

}
.large-menu_btm-inside fieldset{
width:75%;
margin:10px auto;
padding:10px;
border:3px #ddd solid;
background-color:#FFFFFF;
}
.large-menu_btm-inside p{
font-family: serif;
font-size:12pt;
padding:15px;

}
.technology_integ_frame{
	heith:662px;
	width:1000px;
	background-repeat:repeat-x;
	background-position:left top;
	clear:both;
	height: 170px;
	background-image: url("../images/tint-bg.jpg");

}#technology_integ_inner {
	background-image: url("../images/tech_bg.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
	height: 180px;
	width: 980px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.paypal {
	background-image: url("../images/tech_bg-seperator.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 152px;
	width: 194px;
}
.php {
	background-image: url("../images/tech_bg-seperator.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 152px;
	width: 360px;
}
.line1 {
	background-image: url("../images/line1.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 11px;
	width: 1000px;
	margin:0px auto;
}
#footer {
	background-image: url("../images/footer-bg.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 80px;
	width: 1000px;
}
.footer-graybox {
	background-color: #c0c0c0;
	margin: 5px;
	padding: 10px;
	width: 280px;
	float: left;
}

#footer-bottom {
	
	clear: both;
	width: 950px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#footer-bottom h2 {
font-family: Georgia;
	font-size: 24px;
	color: #666;
	text-align:center;
}

#footer-menu  h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	color: #666666;
}

#footer-menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333333;
	clear: both;
	height: 40px;
	width: 950px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px;
}
#footer-menu ul{
margin:0px 0px 10px 0px;
padding:0px;
}

#footer-menu ul li{

list-style:none;
display:inline;
}

#footer-menu ul li a{
padding-left:6px;
padding-right:6px;
text-decoration:none;
color:#333;
font-size:10pt;
}
#footer-menu ul li a:hover{
color:#990000;
}

#logodesign {
	background-image: url("../images/index_16.jpg");
	background-repeat: repeat;
	background-position: left top;
	float: left;
	height: 143px;
	width: 282px;
	margin: 0px;
	padding: 0px;
}
#recentprojects {
	background-image: url("../images/index_17.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 143px;
	width: 288px;
	margin: 0px;
	padding: 0px;
}
#get-a-quote {
	background-image: url("../images/index_18.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 143px;
	width: 410px;
}
#webdev_menu {
	margin: 0px;
	padding: 60px 0px 0px 0px;
	float: left;
	height: 233px;
	width: 281px;
	background-image:url("../images/WebDevelopment_head.gif");
	background-position:top center;
	background-repeat:no-repeat;
}
#webdev_menu ul{
 margin:0px;
 padding:0px;
}
#webdev_menu ul li
{
	list-style-type:none;

}

#webdev_menu ul li a
{
	background-image: url( ../images/WebDevelopment_normal-bg.gif );
	padding:12px 0px 12px 65px;
	display:block;
	color:#0aafdc;
	font-family:Verdana;
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	
	
}

#webdev_menu ul li a:hover
{
	
	background-image: url( ../images/WebDevelopment_hover-bg.gif );
	background-color:#0aafdc;
	padding:12px 0px 12px 65px;
	display:block;
	color:White;
	font-family:Verdana;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration:none;
	}

.recent_project
{
	background-position: center top;
	background-image: url("../images/recent_project.jpg");
	background-repeat: no-repeat;
	height:351px;
	width:272px;
	float:left;
	clear:both;
}
.content
{
	margin:5px;
	padding:5px;
	
}
.content p
{
	font-family:Georgia;
	font-size:12pt;
	line-height:20pt;
	text-align:justify;
	color:#333;
}
.content h1{
font-family:Georgia;
font-size:35px;
color:#000;
margin:0px;
padding:0px;
display:inline;

}

.content h2{
font-family: serifa;
font-size:35px;
font-weight:bold;
color:#666;
margin:0px;
padding:0px;
display:inline;
}
.work-holder
{
 width:280px;
 height:160px;
 float:left;
 margin:25px 15px;   
}