/*

	small_business_website_services_stylesheet
	http://www.smallbusinesswebsiteservices.com.au

*/

*
{
padding: 0px;
margin: 0px;
}

body
{
background: #F9F9F7 url('images/border.gif') repeat-x;
font-size: 14px;
font-family: Verdana,"Trebuchet MS",sans-serif;
color: #000000;
line-height: 18px;
}

a
{
color: #45457c;
text-decoration: underline;
}

a.bookmark
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

sup
{
font-size: 0.5em;
}


p
{
margin-bottom: 14px;
text-align: justify;
}

img.picA
{
position: relative;
top: -2px;
background: url('images/square.gif') no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}

img.picB
{
position: relative;
top: -2px;
background: url('images/rectangle.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
font-size: 0.9em;
text-align: center;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

ul.linklist li.active
{
font-weight: bold;
}

ul.circle
{
list-style-position: outside;
}

ul.circle li
{

margin: 0px 0px 0px 25px;
}


#upbg
{
position: absolute;
top: 0px;
left: 0px;
background: #fff url('images/imborder.gif') no-repeat;
width: 747px;
height: 264px;
z-index: 1;
}

#outer
{
position: relative;
width: 747px;
margin: 0 auto;
background: #fff url('images/longflat.gif') repeat-y;
}



#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header
{
position: absolute;
background: #fff url('images/thinline.gif') repeat-x;
width: 300px;
height: 92px;
color: #fff;
padding-left: 20px;
}

#header span
{
font-weight: normal;
}

#header h1
{
position: absolute;
font-family: "Courier New";
font-size: 30px;
line-height: 80%;
letter-spacing: -1px;
top: 25px;
height: 92px;
}


#header sup
{
color: #fff;
}

#splash
{
position: absolute;
right: 30px;
background: #EAEAE2 url('images/maze.gif') no-repeat;
width: 360px;
height: 92px;
}

#centeredmenu {
   float:left;
	height: 35px;
	margin-top: 98px;

   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
background: #141450 url('images/blueline.gif') repeat-x;


}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0 14px 0 14px;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
font-size: 18px;
   margin:0 0 0 0px;
   padding:3px 15px;
   color:#fff;
   text-decoration:none;
   line-height:1.7em;
}
#centeredmenu ul li a:hover {
background: url('images/activeNEW.gif') repeat-x;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
margin-left: 5px;
margin-right: 5px;
background: url('images/activeNEW.gif') repeat-x;

   font-weight:bold;
}
#secondarycontent
{
position: relative;
width: 205px;
float: right;
}

#secondarycontent h2
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #45457c;
letter-spacing: -1px;
background: url('images/greydot.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #45457c;
letter-spacing: -1px;
background: url('images/greydot.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}

#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#primarycontent
{
position: relative;
width: 475px;
float: left;
}

#primarycontent h2
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #000000;
letter-spacing: -1px;
padding: 0px 0px 10px 15px;
margin-top: 10px;
margin-bottom: 20px;
}

#primarycontent h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 20px;
color: #000000;
letter-spacing: -1px;
padding: 0px 0px 10px 15px;
margin-bottom: 10px;
}

#primarycontent h4
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 20px;
color: #45457c;
letter-spacing: -1px;
padding: 10px 0px 10px 0px;
margin-bottom: 10px;
}

#primarycontent h5
{
margin: 0 30px 15px 15px;
line-height: 20px;
padding: 20px 25px 20px 10px;
color: #45457c;
	font-size: 16px;
	background: #d4d4d4;
	border-top: 4px solid #45457c;
	border-bottom: 1px solid #fff;

}

#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .tabcontent
{
padding: 0px 45px 0px 25px;
margin-bottom: 20px;
}


#primarycontent .post
{
margin-bottom: 30px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
top: -10px;
background: url('images/footer.gif') repeat-x;
height: 64px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}


#footer
{
position: relative;
clear: both;
height: 40px;
text-align: center;
line-height: 40px;
background-image: url('images/thingreyvert.gif');
color: #A8A88D;
}

#footer a
{
color: #8C8C73;
}

h4
{
	position: relative;
top: 4px;
font-size: 12px;
text-align: center;
line-height: 14px;
color: #45457c;
letter-spacing: -1px;

padding: 10px 0px 5px 10px;


}


#h4
{
	text-align: center;
	

}

#h4 a
{
	color: #45457c;
}

#h4 a:hover
{
	text-decoration: none;
}

table#Pricing {
    width: 450px;
}
table#Pricing td {
    padding: 10px;
}
.leftcol {
    font-weight: bold;
    text-align: left;
    width: 180px;
    
}
.rightcol {
    font-weight: bold;
    text-align: right;
    width: 180px;
    
}

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}




#box-table-a
{
	line-height: 1.0em;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 0 15px;
	width: 430px;
	text-align: center;
	border-collapse: collapse;
}
#box-table-a th
{
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
	background: #d4dacd;
	border-top: 4px solid #45457c;
	border-bottom: 1px solid #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #fafbf9; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #e4e4e4;
}

.tictspecial
{
margin: 10px 0 0 0px; border: none;
}
.textright {text-align:right; margin:5px 0; color: red; font-style: italic;
}

.textright a {text-align:right; margin:5px 0; color: red; font-style: italic;
}

#tictboxes {
float: left;

width: 420px;

}

.raquolineheight
{
line-height: 0.6em;
}

#tictcontactbox
{
margin: 10px auto;
width: 197px;	
background: #d4dacd;
	border: 1px solid #45457c;


}

.tictcontact
{
text-align: center;
}
