@charset "UTF-8";
/* CSS Document */


body {
width:100%;
height:100%;
background-color:#fcfcfc;
border:none;
margin:0;
background:url(images/mockup.jpg) no-repeat top left;
}

/*--------------------homepage structural components---------------*/

.container {
width:100%;
height:100%;
margin:auto;
}

.top {border:none;
width:800px;
height:100px;
margin:0px auto;
background:url(images/menu.gif) no-repeat;
background-position:center;
}

.middle_index {border:thin dotted transparent;
width:850px;
height:350px;
margin:0px auto;
}

.middle_interior {border:thin dotted transparent;
width:850px;
height:350px;
margin:0px auto;
}

.bottom {
width:750px;
height:100px;
margin:auto;
background:url(images/bottom.jpg) no-repeat;
background-position:center;

}

.footer {
width:700px;
height:20px;
margin:10px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CC9900;
padding-left:20px;
}

.box1 {border:transparent dotted thin;
height:300px;
width:340px;
margin-left:-60px;
margin-top:100px;
background:url(images/small_logo.gif) no-repeat;}

.box2 {
height:300px;
width:300px;
margin-left:300px;
margin-top:-100px;}

.box3 {background:url(images/contact.gif) no-repeat;
width:200px;
height:200px;
margin-left:300px;
margin-top:-15px;}

.box3 a {font-size:12px;
color:#339999;}

.box4 {
height:300px;
width:100px;
margin-left:200px;
margin-top:-140px;
}

.box1_index {border:transparent dotted thin;
height:300px;
width:540px;
margin-left:0px;
margin-top:80px;
background:url(images/mockup_logo.gif) no-repeat;
}

.box4_index {
height:300px;
width:100px;
margin-left:540px;
margin-top:-70px;
}

.box2_interior {
height:350px;
width:480px;
margin-left:300px;
padding:10px;
margin-top:-100px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#660066;
text-align:justify;
background:url(images/box_2.gif) no-repeat;
}

.box2_threads {
height:350px;
width:500px;
margin-left:300px;
padding:10px;
margin-top:-100px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#660066;
text-align:justify;
}

.box2_interior ul li {text-align:center;}

.box2_interior ul li a {color:#9900CC;
text-decoration:none; margin-top:-20px;}

.box2_interior ul li a:visited {color:#9900CC;}

.box3_interior {
width:200px;
height:200px;
margin-left:200px;
margin-top:-160px;
}

.box3 a{font-size:11px;}

.box4_interior {
height:300px;
width:100px;
margin-top:0px;
position:fixed;
}






/*-------------------------------------homepage sub-structural components---------------*/
.breadcrumb {font-size:10px;
color:#666666;
}

.breadcrumb a{font-size:10px;
color:#666666;
}

.breadcrumb a:visited{font-size:10px;
color:#666666;
}

#links {width:200px;
height:250px;
float:right;
}

#home {float:right;
margin-right:25px;}


#quote {width:190px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC9900;
padding-top:30px;
padding-left:10px;
}

#new  {width:151px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC9900;
padding-top:45px;
padding-left:10px;
margin-top:-145px;
margin-left:195px;
padding-left: 40px;
}

#new a {color:#339999;
text-decoration: none;
}

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



#happening  {width:200px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC9900;
padding-top:40px;
padding-left:10px;
margin-top:-140px;
margin-left:385px;
}

#bargain  {width:175px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#330066;
padding-top:60px;
padding-left:0px;
margin-top:-162px;
margin-left:600px;


}



/*--------------------------header--------------------*/
#header {
margin-left:170px;
text-align:center;
padding-top:15px;

  }
  
#header ul li {
font-family:Arial, Helvetica, sans-serif;
font-variant:normal;
font-size:11px;
color:#CC9933;
margin:0;
padding:0;
}

ul {list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;}

#header .mAbout {
width:120px;

}

#header .mServices {
width:115px;
}

#header .mPortfolio {
width:120px;
}

#header .mContact {
width:100px;
}

#header ul li {
float:left;
padding:;
}

#header ul ul li, #footer ul ul li {
float:none;
padding:0;
}

/*-------------------------- header links---------------------*/
#header .mAbout a {
color:#8469ae;
}

#header .mServices a {
color:#8469ae;
}

#header .mPortfolio a {
color:#8469ae;
}

#header .mContact a {
color:#8469ae;
}

#header ul li a:hover {
color:#41b8be;
text-decoration:none;
}

#header ul li a {
color:#9698A2;
text-decoration:none;
}

.footer a {
color:#7f5190;
}

.footer a:hover {
color:#41b8be;
}

.footer a:visited {color:#41b8be;}

#header a:visited {color:#41b8be;}

/*--------------------homepage sidebar links---------------*/

#web a {float:right;
background:url(images/web_button.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;
}

#web a:hover {float:right;
background:url(images/web_button_hover.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;
}

#art a {float:right;
background:url(images/art_button.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;}

#art a:hover {float:right;
background:url(images/art_button_hover.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;
}

#thread a {float:right;
background:url(images/thread_button.jpg) no-repeat;
width:183px;
height:50px;
 margin-right:-100px;
}

#thread a:hover {float:right;
background:url(images/thread_button_hover.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;
}

#decor a {float:right;
background:url(images/decor_button.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;
}

#decor a:hover {float:right;
background:url(images/decor_button_hover.jpg) no-repeat;
width:183px;
height:50px;
margin-right:-100px;
}

/*----------------------------sitemap---------------------*/