

div, ul, li, h3, h1, img, h4, h2{

	padding: 0;

	margin: 0;

	border: 0;

	list-style-position: inside;

}



.floatleft{

float: left;

}



.floatright{

float:right;

}





.clearboth{

clear: both;

}

.hide{

display: none;

}



.bold {

font-weight: bold;

}



body{

margin: 0 auto;

padding: 0;

text-align: center;

background: #092d5b;

}



#container{

margin: 0 auto;

width: 1018px;

}



#leftCol{

width: 124px;

height: 500px;

background: url(images/left.jpg) top left no-repeat;

}



#centerCol{ 

width: 775px;

background: #fff;

text-align: left;

}



#rightCol{

width: 119px;

height: 500px;

background: url(images/right.jpg) top left no-repeat;

}



#header{

width: 775px;

height: 98px;

}



#navcontainer{

width: 740px;

background: #99bce7 url(images/nav-bg.gif) top left repeat-x;

height: 36px;

line-height: 36px;

border-bottom: 1px solid #688fc0;

padding-left: 35px;

}



* html div#navcontainer {

width: 775px;

}



#nav{

list-style: none;

display: inline;

overflow: hidden;

}



#nav li{

list-style: none;

display: inline;

}



#nav a {

float: left;

padding: 36px 0 0 0;

overflow: hidden;

height: 0px !important; 

height /**/:36px; /* for IE5/Win only */

}



#nav a:hover, #nav a.active {

background-position: 0 -36px;

}



#thome a{

width: 112px;

background: url(images/nav/thome.gif) top left no-repeat;

}



#tport a{

width: 141px;

background: url(images/nav/tport.gif) top left no-repeat;

}



#tquotes a{

width: 119px;

background: url(images/nav/tquotes.gif) top left no-repeat;

}



#tservices a{

width: 137px;

background: url(images/nav/tservices.gif) top left no-repeat;

}



#tcontact a{

width: 121px;

background: url(images/nav/tcontact.gif) top left no-repeat;

}













#content{

margin: 34px;

}





/* for Mozilla/Safari/Opera */

*>#content {

 padding-top: 340px;

 min-height: 20px;

}

*>#main {

 margin-top: -340px;

}

/* for IE, with IE5/Mac backslash filter \*/

* html #content {

 height: 340px;

}

/* end filter */



#main img.border{

border: 10px solid #dadada;

}



.marginleft{

margin-left: 16px;

}



#main p, #main ul, #main table{

line-height: 26px;

font-family: Geneva, Arial,  sans-serif;

font-size: 12px;

letter-spacing: 0.05em;

color: #333;

}





#main a:link, #main a:visited{

color: #3399ff;

}



#main a:hover{

color: #0066cc;

}



#main ul{

margin-left:

25px;

}



#main ul li{

list-style: disc url(images/list-arrow.gif) outside;

margin-left: 15px;

}



* html div#main ul li{

line-height: 9px;

margin: 1.5em;

padding-left: 25px;

}



#hosting td{

padding: 2px 5px;

border: 1px solid #dfe8f5;

height: 20px;



}



#quotes {

padding: 25px 5px 5px 0;

}



#quotes input, #quotes textarea, #quotes select{

padding: 1px;

background: #e5ecf5;

border: 1px solid #a5bedc;

}



#quotediv{

border-top: 3px solid #99bce7;

border-bottom: 3px solid #99bce7;

padding: 21px;

background: #f0f2f5;

width: 600px;

}



* html div#quotediv{

width:642px;

}







h4.normal, h4.quotes{

color: #789cc8;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 18px;

margin-top: 40px;

}



h4.quotes{

margin-top: 10px;

}



.morecontent{

float: left;

width: 310px;

margin-bottom: 20px;

}



.morecontent2{

float:right;

width: 344px;

margin-bottom: 20px;

}





h1, h2{

font-size: 12px;

line-height: 26px;

}



* html h1, h2 {

margin-bottom: -12px;

}



h4{

font-size: 14px;

color: #cc9933;

font-family: Verdana, Arial, sans-serif;

letter-spacing: 0.1em;

line-height: 14px;

margin-top: -10px;

}



* html h4{

margin-top: 6px;

}



h1.headline{

width: 2799px;

height: 40px;

background: url(images/creativewebdesign.gif) top right no-repeat;

margin-left: -2500px;

}



h1.portfolio{

width: 2623px;

height: 31px;

background: url(images/port.gif) top right no-repeat;

margin-left: -2500px;

}

h1.howmuch{
width: 2926px;
height: 28px;
background: url(images/howmuch.gif) top right no-repeat;
margin-left: -2500px;}
h1.contact{

width: 2639px;

height: 33px;

background: url(images/contact.gif) top right no-repeat;

margin-left: -2500px;

}



h1.services{

width: 2759px;

height: 28px;

background: url(images/services.gif) top right no-repeat;

margin-left: -2500px;

}



h1.thanks{

width: 2737px;

height: 26px;

background: url(images/thanks.gif) top right no-repeat;

margin-left: -2500px;

}


h1.webpromotion{

width: 2733px;

height: 26px;

background: url(images/webpromotion.gif) top right no-repeat;

margin-left: -2500px;

}


h1.brg{

width: 2733px;

height: 26px;

background: url(images/brg.gif) top right no-repeat;

margin-left: -2500px;

}

h2.creative{

width: 2733px;

height: 26px;

background: url(images/what-we-do.gif) top right no-repeat;

margin-left: -2500px;

}



h1.mwp{

width: 2817px;

height: 31px;

background: url(images/mwp.gif) top right no-repeat;

margin-left: -2500px;

}

h1.ltdprints{
width: 2767px;
height: 28px;
background: url(images/ltdprints.gif) top right no-repeat;
margin-left: -2500px;
}

h1.studiosh{
width: 2767px;
height: 28px;
background: url(images/studio-sh.gif) top right no-repeat;
margin-left: -2500px;}

h1.mdd{
width: 2767px;
height: 28px;
background: url(images/mattdoesdesign.gif) top right no-repeat;
margin-left: -2500px;
}

h1.midas{

width: 2737px;

height: 26px;

background: url(images/midas.gif) top right no-repeat;

margin-left: -2500px;

}



h1.musicstore{

width: 2737px;

height: 26px;

background: url(images/musicstore.gif) top right no-repeat;

margin-left: -2500px;

}



h1.henry{

width: 2737px;

height: 26px;

background: url(images/henry.gif) top right no-repeat;

margin-left: -2500px;

}



h2.headline2{

width: 2750px;

height: 34px;

background: url(images/byb.gif) top right no-repeat;

margin-left: -2500px;

}



h2.headline3{

width: 2642px;

height: 31px;

background: url(images/getaquote.gif) top right no-repeat;

margin-left: -2500px;

}



div.portfolio{

width: 665px;

border-top: 3px solid #99bce7;

padding: 21px;

background: #f0f2f5;

margin-bottom: 34px;

}



* html div.portfolio{

width: 707px;

}



div.portfolio img.margin{

margin-left: 21px;

border: 6px solid #c0d5ee;

}





#footer p{
margin:0;
padding:0;
}

#footer{

width: 775px;

background: url(images/footer.gif) bottom left no-repeat;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

line-height: 29px;

color: #999;

text-align: center;
padding-bottom:15px;

}



#footer a:link, #footer a:visited{

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

line-height: 29px;

color: #999;

}



#spacer{

height: 40px;

width: 775px;

background: #092d5b;

}
