/* CSS Document */
@import url(../css/layout_normalize.css);

body{ font-family:"Trebuchet MS", Tahoma, serif; font-size:1em;}
p{font-size:0.85em; color:#000066; text-indent:20px; padding-top:25px;}
div#mainwrap{ width:900px; margin-left:auto; margin-right:auto;}

/* =header */
div#header{
background-color:#FF0000;
border: solid 1px #FF0000;
width:887px;
}
#header h1
{
text-indent:-9999px;
}

/* =content */
div#content{width:887px; border: 1px solid #000; margin:0px; padding:0px;background-image:url(../images/tail_red_logo.gif); background-position:bottom; background-repeat:no-repeat;}


/* =content_main */
div#content_main{width: 510px;float:left; margin-left:165px; display:inline;}

/* =links */
#content_main a:link
{
color:#FF0000;
text-decoration:underline;
}
#content_main a:hover
{
color:#990000;
}
#content_main a:visited
{
color:#FF9900;
}

/* =CURVED BOX */
.curved-box
{
 padding: 5px 5px 2px 5px;
    width: 500px;
	background-image:url(../images/press/curvedbox_background.gif);
	background-repeat:repeat-y;
}
.curved-box h1
    {

    /*background: #FFFFFF url(../images/curve_top.png) no-repeat left top; */	
    padding-top:5px;
    background-color:#FF0000;
    border-top:solid 1px #FF0000;
border-right:solid 1px #FF0000;
border-left:solid 1px #FF0000;
color: #FFFFFF;
    text-align:center;
	font-size:0.85em;
	height:28px;
}
.curved-box h2
{
color:#FF0000;
padding-left:20px;
padding-top:25px;
text-decoration:underline;
border-right: solid 1px #FF0000;
    border-left: solid 1px #FF0000;
}
.curved-box h4
{
 /* background: #FFFFFF url(../images/curve_bottom.png) no-repeat left bottom; */
 border-bottom: solid 1px #FF0000;
 border-right: solid 1px #FF0000;
 border-left: solid 1px #FF0000;  
 margin:0px;
 text-align:left;
 font-size:0.8em;
 text-align:center;
 color:#FFFFFF;
 padding:0px 0px 0px 0px;
 height:20px;

 }
.curved-box p
{

    /*background:#FFFFFF url(../images/curve_content.png) repeat-y left top; */

    margin: 0px;
    padding-right: 15px; 
    padding-left: 15px;
    text-align: left;
} 
/* =ol */
.curved-box ol
{
	border-right: solid 1px #FF0000;
    border-left: solid 1px #FF0000;
    padding-top: 25px;
	padding-left:65px;
	color:#000066;
	font-size:0.85em;
	list-style-type:circle;
}


/* =content_sub */
div#content_sub{width: 211px; float:left; }


/* SMALLER CURVED BOX
------------------------------------------------- */
.curved-box-small
{
 padding: 5px 0px 10px 0px;
    width: 211px;
  
}
.curved-box-small h1
    {
   
padding-top:5px;  
background-color:#FF0000;
    border-top:solid 1px #FF0000;
border-right:solid 1px #FF0000;
border-left:solid 1px #FF0000;
    color: #FFFFFF;
    text-align:center;
	font-size:0.85em;
	height:28px;
	
	
}
.curved-box-small ul
{
 border-right: solid 1px #FF0000;
    border-left: solid 1px #FF0000;
    text-align: left;
	list-style:none;
	
} 

/* =li */
.curved-box-small ul li
{
border-bottom: 1px solid #cccccc;
padding: 0px 5px 10px 5px;

}
.curved-box-small ul li h3
{
color:#004477;
padding: 10px 0  10px 2px;
}

/* =a */
.curved-box-small ul li a
{
color:#FF6600;
text-decoration:none;
font-weight:bold;

}
.curved-box-small ul li a:hover
{

text-decoration:underline;
}
/* =p */
.curved-box-small ul li p
{
padding-bottom:10px;
font-size:0.8em;
text-align:justify;
}

/* =img */
.curved-box-small ul li img
{

border:1px solid #FF0000;
}

.curved-box-small h2
{
 
 border-bottom: solid 1px #FF0000;
 border-right: solid 1px #FF0000;
 border-left: solid 1px #FF0000;    
 margin:0px;
 text-align:left;
 font-size:0.5em;
 text-align:center;
 color:#000;
 padding:0px 0px 0px 0px;
 height:20px;

 }
 /* NAVBAR SUB LINKS
------------------------------------------------- */
div#navbar_sub_links
{
margin-top:5px;
width:209px;
height:90px;
background-image:url(../images/CORNER_ILDW_Interesting_links.gif);
background-repeat:no-repeat;
}
div#endof_navbar_sub_links
{background-image:url(../images/CORNER_ILDW_Interesting_links_bottom.gif);
height:51px;
background-repeat:no-repeat;
}
div#navbar_sub_links h3
{
color:#FF4400;
text-align:center;
border-top: 1px solid #FF0000;
}
#navbar_sub_links ul
{
border-right: 2px solid #E20D15;
border-left: 2px solid #FF0000;
margin:0;
padding: 10px 0px 0px 0px;

}
#navbar_sub_links ul li
{
margin:0;
padding: 0px 0px 0px 8px;

}
#navbar_sub_links ul li a
{
display:block;
font-size:0.8em;
padding: 0px 0px 0px 0px;
text-decoration:none;
color:#004477;
height:20px;
}
/* for internet explore 5 for macintosh and nestscape navigator 6+ */
html>body #navbar_sub_links ul li a{width:auto;}

#navbar_sub_links ul li a:hover
{

color:#CC0000;
border-bottom: dashed 1px #FF0000;
border-TOP: dashed 1px #FF0000;
/*to fix the hover effect with the background image */
width:180px;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
background-color:#F1F5FF;
}
/* =table */
table
{margin:0px; padding:0px;


}
table.content p, p.catnavigation, p.navdesc, p.catname
{
margin:0px; padding:0px;
background-image:none;
border-left:none;
border-right:none;

}
/* =footer */
div#footer{width:887px; text-align:right; background-color:#FF0000; 
border:1px solid #000; color:#FFFFFF;}
/* webdesignportfolio
___________________________________*/
ul#webdesignportfolio
{

border-right: solid 1px #FF0000;
    border-left: solid 1px #FF0000;
    padding-top: 40px;
	padding-left:10px;
	list-style:none;
	
}
ul#webdesignportfolio li
{
width:450px;
border-bottom: 1px solid #FF0000;
border-top: 1px solid #FF0000;

padding-top: 0px;
}
ul#webdesignportfolio li img
{
float:left;
padding: 10px 10px 10px 20px;
}
ul#webdesignportfolio li p
{
background-image:inherit;
}
/* currentwebdesignprojects */
div#currentwebdesignprojects
{
background-image:url(../images/navbar_background.gif);
background-repeat:no-repeat;
margin-top:600px;
width: 160px; 
float:left; 
margin-left:-670px;
font-size:0.80em;
height:600px;
}
div#currentwebdesignprojects ul h3
{
padding: 35px 0 10px 15px;
color:#FF0000;
}
div#currentwebdesignprojects ul
{
padding:0px 0px 8px 5px;
margin-bottom:10px;

}
div#currentwebdesignprojects ul li 
{
padding:1px 5px;

}
li#client
{
color:#FF0000;
}
li#webdesigndescription
{
color:#000099;
}
#currentwebdesignprojects ul li ul
{
margin:0;
padding:0;
color:#000000;
}
#currentwebdesignprojects ul li ul li
{
margin:0;
padding:0;
color:#000000;
}