@charset "utf-8";

#featuredProjectIESeven {
	display:none;
	width:450px;
	text-align:center;
	border: 12px solid #e5eff4;
	padding-top:15px;
}

#featuredProjectIESeven .textStyleOne {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}


html {
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #176380;
	font-size:14px;
	letter-spacing:.04em;
	line-height:1.25em;
}

#background {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/layout_components/bkgd.jpg) repeat-x;
}

#scrollArea { /* this is so the mouse wheel scrolls with the cursor anywhere in the window */
	position:relative;
	width:100%;
	height:100%;
}

.oneColFixCtrHdr #container {
	width: 1014px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	position:relative;
	margin:0 0 0 35px;
	padding:0;
	width:1014px;
	height:115px;
	z-index:1;
}

img {
    border-style: none;
}

.clearFloat {
	clear:both;
}

.spacer {
	height:25px;
	width:100%;
}

#contentContainerTop {
	background:url(../images/layout_components/content_container_top.png) no-repeat;
	position:absolute;
	top:-35px;
	width:1013px;
	height:100%;
}

#contentContainerMiddle {
	position:relative;
	margin-top:35px;
	background:url(../images/layout_components/content_container_middle2.png) repeat-y;
	width:1013px;
	height:100%;	
}

#contentContainerBottom {
	position:relative;
	background:url(../images/layout_components/content_container_bottom2.png) no-repeat;
	width:1013px;
	height:34px;
}	

#content {
	position:relative;
	text-align:justify;
	width:1013px;
	height:100%;
	padding:15px 0 0 20px;
	margin:0;
	color:black;
}

#rightColumn {
	width:290px;
	float:left;
	padding-left:7px;
}

#rightColumn h2, #rightColumn h3, #rightColumn p, #rightColumn ul {
	margin-left:15px;
	width:245px;
}

#leftColumn {
	width:620px;
	float:left;
	padding:0 25px 0 25px;
	position:relative;
}

#leftColumn p {
	margin-top:8px;
	margin-bottom:12px;	
}

h2 {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0;
	color:#00a99d;
	font-size:21px;
	font-weight:bold;
}

h3 {
	color:#a1bfcf;
	font-size:18px;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:2px;
	
}

.horzBar {
	float:left;
	height:1px;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:3px solid #f1f5f6;
}

.vertBar {
	display:none;
	float:left;
	background:#f1f5f6;
	width:3px;
	height:49em;
	margin:25px 0 0 0;
}

.firt {
	display:none;
}

.finePrint {
	font-size:12px;
	color:#999999;
}

.seeMore {
	font-size:12px;
}

#logoFlash {
	position:relative;
	top:75px;
	float:left;
	width:312px;
	height:38px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
}

#graphicDesignWebsiteDesign {
	position:relative;
	top:112px;
	left:11px;
	background:url(../images/layout_components/graphic-design-website-design.png) no-repeat;
	width:292px;
	height:17px;
}

.boxTop {
	background:url(../images/layout_components/box-top.png) no-repeat;
	width:279px;
	height:16px;
	padding:0;
	margin:0;
}

.boxMiddle {
	background:url(../images/layout_components/box-middle.png) repeat-y;
	width:279px;
	height:100%;
	margin-top:0;
	padding-bottom:1px;
}

.boxBottom {
	background:url(../images/layout_components/box-bottom.png) no-repeat;
	width:279px;
	height:16px;
}
	

/*------------------NAV_MAIN---------------------*/
#nav_main_container {
	position:relative;
	top:19px;
	float:left;
	height:110px;
	width:100px;
	margin:0 0 0 130px;
	padding:0;
}

#nav_main_container ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:110px;
}

#nav_main_container ul li {
	position:absolute;
	display:inline;
	margin:0;
	padding:0;
}

#web {
	left:100px;
}

#print {
	left:200px;
}

#rates {
	left:300px;
}

#contact {
	left:390px;
}

/*------------------/NAV_MAIN---------------------*/

/*--------------------MAIN LINK STATES----------------------*/
a {
	font-weight:bold;
	color:#ff6633;
	text-decoration:underline;
}

