/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: February 2007
CONTACT: heidi@soundwebsolutions.net

NOTES: absolute positioning
****************************/

/******************************* GENERAL STYLINGS *************************/
* {
margin:0;
padding:0;
}

img {
border:0;
}



/****************************** SPECIFIC STYLINGS *********************/

#container {
position:relative;
width:741px;
height:100%;
margin:10px auto 255px auto;
}

#header {
background-image:url(../images/_redesign/sws-redesign_01.gif);
background-position:top;
background-repeat:no-repeat;
height:92px;
height:33px;
width:741px;
position:relative;
left:-1px; /* needed to line up image with border */
z-index:1000;
}
#header img {
position:absolute;
top:28px;
left:22px;
}


/************************** LAYOUT STYLING FOR MAIN CONTENT AREA **************/
#content {
background-image:url(../images/_redesign/sws-redesign_03.gif);
background-image:url(../images/_redesign/sws-redesign-alt_04.gif);
background-repeat:repeat-y;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #CCCCCC;
margin-top:-2px;
width:738px;
padding-top:20px;
min-height:350px;
position:relative;
z-index:1;
}
#content h1 {
margin-left:15px;
width:475px;
}
#content h2 {
margin-left:15px;
clear:both;
}
#content h3 {
margin-left:15px;
clear:both;
}
#content p {
margin-left:15px;
padding-bottom:10px; /* PADDING IS USED INSTEAD OF MARGIN TO PREVENT GAP IN #content BACKGROUND */
width:470px;
}
#content ol {
margin-top:10px;
margin-left:15px;
list-style:outside;
list-style-type:decimal;
width:470px;
}
#content ul {
list-style:outside;
list-style-type:square;
margin-left:30px;
margin-bottom:10px;
width:470px;
}
.add-space { /* ADDS SPACE TO THE TOP OF A #content li */
margin-top:10px;
}
#content img {
float:left;
border:1px solid #cccccc;
margin-left:15px;
margin-right:10px;
margin-bottom:10px;
}
#content .portfolio-description {
width:445px;
}


/**************** LAYOUT STYLING FOR RIGHT COLUMN ***********/
#right-col {
position:absolute;
left:496px;
/*top:111px;*/
top:0;
width:242px;
}
#content #right-col img {
border:none; /* TO COUNTERACT THE IMG STYLING FOR THE PRIMARY CONTENT AREA */
border-bottom:1px solid #cccccc;
position:relative;
border:none;
margin:0; /* TO COUNTERACT THE IMG STYLING FOR THE PRIMARY CONTENT AREA */
margin-bottom:20px;
}
#content #right-col p {
margin-left:10px;
width:225px;
}
#right-col h4 {
margin-left:10px;
margin-bottom:.3em;
width:230px;
}
#right-col p a {
position:relative;
}


/********************************* LAYOUT STYLING FOR FOOTER ****************/
#footer {
background-image:url(../images/_redesign/sws-redesign_05.gif);
height:24px;
width:741px;
position:relative;
clear:both;
left:-1px; /* needed to line up image with border */
top:-2px;
}
#footer ul {
float:right;
margin-right:10px;
}
#footer li {
list-style:none;
float:left;
padding:1px 15px;
}
#footer a {
float:left;
padding:1px 15px;
}

/********************************** OTHER STYLINGS ***************************/

/******************* CREDIT ***************/
.line {
border-bottom:1px solid #cccccc;
margin:22px 0px;
}