/*****************************/
/* SB-Designs - Steven Ball */
/*****************************/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 background:url(../images/bg.gif);
 text-align:center;
}

#wrap{	
	width:889px;
	margin:20px auto 0 auto;
	padding:0;
	text-align:left;
}

#header{
	background:url(../images/header.png) top no-repeat;
	padding:30px 0 0 30px;
	min-height:40px;
	width:859px;
	height:57px;
}

#logo{
	width:298px;
	height:52px;
	padding:0;
	marign:0;
	float:left;
}

.menu{
	margin:37px 0 0 0;
	padding:0 20px 0 0;
	height:20px;
	width:420px;
	float:right;
}

#banner{
	height:145px;
	padding:0;
	margin:0 auto;
	width:849px;
	overflow:hidden;
	text-align:right;
}

#contentbg{
	padding:0;
	margin:0;
	background:url(../images/content.png);
	width:889px;
}

#content{
	padding:0;
	margin:0 auto;
	background:url(../images/contentbg.png) top no-repeat;
	width:849px;
}

#contentleft{
	padding:5px 10px 0 5px;
	margin:0;
	width:630px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contentright{
	padding:5px 5px 0 0;
	margin:0;
	width:194px;
	float:right;
	display: inline;
}

/* IE6 HACK */

* html #contentright{
	padding:5px 5px 0 0;
	margin:0;
	width:187px;
	float:right;
	display: inline;
}



#footer{
	background:url(../images/footer.png) no-repeat;
	height:58px;
	margin:0;
	padding:8px 28px 0 28px;
	width:833px;
}

.portflioimage{
	padding:0;
	margin:0;
	width:167px;
	height:167px;
	float:left;
	overflow:hidden;
}

.portfoliocontent{
	padding:10px 0 0 5px;
	margin:0;
	width:328px;
	float:left;
}

.portfoliobox{
	width:600px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #cccccc;
}


/* list settings */

#menu ul{
	padding:0;
	margin:0;
	display:block;
	list-style-type:none;
}

#menu li{
	padding:0;
	margin:0;
	display:block;
	height:20px;
	width:100px;
	text-align:center;
	line-height:20px;
	list-style:none;
	text-transform:uppercase;
}

#menu li a{
	padding:0;
	margin:0;
	display:block;
	height:20px;
	width:100px;
	text-decoration:none;
	color:black;
}

#menu li a:hover{
	padding:0;
	margin:0;
	background:#4A54E2 url(../images/nav.gif) top left no-repeat;
	display:block;
	height:20px;
	width:100px;
	text-decoration:none;
	color:black;
}

a{
	color:black;
	text-decoration:none;
}

a:hover{
	color:#FF0000;
	text-decoration:none;
}

li{
	margin:0 0 0 17px;
	padding:0 5px 0 0;
	list-style-image:url(../images/listicon.gif);
}


/** Clears text hyperlinks buttons **/

hr{
	clear:both;
	padding:0;
	margin:5px 0 5px 0;
	border-top:1px dashed #cccccc;
	border-bottom:none;
	border-right:none;
	border-left:none;
}

form{
	padding:0;
	margin:0;
}

h1{
	padding:0;
	margin:0;
	font-size:11px;
}

.clear{
	clear:both;
}

h2{
	color:#BA2D2D;
	text-transform:capitalize;
	font-size:11px;
}

p{
	margin:0;
	padding:0 0 10px 0;
}

h3{
	padding:0;
	margin:0;
	clear:both;
	font-size:11px;
}

h4{
	padding:0;
	margin:0;
	font-size:12px;
}

.bluetext{
	padding:0;
	margin:0 0 10px 0;
	color:#003399;
	font-weight:bold;
}

input.cssbutton{
	border:1px dashed #CCCCCC;
	margin:2px;
	padding:3px;
	background:#FFFFFF;
	text-align:center;
	color:black;
	font-size:9px;
	text-transform:uppercase;
	float:right;
}

input.cssbutton:hover{
	border:1px dashed #CCCCCC;
	margin:2px;
	padding:3px;
	background:#cccccc;
	text-align:center;
	color:black;
}

textarea.quotebg{
	margin:0;
	padding:2px;
	background:#f4f4f4;
	border:1px solid #999999;
}

input{
	margin:0;
	padding:2px;
	background:#f4f4f4;
	border:1px solid #999999;
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

input.contact-btn{
	padding:4px;
	margin:0;
	color:black;
	border:1px solid #cccccc;
	background:white;
}

input.contact-btn:hover{
	padding:4px;
	margin:0;
	color:black;
	border:1px solid #cccccc;
	background:#E24A6E;
}


/* Titles */

#title{
	background:url(../images/titles/home.gif) no-repeat;
	height:19px;
	width:269px;
	text-indent:-200000px;
	margin:0 0 3px 0;
}

.findus{
	background:url(../images/titles/findus.gif) no-repeat;
	height:14px;
	width:174px;
	text-indent:-200000px;
	margin:0 0 3px 0;
}

#hometag{
	background:url(../images/titles/hometag.gif) no-repeat;
	width:375px;
	height:17px;
	margin:0;
	padding:0;
	text-indent:-200000px;
}

.estimates{
	background:url(../images/titles/estimates.gif);
	width:135px;
	height:19px;
	margin:15px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
.mailing{
	background:url(../images/titles/mailing.gif) no-repeat;
	height:14px;
	width:174px;
	text-indent:-200000px;
	margin:0 0 3px 0;
}
.contactus{
	background:url(../images/titles/contactus.gif) no-repeat;
	height:14px;
	width:174px;
	text-indent:-200000px;
	margin:0 0 3px 0;
}
.homeservices{
	background:url(../images/titles/ourservices.gif) no-repeat;
	width:93px;
	height:15px;
	margin:15px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}

#titlegraphicport{
	background:url(../images/titles/graphicdesignportfolio.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}

#titlebackupcalc{
	background:url(../images/titles/backupcalc.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#titlesupportcalc{
	background:url(../images/titles/supportcalc.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}

#titleexchangecalc{
	background:url(../images/titles/exchangecalc.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}


#titlecontactus{
	background:url(../images/titles/contactus.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}

#titleservices{
	background:url(../images/titles/ourservicesh1.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#titlehww{
	background:url(../images/titles/howwework.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#titlehd{
	background:url(../images/titles/helpdesk.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#titleims{
	background:url(../images/titles/itmansupp.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#titlees{
	background:url(../images/titles/emergencysupp.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#titlert{
	background:url(../images/titles/responsetimes.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}
#getquote{
	background:url(../images/titles/getquote.gif) no-repeat;
	width:273px;
	height:19px;
	margin:0px 0 3px 0;
	padding:0;
	text-indent:-200000px;
}



/* Contact us */

.content{
	font-weight:bold;	/* Bold font */		
	color: #FF0000;		/* The questions is in red */
	cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
	padding:0;
	margin:10px 0 0 0;
}
		
.hiddencontent{	
	padding:0;
	margin:0 0 15px 0;
	width:100%;
	background:white;
	display:none;
	clear:both;
}