BODY {
	FONT-SIZE: 0.8em; BACKGROUND: url(../graphs/background_lighter.gif) #e6e6e6 repeat-x; COLOR: #797979; LINE-HEIGHT: 1.5em; FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana,Arial,sans-serif
}
#divPage {
	MARGIN: 0px auto; WIDTH: 770px; POSITION: relative
}
#divMenu {
	MARGIN: 0px auto; float:right; margin-top: 60px
}
#divHeader {
	HEIGHT: 89px
}
#divContent {
	POSITION: relative;
}
H1 A {
	DISPLAY: block; Z-INDEX: 50; BACKGROUND: url(../graphs/mario_header.jpg) no-repeat; LEFT: 20px; WIDTH: 230px; POSITION: absolute; TOP: -1px; HEIGHT: 180px
}
#ulMainMenu {
	FONT-SIZE: 0.95em; RIGHT: 25px; POSITION: absolute; TOP: 55px
}
#ulMainMenu A {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; COLOR: #ff0066; PADDING-TOP: 2px; TEXT-DECORATION: none
}
#ulMainMenu #liMenuHome A {
	BORDER-LEFT-STYLE: none
}
#aWhatAreMiniCards {
	DISPLAY: block; RIGHT: 35px; BACKGROUND: url(../graphs/cardhint.png); WIDTH: 131px; POSITION: absolute; TOP: 67px; HEIGHT: 35px
}
#ulInfoLinks {
	FONT-SIZE: 1em; RIGHT: 25px; COLOR: #808080; POSITION: absolute; TOP: 90px
}
#ulInfoLinks LI A {
	COLOR: #808080; TEXT-DECORATION: none
}
DIV.block {
	BACKGROUND: url(../graphs/blockmiddle.png) repeat-y; MARGIN-BOTTOM: 25px
}
DIV.blockmiddle {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 1%;BACKGROUND: url(../graphs/blockmiddle.png) repeat-y;
}
DIV.block SPAN.blocktop {
	DISPLAY: block;
	BACKGROUND: url(../graphs/blocktop.png) no-repeat;
	LEFT: 0px;
	WIDTH: 770px;
	POSITION: relative;
	TOP: -8px;
	HEIGHT: 8px;
	background-image: url(../graphs/blocktop.png);
}
DIV.block SPAN.blockbottom {
	CLEAR: both; DISPLAY: block; BACKGROUND: url(../graphs/blockbottom.png) no-repeat; LEFT: 0px; WIDTH: 770px; BOTTOM: -9px; POSITION: relative; HEIGHT: 15px
}
#divContentLeft {
	FLOAT: left; WIDTH: 385px
}
#divSidebar {
	MARGIN-TOP: 82px; PADDING-LEFT: 80px; FONT-SIZE: 0.9em; FLOAT: left; WIDTH: 245px; LINE-HEIGHT: 1.4em
}
#divSidebar UL {
	MARGIN-BOTTOM: 2em
}
#divSidebar DL {
	MARGIN-BOTTOM: 2em
}
#divSidebar H4 {
	FONT-SIZE: 1.1em; PADDING-BOTTOM: 0.2em; COLOR: black; BORDER-BOTTOM: #aeaeae 1px dotted
}
#divSidebar DT {
	COLOR: black
}
#divSidebar DD {
	MARGIN: 0px 0px 1em
}
#hFlickrMinicard {
	MARGIN-TOP: 15px; BACKGROUND: url(../graphs/minicards_purple.png) no-repeat; WIDTH: 330px; HEIGHT: 65px
}
#pIntro {
	MARGIN-TOP: 5px; RIGHT: 20px; WIDTH: 500px; POSITION: absolute; TOP: -10px
}
#divHeros DIV {
	BORDER-RIGHT: #e5e4e4 1px solid; BORDER-TOP: #e5e4e4 1px solid; MARGIN-TOP: 10px; FONT-SIZE: 0.9em; BACKGROUND: url(../graphs/greyfade.png) repeat-x; FLOAT: left; BORDER-LEFT: #e5e4e4 1px solid; WIDTH: 235px; MARGIN-RIGHT: 9px; BORDER-BOTTOM: #e5e4e4 1px solid
}
#divCust DIV {
	BORDER-RIGHT: #e5e4e4 1px solid; BORDER-TOP: #e5e4e4 1px solid; MARGIN-TOP: 10px; FONT-SIZE: 0.9em; BACKGROUND: url(../graphs/greyfade.png) repeat-x; FLOAT: left; BORDER-LEFT: #e5e4e4 1px solid; WIDTH: 340px; MARGIN-RIGHT: 9px; BORDER-BOTTOM: #e5e4e4 1px solid; padding-right:5px; padding-left:5px
}
#divHeros DIV.last {
	MARGIN-RIGHT: 0px
}
#divHeros DIV.cust {
	MARGIN-RIGHT: 0px
}
#divHeros P {
	PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0.8em; PADDING-TOP: 0.8em; HEIGHT: 6.5em
}
#divHeros A {
	PADDING-LEFT: 0px
}
#divHeros IMG {
	MARGIN-TOP: 10px; VERTICAL-ALIGN: bottom
}
#divHeros #hdesign {
	BACKGROUND: url(../graphs/web-site-design-miami.gif) no-repeat 10px 12px; WIDTH: 210px; HEIGHT: 42px
}
#divCust #hcustomers {
	BACKGROUND: url(../graphs/web-site-design-miami.gif) no-repeat 10px 10px; WIDTH: 210px; HEIGHT: 42px
}
#divHeros #hecomm {
	BACKGROUND: url(../graphs/ecommerce-web-design.gif) no-repeat 10px 12px; WIDTH: 210px; HEIGHT: 42px
}
#divHeros #hwebhost {
	BACKGROUND: url(../graphs/web-hosting.gif) no-repeat 10px 18px; WIDTH: 210px; HEIGHT: 42px
}
#divHeros UL.photothumbs {
	MARGIN: 0px 0px 3px 18px; POSITION: relative; TOP: 6px
}
#divHeros UL.photothumbs IMG {
	MARGIN-TOP: 0px; LEFT: -5px
}
#divsitebuild {
	PADDING-BOTTOM: 35px
}
#divsitebuild H3 {
	BACKGROUND: url(../graphs/website-builder.gif) no-repeat; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 318px; WIDTH: 386px; HEIGHT: 59px
}
#divsitebuild P {
	PADDING-BOTTOM: 0px; MARGIN-LEFT: 370px; WIDTH: 350px
}
#imgSiteBuild {
	LEFT: 15px; POSITION: absolute; TOP: 30px
}
#divNewsEtc {
	PADDING-TOP: 0.5em
}
#divNewsEtc H4 {
	PADDING-BOTTOM: 5px; BORDER-BOTTOM: #bfbfbf 1px dotted
}
#hMooHq {
	BACKGROUND: url(../graphs/moohq_purple.png); MARGIN-BOTTOM: 10px; WIDTH: 222px; HEIGHT: 32px
}
#divWhatAreMinicards {
	FONT-SIZE: 0.8em; FLOAT: left
}
#divBlog {
	FONT-SIZE: 0.8em; FLOAT: left
}
#divVD {
	FONT-SIZE: 1.5em; font-weight:bold; FLOAT: none; color:#99CCFF; BORDER-RIGHT: #e5e4e4 1px solid; BORDER-TOP: #e5e4e4 1px solid; MARGIN-TOP: 0px; BACKGROUND: url(../graphs/greyfade.png) repeat-x; FLOAT: left; BORDER-LEFT: #e5e4e4 1px solid; WIDTH: 635px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #e5e4e4 1px solid
}
#divLocation {
	FONT-SIZE: 1.5em; font-weight:bold; FLOAT: none; color:#99CCFF; BORDER-RIGHT: #e5e4e4 1px solid; BORDER-TOP: #e5e4e4 1px solid; MARGIN-TOP: 0px; BACKGROUND: url(../graphs/greyfade.png) repeat-x; FLOAT: left; BORDER-LEFT: #e5e4e4 1px solid; WIDTH: 726px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #e5e4e4 1px solid
}
#divTitle {
	FONT-SIZE: 1.5em; font-weight:bold; FLOAT: none; color:#99CCFF; BORDER-RIGHT: #e5e4e4 1px solid; BORDER-TOP: #e5e4e4 1px solid; MARGIN-TOP: 0px; BACKGROUND: url(../graphs/greyfade.png) repeat-x; FLOAT: left; BORDER-LEFT: #e5e4e4 1px solid; WIDTH: 726px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #e5e4e4 1px solid
}
#divPrice {
	FONT-SIZE: 1.2em; font-weight:bold; FLOAT: none; color:#99CCFF; BORDER-RIGHT: #e5e4e4 1px solid; BORDER-TOP: #e5e4e4 1px solid; MARGIN-TOP: 0px; BACKGROUND: url(../graphs/greyfade.png) repeat-x; FLOAT: left; BORDER-LEFT: #e5e4e4 1px solid; WIDTH: 300px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #e5e4e4 1px solid
}
#divPictures {
	FONT-SIZE: 0.8em; FLOAT: left
}
#divBlog {
	WIDTH: 240px
}
#divBlog DT {
	FONT-WEIGHT: bold
}
#divBlog DL {
	LINE-HEIGHT: 1.4em
}
#divPictures {
	PADDING-RIGHT: 0px; LEFT: 23px; WIDTH: 195px; POSITION: relative
}
#divPictures UL {
	MARGIN-TOP: 15px! important; POSITION: relative
}
#hWhatAreMinicards {
	HEIGHT: 20px
}
#hBlog {
	HEIGHT: 20px
}
#hPictures {
	HEIGHT: 20px
}
#divWhatAreMinicards {
	PADDING-LEFT: 30px; WIDTH: 250px
}
#hWhatAreMinicards {
	BACKGROUND: url(../graphs/whatareminicards.png) no-repeat; WIDTH: 240px
}
#hBlog {
	BACKGROUND: url(../graphs/blog.png) no-repeat; WIDTH: 240px
}
#hPictures {
	BACKGROUND: url(../graphs/pictures.png) no-repeat; WIDTH: 180px
}
UL.photothumbs { /*Edited by Mario*/
	LEFT: -4px;
	POSITION: relative;
	HEIGHT: 190px;
	padding-left:60px
}
UL.photothumbs LI {
	BACKGROUND: url(../graphs/thumbnailshadow.png); MARGIN: 0px 10px 10px 0px; WIDTH: 220px; HEIGHT: 182px
}
UL.photothumbs IMG {
	LEFT: 11px; POSITION: relative; TOP: 6px
}
/*UL.button { Edited by Mario
	LEFT: 0px;
	POSITION: relative;
	HEIGHT: 195px;
	padding-left:60px
}
UL.button LI {
	BACKGROUND: url(../graphs/gray-button.jpg); MARGIN: 0px 10px 10px 0px; WIDTH: 195px; HEIGHT: 39px
}
UL.button IMG {
	LEFT: 11px; POSITION: relative; TOP: 60px
}*/

