/****************************
		General
****************************/

body
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: verdana;
	color: #ff0000;
    background-color: #151515;  
}



form
{
	display: inline;
}


/****************************
		Text
****************************/

h1						{font-family: verdana; font-weight: normal; font-size: 28px; color: #4a100f; line-height: 30px;}


.LightText                  { font-family: verdana; font-weight: normal; font-size: 11px; color: #404040; line-height: 15px;}
a.LightText                 { text-decoration: none; color : #007fb9 }
a.LightText:hover           { text-decoration: underline; }   
.LightText_Small            {font-size: 10px; line-height: 12px;}

.Text                       { font-family: verdana; font-weight: normal; font-size: 11px; color: #292929; line-height: 15px; text-align: justify;}
a.Text                      { text-decoration: none; color : #007fb9 }
a.Text:hover                { text-decoration: underline; }    
.Text_Small                 {font-size: 10px; line-height: 12px;}
.Text_Large                 {font-size: 12px; line-height: 14px;}                                                      
 
.TitleText                      { font-family: trebuchet ms; font-weight: normal; font-size: 14px; color: #007fb9; line-height: 18px;}
a.TitleText                     { text-decoration: none; color : #007fb9 }
a.TitleText:hover               { text-decoration: underline; } 
.TitleText_Small                { font-size: 12px; line-height: 15px;}  
.TitleText_Large                { font-size: 17px; line-height: 24px;}


.TitleText_Portfolio                      { font-family: verdana; font-weight: normal; font-size: 11px; color: #0096db; line-height: 18px;}
a.TitleText_Portfolio                     { text-decoration: none; color : #0096db }
a.TitleText_Portfolio:hover               { text-decoration: underline; }

.TitleText_PortfolioSubtle                      { font-family: verdana; font-weight: normal; font-size: 11px; color: #66c0e9; line-height: 14px;}
a.TitleText_PortfolioSubtle                     { text-decoration: none; color : #66c0e9 }
a.TitleText_PortfolioSubtle:hover               { text-decoration: underline; } 

.BannerText                    { font-family: verdana; font-weight: normal; font-size: 11px; color: #cccccc; line-height: 15px;}
a.BannerText                { text-decoration: none; color : #007fb9 }  /*005f8a     trebuchet ms*/
a.BannerText:hover            { text-decoration: underline; }


.NavBarOnText					{ font-family: verdana; font-weight: bold; font-size: 12px; color: #ffffff; line-height: 26px;}
a.NavBarOnText				    { text-decoration: none; color: #ffffff; }
a.NavBarOnText:hover			{ text-decoration: none;  color: #ffffff;}

.NavBarOffText                    { font-family: verdana; font-weight: normal; font-size: 12px; color: #999898; line-height: 22px;}
a.NavBarOffText                 { text-decoration: none; color: #999898; }
a.NavBarOffText:hover            { text-decoration: none;  color: #ffffff;}


.Footer_Text                { font-family: verdana; font-weight: normal; font-size: 10px; color: #5a5a5a; line-height: 16px;}
a.Footer_Text               { text-decoration: none; color : #878787; }
a.Footer_Text:hover         { text-decoration: none; color : #007fb9; }



.TC_Light	{color: #555555;}
.TC_Dark		{color: #ffffff;}
.TC_Subtle        {color: #737373;} 
.TC_VerySubtle        {color: #cdcdcd;} 
.StrongTextColor	{color: #4e7fef;}
.ErrorTextColor		{color: #ff0000;}

 
.TextStrong	{font-weight: bold;}
.TextItalics {font-style: italic;}

/****************************
		Containers
****************************/

.Wrap	
{
 	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
    background: url(./images/background_top.jpg) repeat-x top; 
    background-color: #cfcfcf;  
}




/****************************
		Header
****************************/
.Header
{
	position: relative;
	text-align: center;
	height: 180px;
	width: 968px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

/****************************
		Navigation Bar
****************************/
.NavigationBar
{
	position: relative;
	text-align: center;
	height: 29px;
    width: 348px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.NavigationBar_Button_On, .NavigationBar_Button_Off
{
	position: relative;
	text-align: center;
    float: left;
	width: 87px;
	height: 29px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.NavigationBar_Button_Off a
{
   display:block; 
   width: 87px;
   height: 29px;
}

.NavigationBar_Button_Off a:hover
{
    background: url(./images/navbar_button_hover.jpg) no-repeat top;  
}

.NavigationBar_Button_On
{
    background: url(./images/navbar_button_on.jpg) no-repeat top;     
}


.NavigationBar_Button_Content
{
	position: relative;
	width: 87px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

/****************************
	Top Banner
****************************/
.TopBanner_Small
{
	position: relative;
	width: 968px;
	height: 60px;
	padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
	background: url(./images/banner_top_small.jpg) no-repeat top; 
}

.TopBanner
{
    position: relative;
    width: 968px;
    height: 150px;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
    background: url(./images/banner_top.jpg) no-repeat top;
}

.TopBanner_Content
{
    position: relative;
    margin: 0px auto 0px auto;
    padding: 20px 20px 0px 20px;
    text-align: justify;
}
/****************************
		Content
****************************/
.Content
{
	position: relative;
	width: 968px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
    background: url(./images/content_middle.jpg) repeat-y;
}

.Content_Top
{
    position: relative;
    width: 968px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: url(./images/content_top.jpg) no-repeat top;
}

.Content_Top_Big
{
    position: relative;
    width: 968px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: url(./images/content_top_big.jpg) no-repeat top;
}

.Content_Content
{
    position: relative;
    width: 958px;
    margin: 0px auto 0px auto;
    padding: 3px 0px 0px 7px; 
    text-align: center;
}
 

/****************************
	Columns
****************************/
.Column_Content
{
    position: relative;
    width: 90%;
    margin: 0px auto 0px auto;
    text-align: left;
}

.Column3_Column_1, .Column3_Column
{
	position: relative;
	width: 310px;
	float: left;          
    margin: 0px 0px 0px 7px; 
}

.Column3_Column_1
{
    margin: 0px 0px 0px 4px;   
} 

body > Column3_Column_1
{
    margin: 0px 0px 0px 0px; 
} 

.ColumnMajor, .ColumnMinor 
{
    position: relative;
    width: 600px;
    float: left;
    margin: 0px auto 0px auto;
    text-align: center;
}

.ColumnMinor {width: 340px;}

.ColumnMajorMinor_Content
{
    position: relative;
    width: 90%;
    margin: 0px auto 0px auto;
    text-align: justify;
}

.ColumnPortfolioLeft, .ColumnPortfolioRight
{
    position: relative;
    width: 250px;
    float: left;
    margin: 0px auto 0px auto;
    text-align: center;    
}

.ColumnPortfolioRight {width: 690px;}  
.ColumnPortfolio_Content
{
    position: relative;
    width: 95%;
    margin: 0px auto 0px auto;
    text-align: left;
}
/****************************
	Services boxes
****************************/
.ServicesBox_Left
{
	position: relative;
    float: left;
	width: 241px;
	height: 137px;
    background: url(./images/servicesbox_left.jpg) no-repeat top; 
	text-align: center;
}

.ServicesBox_Web, .ServicesBox_Software, .ServicesBox_Marketing
{
	position: relative;
	float: left;
	width: 69px;
	height: 137px;
}

.ServicesBox_Web        {background: url(./images/servicesbox_web.jpg) no-repeat top;}
.ServicesBox_Software   {background: url(./images/servicesbox_software.jpg) no-repeat top;}
.ServicesBox_Marketing  {background: url(./images/servicesbox_marketing.jpg) no-repeat top;}
 
.ServicesBox_Content
{
    position: relative; 
    width: 225px;
    margin: 8px auto 0px auto;
    text-align: left;
}

/****************************
    Big Services boxes
****************************/
.BigServicesBox
{
    position: relative;
    width: 310px;
    height: 230px;
    background: url(./images/servicesbox_big_middle.jpg) repeat-y top;
}
 

.BigServicesBox_Top
{
    position: relative;
    width: 310px;
    background: url(./images/servicesbox_big_top.jpg) no-repeat top;
    text-align: center;
}

.BigServicesBox_Web, .BigServicesBox_Software, .BigServicesBox_Marketing
{
    position: relative;
    width: 310px;
    height: 102px;
}

.BigServicesBox_Web        {background: url(./images/servicesbox_big_web.jpg) no-repeat top;}
.BigServicesBox_Software   {background: url(./images/servicesbox_big_software.jpg) no-repeat top;}
.BigServicesBox_Marketing  {background: url(./images/servicesbox_big_marketing.jpg) no-repeat top;}
 
.BigServicesBox_Content
{
    position: relative; 
    width: 280px;
    top: 10px;
    margin: 0px auto 0px auto;
    text-align: left;
}

.BigServicesBox_Button
{
    position: absolute;
    width: 129px;
    height: 27px;
    left: 90px;
    top: 72px;       
    background: url(./images/button2.jpg) no-repeat top; 
    text-align: center;
    padding: 5px;
}

.BigServicesBox_Button_Content
{
    position: relative;
    margin: 0px auto 0px auto; 
    
}
 
 
/****************************
    Showcase Boxes 
****************************/

.ShowcaseBox
{
    position: relative;
    width: 306px;
    height: 420px;
    border: 2px solid #dedede;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.ShowcaseBox_Content
{
    position: relative;
    width: 220px;
    text-align: justify;
    margin: 17px auto 0px auto;
}

.ShowcaseBox_Image
{
      /*border: 1px solid #888888;*/
      border: none;     
}

/****************************
        Buttons
****************************/
.Button1
{
    position: absolute;
    width: 129px;
    height: 26px;
    left: 85px;
    top: 100px; 
    padding: 4px 0px 0px 0px;
   
    background: url(./images/button1.jpg) no-repeat top;
    text-align: center;
}

body > .Button1
{
     padding: 2px 0px 0px 0px; 
}

/****************************
    Portfolio List Items
****************************/

.PortfolioListItem
{
    position: relative;
    width: 250px;
    margin: 0px auto 0px 10px;
    padding-left: 0px;
    text-align: center;  
}


.PortfolioListItem_Image
{
    position: relative;
    width: 71px;
    float: left;
}


.PortfolioListItem_Content
{   
    position: relative;
    width: 120px;
    float: left;
    text-align: left;
    margin: 0px auto 0px 10px;
    padding-left: 0px;
}

 /****************************
    Portfolio Item
****************************/
.PortfolioItem_Description
{
     position: relative;
     text-align: justify;
}

/****************************
	Login 
****************************/

.Login_WideContainer
{
	position: relative;
	width: 562px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.Login_TextContainer
{
	position: relative;
	width: 284px;
	float:right;
	text-align: left;
	margin: 0px auto 0px auto;	
}

.Login_LoginContainer
{
	position: relative;
	width: 254px;
	float:left;
	text-align: left;
	margin: 0px auto 0px auto;
}


.Login_SideBox
{
	position: relative;
	width: 320px;
	text-align: left;
	margin: 0px auto 0px auto;
}


.Login_Top
{
	position: relative;
	width: 254px;
	height: 7px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	margin: 0px auto 0px auto;
	background: url(./images/box_small_grey_top.jpg) no-repeat top;
}

.Login_Middle
{
	position: relative;
	width: 254px;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #dddddd;
}

.Login_Bottom
{
	position: relative;
	width: 254px;
	height: 7px;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/box_small_grey_bottom.jpg) no-repeat top;
}

.Login_Content
{
	position: relative;
	width: 204px;
	text-align: left;
	margin: 0px auto 0px auto;	
}

/****************************
		Footer
****************************/

.WrapFooter
{
    position: relative;
    height:210px;
    background: url(./images/background_footer.jpg) repeat-x top; 
    background-color: #151515;  
}


.FooterThumb_Container
{
    position: relative;
    width: 249px;
    
    height: 69px; 
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

.FooterThumb_Image
{
    border: 1px solid #616161;
}

.FooterThumb
{
    position: relative;
    float: left;
    margin: 0px 5px 0px 5px;
}

.Footer
{
    background: url(./images/footer.jpg) no-repeat top;
    height: 103px;
	position: relative;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 40px 0px 0px 0px;
}

.Footer_Validation
{
    position: relative;
    text-align: center;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;
    
}

.Footer_Extra
{
     position: relative;   
     background-color: #151515;  
     height: 20px;
}



/****************************
		Misc
****************************/

.ErrorBox
{
	position: relative;
	border: 1px solid #ffe400;
	background-color: #f5ffa1;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

.MessageBox
{
	position: relative;
	border: 1px solid #3694f4;
	background-color: #b1d8ff;
}

.SuccessBox
{
	position: relative;
	border: 1px solid #005f8a;
	background-color: #b8e9ff;
}

.Spacer
{
 	position: relative;
 	clear: both;
	height: 10px;
	font-size: 0px;
}

.EmptySpacer
{
 	position: relative;
 	clear: both;
	height: 0px;
	font-size: 0px;
}



.Center
{
	text-align: center;
}