/* Reset all the default spacings */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size: 100.01%;
background : #000000;
padding : 0;
margin : 0;
}


h1 { color: #bbde32; }

/* =BASIC LAYOUT - Set positioning and width of elements */
#main {
width: 240px;
margin : 0 0 0 0;
position : relative;
/* left : 50%; */
}

/* =HEADER */
#header {
height : 80px;
line-height : 79px;
background-color : #000000;
font-family : Arial, Helvetica, Verdana, sans-serif;
}
#header strong, #header em {
text-align : left;
display : block;
}

/* =NAVIGATION */
#phonenav {
width: 240px;
background: #999999;
font-size : 0.65em;
font-family : Arial, sans-serif;
}
#phonenav ul {
position : relative;
list-style-type : none;
margin : 0;
padding : 0;
height : 1.2em;
/* height : 2.5em; */
}
#phonenav ul li {
float : left;
margin : 0;
padding : 0;
}
#phonenav ul li a {
color : #ffffff;
text-decoration : none;
text-transform : uppercase;
font-weight : bold;
display : block;
height : 1.2em;
line-height : 1.2em;
padding : 0 3px;
}
#phonenav ul li a:hover {
background : #bbde32;
color :#000000;
}

/* =MAIN CONTENT */
#about_content {
font-size : 0.9em;
line-height : 1.6em;
background : #ffffff;
margin : 0;
padding : 0;
}

/* =FOOTER */
#footer {
background : #ffcc00; /* Gold */
/* background : #008000;  Green */
border-top: 1px solid #00C000;
letter-spacing : 2px;
font-size : 0.7em;
text-align : center;
color : #000000;
padding : 5px;
clear : both;
}
#footer a {
color : #000000;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
#footer ul {
list-style-type : none;
margin : 0;
padding : 0;
text-transform : uppercase;
}
#footer #validation {
text-transform : lowercase;
}
/* I am adding content throught CSS for the footer menus because I think of them as design and not content. The idea is to seperate content from design. */
#footer ul:before {
content : "[";
}
#footer ul:after {
content : "]";
}
#footer ul li {
display : inline;
}
#footer ul li:before {
content : "| ";
}
#footer ul li.first:before {
content : " ";
}

/* =PROFILE AND OTHER LARGE BOXES */
#content {
width: 240px
line-height: 1.1;
background : #333333;
border-top : 0px solid #cc0033;
border-bottom : 0px solid #cc0033;
font-family : Arial, sans-serif;
font-size : 0.9em;
}

#button {
font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
     margin: 0 0 0 0;
     width: 90px; 
     height: 20px;
	 font-size : 1.3em;
     display: block;
	 padding-left: 0px;
     text-align: center;
     border: 1px solid #cc0033;
     text-decoration: none;
     color: #E78B02;
     background-color: #000000;
	 }

/* =MAIN BOX */
#main-box {
background : #330000;
font-family: Arial, Helvetica, sans-serif;
font-size : 1em;
text-align : left;
color : #000000;
padding : 5px;
clear : both;
}
#main-box h1 {
margin-left: 10px;
color : #ED008C;
font-size : 2em;
line-height : 1.1em;
letter-spacing : 1px;
font-family : Arial, san-serif;
}
#main-box h1 span {
color : #0C4DA2;
}

div.float {
   line-height: 1.1;
   position: relative;
  float: left;
   margin-left: 5px;
   margin-right: 0px;
   margin-top: 15px;
   }
  
div.float p {
   text-align: center;
   }

div.float br {
	position: relative;
   text-align: center;
   margin-left: 5px;
   margin-right: 0px;
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   }

 div.spacer {
  clear: both;
  } 

div.smallfloat {
   line-height: 1.0;
   position: relative;
  float: left;
   margin-left: 2px;
   margin-right: 0px;
   margin-top: 10px;
   }
  
div.smallfloat p {
   text-align: center;
   }

div.smallfloat br {
	position: relative;
   text-align: center;
   margin-left: 2px;
   margin-right: 0px;
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   }

.miniportfoliobutton {
 margin-top: 2px;
 margin-left: 0px;
 margin-bottom: 5px;
  color: #E78B02;
  background-color:#000000;
  width: 90px;
  border:1px solid #cc0033;
text-align: center;
font-size : 1.1em;
line-height : 1.0em;
font-family : Arial, sans-serif;
padding-top : 2px;
padding-bottom : 2px;
padding-left : 4px;
padding-right : 4px;
font-weight : bold;
}

.phonetext {
background : transparent url('../images/phone1.gif') center left no-repeat;
color: #ffffff;
padding-top : 0px;
padding-bottom : 0px;
padding-left : 45px;
padding-right : 0px;
font-size : 1.5em;
line-height : 1.1em;
letter-spacing : 1px;
font-weight: bold;
font-family : Arial, san-serif;
}

/* Cell Box 1 */
p.cellbox{padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin: 0 0 0 0;  color: #000000; font-family: Arial,sans-serif; font-size: 1.0em; font-weight: normal; }
h1.cellbox{ margin: 0 0 0 0; padding-left: 0; padding-right: 0; padding-top: 5px; padding-bottom: 5px; font-family: Arial,sans-serif; font-size: 1.0em; font-weight: bold; color: #000000; background-color: #f5c000; }
a.cellbox{ margin: 0 0 0 0; font-size: 0.9em; font-weight: bold; color: #000000; }

div#cellboxlist{ position: relative; top: 10px; margin-left: 5px; margin-right: 0; margin-top: 0; margin-bottom: 0; width: 200px; padding-left: 0px; }
div#cellboxtext{ position: relative; width:200px; height: auto; margin: 0 0 0 0; background:#333333; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight: normal; text-align:left; border: 1px dotted #bbde32; padding-left: 0; padding-right: 1.0em; padding-top: 0; padding-bottom: 0; }

span.boxtext{padding:0 0; top: 0px; font-size: 0.9em; }

#cleancellbox{ background: #000000; width: 10px; }

select.select-box {
background-color:#444444 !important;
  border:1px solid #ffcc00;
color: #ffcc00;
font-family : Arial, sans-serif;
font-size : 0.75em;
font-weight: bold;
}

.profilevalue{ padding-left: 0.5em; font-weight: bold; }