#divSidebar UL.photothumbs {
	MARGIN-TOP: 15px
}
H3.texttitle {
	MARGIN-TOP: 1em; color:#003366; cursor:help
}
H3.imagetitle {
	MARGIN-TOP: 15px; MARGIN-BOTTOM: 10px; WIDTH: 350px; HEIGHT: 65px
}
#hBlogTitle {
	BACKGROUND: url(../graphs/blogpage_purple.png) no-repeat
}
#hNewsTitle {
	BACKGROUND: url(../graphs/newspage_purple.png) no-repeat
}
#hAboutTitle {
	BACKGROUND: url(../graphs/aboutpage_purple.png) no-repeat
}
#hFaqTitle {
	BACKGROUND: url(../graphs/faqpage_purple.png) no-repeat
}
#hContactUs {
	BACKGROUND: url(../graphs/contactpage_purple.png) no-repeat
}
DL.faq DT {
	FONT-SIZE: 1em; COLOR: black
}
DL.faq {
	MARGIN-BOTTOM: 2em; BORDER-BOTTOM: #333 1px dotted
}
DIV.post {
	MARGIN-BOTTOM: 2em; BORDER-BOTTOM: #333 1px dotted
}
SMALL.commentlink {
	DISPLAY: block; PADDING-BOTTOM: 1em
}
#ulCommentsForm {
	MARGIN-TOP: 1em
}
#ulCommentsForm LABEL {
	WIDTH: 70px! important
}
#divFooter {
	FONT-SIZE: 0.95em; POSITION: relative; TOP: -10px; TEXT-ALIGN: center
}
#divFooter A {
	COLOR: #666
}
STRONG {
	COLOR: black
}
A {
	COLOR: #003366; TEXT-DECORATION: none; font-weight:bold
}
INPUT.button {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-TOP: 0.5em
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 1.3em; COLOR: #ff0066
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 1.2em; MARGIN-BOTTOM: 0.3em; COLOR: #ff0066
}
H5 {
	MARGIN-TOP: 1.2em; FONT-SIZE: 1em; COLOR: black
}
HR {
	BORDER-TOP: #ff0066 2px solid; MARGIN-TOP: 1.5em; BORDER-LEFT-STYLE: none; HEIGHT: 1px
}
TEXTAREA {
	BORDER-RIGHT: #797979 1px solid; BORDER-TOP: #797979 1px solid; BORDER-LEFT: #797979 1px solid; BORDER-BOTTOM: #797979 1px solid
}
INPUT.textbox {
	BORDER-RIGHT: #797979 1px solid; BORDER-TOP: #797979 1px solid; BORDER-LEFT: #797979 1px solid; BORDER-BOTTOM: #797979 1px solid
}
SMALL {
	LINE-HEIGHT: 1em
}
.TableOutline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}
.VerySmall {
	FONT-SIZE: 0.7em; COLOR: ##99CCFF; FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana,Arial,sans-serif
}
.White {
	FONT-SIZE: 1.6em; COLOR: ##FFFFFF; FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana,Arial,sans-serif
}