/* ------------- 1. General ----------------------*/

body *{
margin:0;
padding:0;
}
body {
font:normal 14px Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;
text-align:center;
background:#545454 url(../images/bg.jpg) repeat top center;
color:#666666;
}

.break{
clear:both;
}

img
{
border:0px;
}


/* ------------- 2. DIV Containers --------------------*/

#top_links,
#bottom_links,
#footer
{
width:900px;
text-align:left;
margin:0 auto;
position:relative;
clear:both;
}

#pagecontainer{
width:900px;
text-align:left;
margin:0 auto;
clear:both;
}

#pagewrapper{
background:#3d3d3d url(../images/body_bg.gif) repeat top center;
clear:both;
margin-bottom:-1px;

}
#pagecontainer{
background-color:#FFF;
}

#logo{
float:left;
margin:0px 10px 0 0;
}

#banner{
float:left;
width:900;
margin:0px;
padding:0px;
}

#mainpage_content{
position:relative;
margin:5px 10px 0 10px;
padding:0;
width:460px;
float:left;
}

#phil
{
float:left;
width:380px;
margin:5px 10px 0 10px;
padding:0;
border-left:1px solid #ccc;
}

#internal_content{
position:relative;
margin:5px 10px 0 10px;
padding:0;
width:660px;
float:left;
border-right:1px solid #ccc;
}

#internal_products
{
float:left;
width:170px;
margin:5px 10px 0 0px;
padding:0;
}

#menu
{
display:block;
float:right;
background-color:#2380ff;
margin-top:-20px;
}

#bottom_links{
color:#fff;
background-color:#2380ff;
padding:10px 0;
text-align:left;
z-index:100;
height:10px;
}

#footer{
color:#fff;
font-size:12px;
line-height:30px;
}

#services{
height:140px;
background-color:#dbd8c6;
width:900px;
display:block;
float:left;
margin:0;
width:900px;
}
/* ------------- Text --------------------*/


h1
{
padding:10px 0px 0px 20px;
margin:0px;
font:bold 21px Georgia, "Times New Roman", Times, serif;
color:#2380ff;
}

#internal_content h1{
padding:10px 0px 0px 10px;
}
#phil h1{
color:#990066;
}
#internal_products h1{
color:#7f725a;
}

h2
{
padding:10px 0px 0px 10px;
margin:0px;
font:bold 16px Georgia, "Times New Roman", Times, serif;
color:#2380ff;
}


#mainpage_content p{
margin:10px 10px 0 20px;
padding:0 0 0 0;
text-align:justify;
color:#666666;
font:normal 14px Georgia, "Times New Roman", Times, serif;
line-height:160%;
}

#internal_content p{
margin:10px 10px 0 10px;
padding:0 0 0 0;
text-align:justify;
color:#666666;
font:normal 14px Georgia, "Times New Roman", Times, serif;
line-height:140%;
}

#phil p{
margin:10px 10px 0 20px;
padding:0 0 0 0;
text-align:justify;
color:#660033;
font:normal 14px Georgia, "Times New Roman", Times, serif;
line-height:160%;
}

.qu
{
font-size:26px;
color:#CC0000;
line-height:0px;
}
.style1
{
color:#CC0000;
}

.maintext
{
font:normal 12px Arial, Helvetica, sans-serif;
}
/* ------------- Links --------------------*/
a:link, a:visited, a:active {
color:#666666; 
text-decoration: none;
}

a:hover {
color:#2380ff;
text-decoration: underline;
}

#bottom_links a:link, #bottom_links a:visited, #bottom_links a:active {
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 5px;
color: #000;
text-decoration: none;
}

#bottom_links a:hover {
color: #fff;
text-decoration:none;
}

#footer a{
color:#fff;
padding: 0 5px;
text-decoration:none;
}

#footer a:hover {
color: #423d30;
text-decoration: underline;
}


/* ------------- Home Page Image Slider --------------------*/

#screen{
position:relative;
height:150px;
width:900px;

}
#screen .next, #screen .prev{
position:absolute;
top:50px;
}
#screen .prev{
left:10px;
cursor:pointer;
}
#screen .next{
right:10px;
cursor:pointer;
}
#sections{
overflow:hidden;
margin-left:40px;
width:820px;
height:140px;
clear:left;
}
#sections ul{
width:3660px;
}
#sections li{
float:left;
padding:8px 5px 8px 15px;
list-style:none;
width:390px;
}
#sections p{
margin:5px;
font: normal 12px Arial, Verdana, Helvetica,  sans-serif;
text-align:justify;
color:#6f635c;
}
#sections h2{
color:#993333;
margin:20px 0pt;
}
#sections a{
color:#777;
font-weight:bolder;
text-decoration:none;
}
#sections h1{
color: #6f635c;
text-decoration:underline;
padding:0;
margin:0;
text-align:left;
font: 16px bold "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#sections img
{
float:left;
width:120px;
height:110px;
border: 2px solid #999999;
margin:5px;
padding:0;
}
#sections a:link, #sections a:visited, #sections a:active
{
float:right;
width:180px;
height:20px;
display:block;
color:#585857;
text-decoration:underline;
text-align:right;
padding-right:10px;
}
#sections a:hover {
color: #2380ff;
text-decoration: none;
}
/* ------------- Internal Page Products --------------------*/

#navcontainer		{ margin: 5px 0 0 0; padding: 0; }
#navcontainer ul	{ margin: 0; padding: 0; list-style: none; list-style-type: none; }
#navcontainer li 	{ margin: 0; padding: 0; list-style: none; list-style-type: none; }
#navcontainer img 	{ margin: 0; padding: 0;}
#navcontainer a		{ display:block; font:normal 14px Georgia, "Times New Roman", Times, serif; color: #717174; width: 163px; text-decoration: none; padding: 9px 0 7px 24px; height:14px; text-align:left; background-image: url(../images/dot_copyright.gif); background-repeat: repeat-x; background-position: left bottom;}
#navcontainer a:hover	{ display:block; background-image: url(../images/side_arrow.gif); background-repeat: no-repeat; background-position: 5px 50%; background-color: #2380ff; color: #ffffff; }
/* ------------- Forms --------------------*/
.cssform p{
width: 600px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 255px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
text-align:right;
margin:10px 10px 5px 159px;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="file"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 184px;
height:19px;
display: inline;
color: #333333;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
margin:10px 10px 10px 0px;

}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
height:16px;
display: inline;
color: #333333;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
margin:10px 10px 10px 0px;
border:1px solid #ADADAD;
}
.cssform input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 120px;
height:27px;
display: inline;
color:#FFFFFF;
border:none;
text-align:center;
padding-left:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left: 310px;
background-color:#666666;
}
.cssform textarea{
color: #333333;
width: 250px;
height: 110px;
margin:10px 10px 10px 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
}

td.bor {
background-color:#e3e3e3;
border:1px solid #bfc6c8;
padding:2px;
text-align:center;
font-weight:bold;
}
td.bor1 {
background-color:#ffffff;
text-align:center;
padding:4px;
border:1px solid #f2f2f4;
}

.adv
{
float:left;
margin: 0 10px 0 10px;
border:2px solid #999;
}