a:link {
	font-weight:bold;
	color:#ff6633;
	text-decoration:underline;	
}

a:visited {
	font-weight:bold;
	color:#ff6633;
	text-decoration:underline;
}

a:hover {
	font-weight:bold;
	color:#ffba00;
	text-decoration:underline;
}

a:active {
	font-weight:bold;
	color:#ff6633;
	text-decoration:underline;
}
/*--------------------/MAIN LINK STATES----------------------*/

.portfolioItemWeb {
	float:left;
	text-align:center;
	padding:0 5px 20px 0;
	margin-right:25px;
	font-size:12px;
}

.portfolioItemPrint {
	float:left;
	text-align:center;
	padding:0 0px 15px 0;
	margin-right:10px;
	font-size:12px;
}

.logo {
}

#portfolioItem img {
	margin-bottom:5px;
}

.imgBorder {
	padding:5px;
	border:2px solid #CCFFFF;
}

a:hover .imgBorder {
	padding:5px;
	border:2px solid #e8ffff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.itemType { /* this is for the text below the print item description what kind of item it is. e.g. business card, tshirt design, etc. */
	font-style:italic;
	text-align:center;
}

.listStyle1 {
	list-style-type:none;
	font-weight:normal;
	margin-top:10px;
	padding-left:17px;
	line-height:100%;
}

.listStyle1 li {
	background-image:url(../images/list-style-type.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:15px;
	padding-bottom:4px;
}

#printList {
	font-size:13px;
	font-weight:normal;
	list-style-image:url(../images/list-style-type.gif);
}

/*-------------------------------SUBHEADERS---------------------------------*/

#needACustomWebsite {
	background:url(../images/layout_components/subheaders/need-a-custom-website.png) no-repeat;
	width:606px;
	height:26px;
}

#featuredProjects {
	background:url(../images/layout_components/subheaders/featured-projects.png) no-repeat;
	width:227px;
	height:20px;
}

#whatWeDo {
	background:url(../images/layout_components/subheaders/what-we-do.png) no-repeat;
	width:153px;
	height:16px;
}

#customWebsites {
	background:url(../images/layout_components/subheaders/custom-websites.png) no-repeat;
	width:217px;
	height:21px;
}

#printDesign {
	background:url(../images/layout_components/subheaders/print-design.png) no-repeat;
	width:152px;
	height:26px;
}

h2#rates {
	background:url(../images/layout_components/subheaders/rates.png) no-repeat;
	width:200px;
	height:21px;
}

h2#contact {
	background:url(../images/layout_components/subheaders/contact.png) no-repeat;
	width:99px;
	height:21px;
}

/*-------------------------------/SUBHEADERS---------------------------------*/

/*-----------------------FORM----------------------*/

.x-dlg { /* fixes cursor bug in Firefox */
position: fixed;
position:expression("absolute");
}


#contactForm {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formLabel {
	font-weight:bold;
	margin-bottom:3px;
}

.formField {
	margin-bottom:7px;
	background:url(../images/layout_components/text-field.gif) no-repeat;
	width:208px;
	height:21px;
	border:none;
}

.formField a:hover {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#contactForm .formField,
#contactForm textarea {
	padding:7px 0 0 7px;
	color:#0099FF;
}

#textArea {
	background:url(../images/layout_components/text-area.gif) no-repeat;
	width:469px;
	height:133px;
	border:none;
}

#contactFormSubmitButton {
	margin-top:7px;
}

#contactFormSubmissionSuccessful {
	background:url(../images/layout_components/subheaders/contact-form-submission-successful.png) no-repeat;
	width:484px;
	height:16px;
}

/*-----------------------/FORM----------------------*/



/*-------------------------------FOOTER---------------------------------*/
#footer {
	position:relative;
	text-align:center;
	width:950px;
	margin:0 25px 25px 25px;
}

#copyRightInfo {
	float:left;

}

#contactLink {
	float:right;

}

#w3 {
	display:none;
}
/*-------------------------------/FOOTER---------------------------------*/