/* CSS Document */

body 
{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
}

p 
{
	margin:0px;
	margin-bottom:20px;
}



/*main container*/

#container 
{
	margin: 0 auto; 
	width:960px;
}



/*header*/

#header 
{
	margin-top:20px;
	height:42px;
}

#logo 
{
	height:37px;
	width:220px;
	float:left;
	margin-right:20px;
}

#logoPrint 
{
    display:none; 
}

#logoTxt
{
	background:url(../images/logoTxt.gif) no-repeat left;
	height:17px;
	padding-top:25px;
}

/*menu styles*/

#menu 
{
   
	padding-top:15px;
	padding-left:20px;
}

#menuLeft
{
	float:left;
}


#menuRight
{
	
}

#menuRight a
{
	font-weight:bold;
	color:#929292;
	text-decoration:none;
}

#menuRight a:hover
{
	color:#EB2D2E;
}

.StaticMenuItem {
	font-weight:bold;
	font-size:13px;
	color:#929292;
	text-decoration:none;
	margin-left:10px;
	padding-right:2px;
}

.StaticMenuItem a:hover {
	color:#EB2D2E;
}

.DynamicMenu {
	margin-left:10px;
	padding:0 10px 5px 10px;
}

.DynamicMenuItem {
	font-weight:bold;
	color:#929292;
	text-decoration:none;
	margin-top:8px;
}
 
.DynamicMenuItem a:hover {
	color:#EB2D2E;
}



/*body backgrounds*/

#main 
{
	background:url(../images/bcg1.jpg);
	height:450px;
	width:960px;
}

#wwd 
{
	background:url(../images/bcg2.jpg);
	height:450px;
	width:960px;
}

#port 
{
	background:url(../images/bcg3.jpg);
	height:450px;
	width:960px;
}

#contact
{
	background:url(../images/bcg4.jpg);
	height:450px;
	width:960px;
}

#login
{
	background:url(../images/bcg5.jpg);
	height:450px;
	width:960px;
}

#host
{
	background:url(../images/bcg6.jpg);
	height:450px;
	width:960px;
}

#webCms
{
	background:url(../images/bcg7.jpg);
	height:450px;
	width:960px;
}

#cons
{
	background:url(../images/bcg13.jpg);
	height:450px;
	width:960px;
}

#team
{
	background:url(../images/bcg8.jpg);
	height:450px;
	width:960px;
}

#dev
{
	background:url(../images/bcg9.jpg);
	height:450px;
	width:960px;
}

#comp
{
	background:url(../images/bcg12.jpg);
	height:450px;
	width:960px;
}

#skill
{
	background:url(../images/bcg11.jpg);
	height:450px;
	width:960px;
}

#web
{
	background:url(../images/bcg10.jpg);
	height:450px;
	width:960px;
}


/*content boxes */

#mainContentBox 
{
	width:320px;
	height:450px;
	margin-left:80px;
	background:url(../images/bcg.png);
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	overflow:auto;
	
}

/*ie6 png transparency fix */
* html #mainContentBox  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bcg.png', sizingMethod='scale');
}

#wwdContentBox 
{
	float:left;
	display:inline;
	width:320px;
	height:450px;
	margin-left:80px;
	background:url(../images/bcg.png);
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	overflow:auto;
	
}

/*ie6 png transparency fix */
* html #wwdContentBox  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bcg.png', sizingMethod='scale');
}

#portContentBox 
{
	float:left;
	display:inline;
	width:320px;
	height:450px;
	margin-left:80px;
	background:url(../images/bcg.png);
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	overflow:auto;
}

#hostContentBox 
{
	float:left;
	display:inline;
	width:320px;
	height:450px;
	background:url(../images/bcg.png);
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	overflow:auto;
	
}

/*ie6 png transparency fix */
* html #hostContentBox  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bcg.png', sizingMethod='scale');
}


/*ie6 png transparency fix */
* html #portContentBox  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bcg.png', sizingMethod='scale');
}

#portContentBox img
{
	padding-bottom:10px;
}

#googleMap 
{
    float:left;
    margin-left:-1000px;
}

#contactContentBox 
{
	float:right;
	display:inline;
	text-align:left;
	width:220px;
	height:450px;
	margin-right:90px;
	background:url(../images/bcg.png);
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	overflow:auto;
}

/*ie6 png transparency fix */
* html #contactContentBox  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bcg.png', sizingMethod='scale');
}

#loginBox 
{
    float:left;
    margin:20px;
}

#loginContentBox 
{
    font-size:9px;
	color:#E1DFC7;
	width:760px;
	height:450px;
	margin-left:0px;
	background:url(../images/bcg.png);
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	overflow:hidden;
}

/*ie6 png transparency fix */
* html #loginContentBox  {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bcg.png', sizingMethod='scale');
}



/*content*/

.content 
{
	line-height:1.75em;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;	
}

.content a
{
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}

.content a:hover
{
	color:#BA0000;
}

.yellow 
{
    color: #FEE100
}

.yellow a 
{
	text-decoration:none;
	color:#FFFFFF;
}

.yellow a:hover 
{
	color:#FEE100;
}

.orange 
{
    color: #FE9900;
}

.orange a 
{
	text-decoration:none;
	color:#FFFFFF;
}

.orange a:hover 
{
	color:#FE9900;
}


/*flash buttons*/
#buttons 
{
	width:500px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}

#buttons a
{
    outline: none;
}

#buttonsH 
{
	width:480px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}

#buttonsH a
{
    outline: none;
}

.block 
{
	margin-right:20px;
	margin-bottom:5px;
}


img 
{
    border:0px;
    }
    
#logos 
{
    width:60px;
    margin: 25px 10px 0px 10px;
    float:left;    
    }
    
.logos 
{
    margin-bottom:20px;
    }