@charset "utf-8";
/* CSS Document */

@import url(reset.css);

body {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin-top:0px; background-image:url(../images/background.jpg); background-repeat:repeat-x; background-color:#9bd5fa;}

#sitewrapper{width:900px; margin:0 auto; }

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{margin:0; padding:0; width:auto; height:auto;background:none;}
.col { float:left;}
.pink {
	color:#cc0066;
	font-weight: normal;
}
.title {font-size:14px; font-weight:bold;}

#menu {width:900px; float:left; background-image:url(../images/header-back-1.jpg); height:144px;}
#flash {height:330px; width:780px;} 
#flashcontenta {width: 780px; height: 330px; color:#000033;}
#row {width:880px; padding-left:10px;padding-right:10px;padding-bottom:5px; float:left; background-color:#ffffff;}
#row1 {width:880px; padding-left:10px;padding-right:10px;padding-bottom:5px; float:left;  background-color:#ffffff;}
#row2 {width:880px; padding-left:10px;padding-right:10px;padding-bottom:5px; float:left;  background-color:#ffffff;}
#row3 {width:880px; padding-left:10px;padding-right:10px;padding-bottom:5px; float:left;  background-color:#ffffff;}
#threeboxes {width:880px; padding-left:10px;padding-right:10px;padding-bottom:5px; float:left;   background-color:#ffffff;}
#rowborder {width:890px; padding-left:5px;padding-right:5px; float:left; border-top: solid 1px #000033; border-bottom: solid 1px #000033;}
#onecolumn {width:240px; float:left; padding-left:5px;padding-right:5px;padding-bottom:5px;}
#twocolumns {width:603px; float:left; height: 200px; padding-left:5px;padding-right:5px;}
#twocolumns1 {width:623px; float:left; height: 200px; padding-left:5px;padding-right:5px;}
#twocolumns2 {width:620px; float:left; height: 200px; padding-left:5px;padding-right:5px;}
#twocolumns3 {width:616px; float:left; height: 200px; padding-left:5px;padding-right:5px;}
#twocolumns4 {
	width:605px;
	float:left;
	height: 250px;
	padding-left:5px;
	padding-right:5px;
}
#twocolumns5 {
	width:605px;
	float:left;
	height: 250px;
	padding-left:5px;
	padding-right:5px;
}
#toppic {width: 780px; float:left;}


#columnboxes {width:226px; padding-top:50px; padding-left:14px; padding-right: 14px;float:left; text-align:center;}
.brandback {background-image:url(../images/brand-back.jpg); height:125px; color:#ffffff;}
.webdesignback {background-image:url(../images/web-design-back.jpg); height:125px; color:#ffffff;}
.smallbusinessback {background-image:url(../images/small-business-solutions.jpg); height:125px; color:#ffffff;}
.necessariaback {background-image:url(../images/necessaria-non-profit.jpg); height:200px; color:#000000; background-repeat:no-repeat}
#columnboxes1 {width:265px; height:250px; float:left;}
#columnboxes2 {
	width:232px;
	padding-top:50px;
	padding-left:14px;
	padding-right: 14px;
	float:left;
	text-align:center;
}
.newlogo {height:250px;}

#portfolioboxes {width:268px; padding-top:50px; padding-left:15px; padding-right: 10px;float:left; text-align:center;}
#portfolioboxes1 {width:268px; padding-top:50px; padding-left:15px; padding-right: 10px;float:left; text-align:center;}
#portfolioboxes2 {width:268px; padding-top:50px; padding-left:15px; padding-right: 10px;float:left; text-align:center;}
.brandback1 {background-image:url(../images/brand-back.jpg); height:125px; color:#ffffff;}
.webdesignback1 {background-image:url(../images/web-design-back.jpg); height:125px; color:#ffffff;}
.smallbusinessback1 {background-image:url(../images/small-business-solutions.jpg); height:125px; color:#ffffff;}

.tabletoprow {background-color:#003366; color:#ffffff;}
.tabletopleft {background-color:#e5e5e5; color:#003366; font-weight:bold;}


hr {color: #cccccc;}
h1 {color:#cc0066; font-size:1.4em; font-weight:bold;}
h2 {color:#000000; font-weight:bold; font-style:italic; border-bottom:solid 1px #000066;}
h3 {color:#000000; font-weight:bold; font-size:1.1em;}

#webmenu {float:left; width:226px; background-image:url(../images/top-pics/web-design-gallery/category-back.jpg); color:#003366;}
#webmenu a:link {text-decoration: none; color: #003366;}
#webmenu a:visited {text-decoration: none; color: #003366;}
#webmenu a:hover {text-decoration: underline; color:#cc0066;}
#webmenu a:active {text-decoration: none; color: #003366;}

#webcategory {float:left; width:649px; color:#003366; padding-top:15px; padding-left:5px;}
#webcategory a:link {text-decoration: none; color: #003366;}
#webcategory a:visited {text-decoration: none; color: #003366;}
#webcategory a:hover {text-decoration: underline; color:#cc0066;}
#webcategory a:active {text-decoration: none; color: #003366;}



#footer {width:890px; background-color:#003366; color:#ffffff; padding:5px; text-align:center; float:left; border-top: solid 2px #cccccc; font-size:.9em;}
#footer a:link {text-decoration: none; color: #ffffff;}
#footer a:visited {text-decoration: none; color: #ffffff;}
#footer a:hover {text-decoration: none; color:#cc0066;}
#footer a:active {text-decoration: none; color: #ffffff;}

#copy {width:890px; color:#000000; text-align:center; float:left; font-size:.8em; padding-top:10px;}
#copy a:link {text-decoration: none; color: #000000;}
#copy a:visited {text-decoration: none; color: #000000;}
#copy a:hover {text-decoration: none; color:#cc0066;}
#copy a:active {text-decoration: none; color: #000000;}

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