/* Core Structure Template - CSS Document */
@charset "UTF-8";

/* Clear all default styles */
@import url("cssreset.css");

/*  Website defaults - all pages   */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-color: #333;
	background-color: white;}
a:link {color: #3a55ab;}
a:hover {color: #849233;}
a:visited {color: #3a55ab;}

h1 {color: #000;
	font-size: 1.6em;
	margin: 10px 0 5px 10px;}
h2 {color: #000;
	font-size: 1.4em;
	margin: 10px 0 5px 10px;}
h3 {color: #000000;
	font-size: 1.0em;
	margin: 10px 0 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
p { color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
ul {margin-left: 15px;}
ul li {font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	color: #666;}

/*  Basic structure - all pages   */

div#mainwrapper {position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	margin-top: 20px;
}
	
div#header {
    position:relative;
	margin:0; padding: 0;
	width:942px; height: 63px;
	background: white url('images/header.jpg') 0 0 no-repeat;
	border:none;}
div#header a {
	display:block;
	width:530px;
	height:63px;
	position:absolute;
	top:0;
	left:0;
}
div#header a span { display:none;}

div#contentwrapper {
    position:relative;
    margin:0;
	padding:0;
	width:945px;}

div#menusidebar { float:left;
    padding:0; margin:0;
    width:100px;}
	
div#menusidebar a#sslogo { display:block;
    width:128px;
	height:63px;
	background:url('images/SonicSpiderLogo.jpg') 0 0 no-repeat;
    position:absolute;
	bottom:50px;
	left:-30px;
	}
div#menusidebar a#sslogo span { display:none;}
	
div#content {float:left;
   background:url('images/Contentbkgr.jpg') repeat-y;
   width:837px;
   border:thin dashed;
   
   }
   
.clearboth { clear:both;}


/*  Menus    */

div#menu { position:relative;
    margin:70px 2px 10px 2px;}

div#menu ul {list-style:none; margin:0; padding:0;}

div#menu ul li a {display:block;
    width:85px;
	height:22px;
	background: url('images/home_menu.jpg') 0 0 no-repeat;
	text-decoration:none;
	color:#d8762d;
	padding:6px 0 0 10px;
	}
div#menu ul li a:link {color:#d8762d;}
div#menu ul li a:visited {color:#d8762d;}
div#menu ul li a:hover {color: #0097b6; text-decoration:underline;}
div#menu ul li a:active {color: #d8762d;}



/*  Home Page    */

div#homecontent {float:left;
   width:837px;   
   }

div#splash {position:relative;
   background:url('images/Contentbkgr.jpg') repeat-y;
   margin:50px 0 0 0;
   border:#eae7c6 thin solid;}

div#splashcontent { position:relative;
   width:450px;
   }
div#splashcontent h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
   margin:10px 0 0 10px;
   font-size:24px;
   font-style:italic;
   color:#d8762d;}   
div#splashcontent h2 {margin:0 0 0 20px; padding:0;
   color:#f9a21d;
   font-size:12px;
   font-weight:normal;}
div#splashcontent h3 { background:url('images/home_slogan.jpg') 0 0 no-repeat;
   width:350px;
   height:45px;
   color:#FFF;
   padding:5px 20px 0 20px;
   margin:10px 0 20px 95px;}
   
div#splashcontent ul { list-style-image:url('images/bullet.jpg');
   list-style-position:outside;
   padding:20px 0 0 20px;
   font-size:9px;}

div#splashdesignbx {position:absolute;
    top:0px;
	left:560px;
	width:365px;
	height:368px;
	background: url('images/HomeGreyBox.jpg') 0 0 no-repeat;
}

div#splashdesignbx a { display:block;
    width:138px;
	height:20px;
	background:url('images/HomeBigDesign.jpg') 0 0 no-repeat;
	padding:210px 0 0 140px;
	margin: 20px 0 0 45px;
	text-decoration:none;
	color:#0097b6;
	font-weight:bold;}
div#splashdesignbx a:link {color:#0097b6;}
div#splashdesignbx a:visited {color:#0097b6;}
div#splashdesignbx a:hover {color: #d8762d; text-decoration:underline;}
div#splashdesignbx a:active {color: #0097b6;}

