

* { padding: 0; margin: 0; }

body {
 font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
}
p {
text-align: left;}
ul { 
margin-top : 10px;
padding-bottom : 15px;
margin-bottom : 10px;
border-bottom : 1px dotted;
} 
li { 
margin-top : 10px;
list-style-type : square;
display : list-item;
list-style-position : inside;
}
a {
color: #4fb71e;}
img { 
padding : 5px;
/* border : 1px solid #caff7a; */
} 
logoimg { 
padding: 10px 10px 12px 30px;
margin : 0 0 0 25px;
} 
img.floatTL { 
float : left;
margin-right : 5px;
margin-bottom : 5px;
margin-top : 15px;
margin-left : 5px;
} 
img.floatTR { 
float : right;
margin-left : 5px;
margin-bottom : 0;
margin-top : 15px;
margin-right : 5px;
} 
.clear { 
clear : both;
}  
#wrapper { 
 margin: 10px auto 0em auto;
 width: 800px;
}

#logo {
 color: #333;
 width: 800px;
 margin: 2em auto 0 auto;
 height: 150px;
 background: #fff url(images/nicks-computing-solutions.gif) no-repeat;
}


#top {
 color: #333;
 width: 800px;
 float: left;
 height: 63px;
 background: #fff url(images/topbg.jpg) no-repeat;
}

#topnavigation { 
padding-top : 5px;
width : 100%;
height : 50px;
voice-family : "\"}\"";
voice-family : inherit;
font-size : 1.1em;
background-color : transparent;
font-weight : bold;
margin : 0 0 0 25px;
}
#topnavigation ul { 
margin : 0;
margin-left : 0;
padding-top : 7px;
list-style : none;
border-bottom : 0px ;
} 
#topnavigation li { 
display : inline;
margin : 0 2px 0 0;
padding : 0;
text-transform : uppercase;
} 
#topnavigation a { 
float : left;
display : block;
margin : 0 10px 0 10px;
text-decoration : none;
letter-spacing : 1px;
background-image : url(images/mbg2.gif);
background-repeat : no-repeat;
padding: 10px 10px 12px 30px;
color: #e4b245;} 
#topnavigation a:hover { 
color: #58b050;} 
#topnavigation #first a { 
background-position : -4px ;
} 
#topnavigation #current a { 
color: #548eb8;
} 

#topnavigation #home a { 
color: #548eb8;
background-position : -4px
} 
 

#header {
 color: #333;
 width: 570px;
 float: right;
 height: 200px;
 border: 1px solid #ccc;
 margin-top: 5px;
background-image: url(images/info.jpg);
background-repeat: no-repeat;
}
#leftcolumn { 
 color: #333;
 margin: 5px 5px 5px 0px;
 min-height: 350px;
 width: 220px;
 float: left;
}

#leftmenu {
width: 220px;
min-height: 190px;
background: url(images/rcboxbig.gif);
font-size: .75em;
padding: 0;
 margin-top: 0px;
float: left; 
display: inline;
}

#leftmenubottom {
height: 5px; width: 220px;
background: url(images/rcboxsmall.gif) no-repeat bottom;
float: left; display: inline;
}


.col {
width: 210px;
float: left;
padding: 5px 0em 0px 0px;
}

.col ul {
color: #faa107;
padding-top: 0px;
margin-left: 7px;
border: 0px;}

.col li {
list-style-image: url(images/h3bgsmall.gif);
margin-top: 7px;
padding-bottom: 6px;
border-bottom: 1px dotted;
font-size: 1.2em;}

.col li a {
color: #faa107;
text-decoration: none;
}



#leftcolumn h2 { 
color : #f36f02;
font-size : 1.5em;
text-decoration : underline;
padding-left: 5px;} 

.contact { 
padding-top : 20px;
padding-bottom : 15px;
border-bottom : 1px dotted;
padding-left: 5px;
} 
#leftcolumn h3 { 
color : #f36f02;
font-size : 1.5em;
text-decoration : underline;
padding-top : 10px;
padding-bottom : 15px;
padding-left: 5px;
} 
#leftcolumn p {
padding-left: 5px;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #fafaee;
 margin: 5px 0px 5px 0px;
 min-height: 350px;
 width: 570px;
 display: inline;
}

#rightcolumn p {
padding: 5px;
}
.maintext h2 { 
font-size : 1.2em;
color: #a0d124;
text-transform : uppercase;
padding-top : 5px;
padding-left : 10px;
} 
.maintext p { 
font-size : 1.1em;
} 
#dboxes { 
margin-top : 20px;
margin-left : 10px;
margin-right : 10px;
} 
#dboxes img {
border: dotted 1px #caff7a;
}
.dbox1 { 
width : 260px;
float : left;
margin-top : 5px;
margin-left : 10px;
border : 1px #ccc dotted;
} 
.dbox1 p { 
color: #0b2c40;
font-size : 12px;
margin-top : 10px;
padding-right : 5px;
padding-left : 5px;
text-align : left;
} 
.dbox1 h2 { 
padding-left : 5px;
font-size : 1.5em;
font-weight : lighter;
background-color : #58b050;
border-bottom: 1px #ccc dotted;
color: #aef92c;
text-transform: none;} 
.dbox1 a { 
float : right;
padding-right : 20px;
padding-bottom : 10px;

} 
.dbox2 { 
width : 260px;
float : right;
margin-top : 5px;
margin-right : 9px;
border : 1px #ccc dotted;
} 
.dbox2 p { 
color: #0b2c40;
font-size : 12px;
margin-top : 10px;
padding-right : 5px;
padding-left : 5px;
text-align : left;
} 
.dbox2 h2 { 
padding-left : 5px;
font-size : 1.5em;
font-weight : lighter;
background-color : #e4b245;
border-bottom: 1px #ccc dotted;
color: #b87325;
text-transform: none;} 
.dbox2 a { 
float : right;
padding-right : 20px;
padding-bottom : 10px;

} 
blockquote h2 { 
font-size : 1.2em;
color: #a0d124;
text-transform : uppercase;
padding-top : 5px;
padding-left : 10px;
} 
blockquote p { 
padding : 15px;
border : 1px #ccc dotted;
margin : 10px;
} 
#footer { 
 width: 800px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 10px 0px;
}
#footer p { 
margin : 0;
padding-top : 5px;
padding-bottom : 5px;
text-align : center;
line-height : normal;
font-size : x-small;
} 
