/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 General
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 * 
 {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

body
{
  background-color: #000000;
}

ul
{
  font: 14px/18px arial;
  color: #e1e1e2;
  list-style-image: url(images/ul_arrow.png);
  list-style-position: inside;
}

a:link, a:visited, a:active
{
  color:#8de922;
  font-weight:bold;
}

a:hover
{
  color:#fdf7c3;
  font-weight:bold;
}

div.fullbody
{
  margin: -4px 0px 0px 15px;
  position: relative;
  width: 879px;
  background: url(images/full_page_background.png);
}

div.fullbody p
{
  padding: 15px 20px 0px 15px;
  font: 14px/18px arial;
  color: #e1e1e2;
}

div.fullfooter
{
  margin: 0px 0px 0px 15px;
  width: 879px;
}

div.content
{
  width: 900px;
  margin: 20px auto 0px auto;
  background: url(images/background_tile.png);
  border: 1px solid #b6b6b6;
}

div.contentportfolio
{
  width: 900px;
  margin: 20px auto 0px auto;
  background-color:#333333;
  border: 1px solid #b6b6b6;
}

div.clear
{
  clear: both;
  visibility: hidden;
  line-height: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Navigation
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.navigation
{
  width: 902px;
  margin: 20px auto 0px auto;
}

ul.navigation
{
  float: right;
}

li.navigation
{
  display: inline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Flash Header
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.flash
{
  width: 902px;
  margin: 10px auto 0px auto;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Home Page
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.left
{
  width: 590px;
  float: left;
}

div.right
{
  width: 310px;
  float: right;
}

div.mainheader
{
  margin: 15px 0px 0px 15px;
  width: 567px;
}

div.mainbody
{
  margin: -4px 0px 0px 15px;
  position: relative;
  width: 567px;
  height: 375px;
  background: url(images/large_box_background.png);
}

div.mainbody p
{
  padding: 15px 20px 0px 15px;
  font: 14px/18px arial;
  color: #e1e1e2;
}

div.mainfooter
{
  margin: 0px 0px 0px 15px;
  width: 567px;
}

div.sideheader
{
  margin: 15px 0px 0px 0px;
  width: 294px;
}

div.sidebody
{
  margin: -4px 0px 0px 0px;
  position: relative;
  width: 291px;
  background: url(images/small_box_background.png);
}

div.sidebody ul
{
  padding: 15px 0px 0px 50px;
}

div.sidebody ul.featured
{
  font: 12px/16px arial;
  margin: 0px;
  padding: 0px;
}

div.sidefooter
{
  width: 294px;
}

img.featured
{
  float:left;
  padding: 15px 5px 5px 5px;
}

h3.featured
{
  padding: 15px 5px 5px 5px;
  color: #e1e1e2;
}


div.fullheader
{
  margin: 15px 0px 0px 15px;
  width: 879px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Portfolio Page
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.portfolio
{
  font: 24px/26px arial;
  color: #e1e1e2;
  padding:40px 0px 0px 20px;
  clear: both;
}
 
 ul.portfolioListleft
{
  width:350px;
  padding: 20px;
  float:left;
}

 ul.portfolioListright
{
  width:425px;
  padding: 20px;
  float:right;
}

 ul.portfolioList
{
  width:350px;
  padding: 20px; 
}
 
ul.portfolioListleft li.image,  ul.portfolioListright li.image
{
  list-style:  none none outside;
  text-align:center;
}

li.image img
{
  border: 1px solid black;
}
 
ul.portfolioListleft li.link,  ul.portfolioListright li.link
{
  text-align:center;
  list-style: none none outside;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

ul.portfolioListleft li.item,  ul.portfolioListright li.item
{
  margin: 0px 0px 0px 50px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Services Page
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.fullbody div.left
{
  float:left;
  width: 550px;
}

div.fullbody div.right
{
  float:right;
  width: 300px;
}

div.fullbody div.left h1
{
  padding: 30px 0px 0px 30px;
  font: 18px/18px arial;
  color: #e1e1e2;
}

div.fullbody div.right h1
{
  padding: 30px 0px 10px 0px;
  font: 18px/18px arial;
  color: #e1e1e2;
}

div.fullbody h2.services
{
  font: 14px/16px arial;
  color: #e1e1e2;
  font-weight:bold;
}

div.fullbody p
{
  padding: 5px 0px 0px 30px
}
 
ul.services
{
  width: 300px;
  padding: 20px 0px 0px 100px;
  list-style-position: outside;
}

ul.packages
{
  padding: 5px 0px 15px 35px;
  list-style-position: outside;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Login Page
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form.login
{
  margin: 0px 100px;
  padding: 10px auto 20px auto;
  width: 500px;
}

form.login h2
{
  font: 14px/16px arial;
  color: #e1e1e2;
  font-weight:bold;
}

form.login h2.top
{
  padding-top: 20px;
}

form.login input
{
  margin:0px;
  margin-bottom: 20px;
  background-color: #e1e1e2;
  border: 1px solid black;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Contact Page
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contactright  {
	width: 400px;
	margin-top:25px;
	float:right;
}
#contactright img {
padding: 25px 0px 25px 0px;
}

form.contact
{
  width: 400px;
  padding-left: 50px;
  padding-top: 20px; 
}

form.contact input, form.contact textarea, form.contact input.submit
{
  background-color: #e1e1e2;
  border: 1px solid black;
}
 
h2.contact
{
  font: bold 16px/16px arial;
  color: #e1e1e2;
  padding: 0px 0px 5px 0px;
}

h3.contact
{
  font: bold 14px/14px arial;
  color: #e1e1e2;
  padding: 0px 0px 5px 0px;
}
 
ul.contact
{
  width:350px;
  padding-top: 20px;
  padding-left: 50px; 
}

ul.contact li
{
  list-style: none none outside;
}