div#splashdesignbx p { width:300px;
    margin:15px 0 0 40px;
    color:#fff;
	font-size:12px;
	font-weight:lighter;}

div#designbox {position:relative;
   background:url('images/HomeBottomContent_bkgr.jpg') repeat-y;
   margin:20px 0 20px 0;
   border:#eae7c6 thin solid;}
   
div#packagebox {float:left;
   width:275px;}
div#packagebox p {color:#0097b6;
   font-size:14px;
   font-weight:800;
   width:200px;
   margin:20px 0 0 60px;}
div#packagebox p span { color:#d8762d;
   font-size:24px;
   font-weight:bold;
   vertical-align:sub;}
div#packagebox a { display:block;
   width:180px;
   height:10px;
   margin:0 0 30px 50px;
   padding:128px 0 0 0;
   text-decoration:none;
   font-size:11px;
   font-weight:600;}
div#packagebox a:link {color: #666;}
div#packagebox a:visited {color:#666;}
div#packagebox a:hover {color: #d8762d; text-decoration:underline;}
   
div#packagebox a#econopkg {
   background:url('images/HomeEconDesign.jpg') 0 0 no-repeat;}
div#packagebox a#premopkg {
   background:url('images/HomePremDesign.jpg') 0 0 no-repeat;}
div#packagebox a#custompkg {
   background:url('images/HomeCustDesign.jpg') 0 0 no-repeat;
   padding:120px 0 0 0;
   margin:0 0 20px 45px;
   width:200px;}
div#packagebox a#custompkg:hover {border:#0097b6 thin dashed;}
div#packagebox p#custweb {color:#0097b6;
   font-size:14px;
   font-weight:800;
   width:250px;
   margin:20px 0 0 40px;}
div#packagebox p#custweb span { color:#d8762d;
   font-size:24px;
   font-weight:bold;
   vertical-align:sub;}

/*  Interior Pages */
	
div#content {float:left;
   width:837px;
   background:url('images/Contentbkgr.jpg') repeat-y;
   border:#eae7c6 thin solid;   
   }
   
div#content h2 { background:url(images/MedArrow.gif) 0 0 no-repeat;
   padding:3px 0 0 30px;
   font-size:20px;
   color:#666;}
   
div#content h3 { margin:10px 0 0 35px;
   color:#d8762d;
   font-size:14px;}
div#content h3 a { font-size:12px;
   color:#666;
   padding:0 0 0 25px; }
div#content h3 a:link {color: #666;}
div#content h3 a:visited {color:#666;}
div#content h3 a:hover {color: #0097b6; text-decoration:underline;}

   
div#content p { padding:5px 20px 0 45px;}

div.imagepanel { position:relative;
    margin:15px 15px 0 85px;}
div.imagepanel img {margin:0 30px 0 0;}


div#content a.browselink { display:block; text-decoration:none;
   margin:0 0 0 455px;
   padding:20px 0 0 0;
   font-size:16px;
   color:#d8762d;}
div#content a.browselink:link {color: #d8762d;}
div#content a.browselink:visited {color:#d8762d;}
div#content a.browselink:hover {color: #0097b6; text-decoration:underline;}


div.designpanel {position:relative;
   clear:both;
   display:block;
   margin:0 20px 0 150px;
   padding:10px 0 10px 0;
  }
div.designpanel h4 { color:#d8762d;
   margin-left: -45px;
   font-size:18px;
   font-style:italic;
   border-bottom:#d8762d thin solid;
   margin-right:80px;}
   
div.designstyle { float:left;
   margin:10px 60px 10px 0;}
   
p.footnote { font-size:12px; font-style:italic;}
p.footnote a { color:#d8762d; text-decoration:none;}

/*  Footer */

div#footer {
    clear:both;
    margin: 0; 
    padding: 0;
    height: 30px;
	background: white url('images/footer.jpg') 0 0 no-repeat;
	width: 945px;
	text-align: left;}
div#footer p {font-size: 10px;
	padding: 5px 5px 5px 20px;
	color: white;}
div#footer a {color: white;}
	
/*IE Only Styles*/