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

body
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: verdana;
	color: #ffffff;
	background: url(./images/background.jpg) repeat-x top;
	background-color: #ababab;
}


hr
{
	display: inline-block;
}

form
{
	display: inline;
}

/****************************
		Text
****************************/
.Text					{ font-family: verdana; font-weight: none; font-size: 11px; color: #555555; line-height: 14px;}
a.Text					{ text-decoration: none; color : #b00007; }
a.Text:hover			{ text-decoration: underline; }


.PortfolioText					{ font-family: verdana; font-weight: none; font-size: 10px; color: #555555; line-height: 13px;}
a.PortfolioText					{ text-decoration: none; color : #b00007; }
a.PortfolioText:hover			{ text-decoration: underline; }


.PriceText					{ font-family: verdana; font-weight: bold; font-size: 11px; color: #555555; line-height: 14px;}
a.PriceText					{ text-decoration: none; color : #b00007; }
a.PriceText:hover			{ text-decoration: underline; }

.ErrorTitleText					{ font-family: verdana; font-weight: bold; font-size: 13px; color: #b00007; line-height: 16px;}
a.ErrorTitleText					{ text-decoration: none; color : #b00007; }
a.ErrorTitleText:hover			{ text-decoration: underline; }

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

.Footer_Text				{ font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 14px;}
a.Footer_Text				{ text-decoration: none; color : #aaaaaa; }
a.Footer_Text:hover			{ text-decoration: underline; }

.ProjBoxTitleText					{ font-family: verdana; font-weight: bold; font-size: 13px; color: #555555; line-height: 16px;}
a.ProjBoxTitleText					{ text-decoration: none; color : #555555; }
a.ProjBoxTitleText:hover			{ text-decoration: none; color : #b00007; }

.ProjText				{ font-family: verdana; font-weight: none; font-size: 9px; color: #555555; line-height: 11px;}
a.ProjText				{ text-decoration: none; color : #b00007; }
a.ProjText:hover			{ text-decoration: underline; }

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

.ContentTitleText					{ font-family: verdana; font-weight: bold; font-size: 16px; color: #555555; line-height: 19px;}
a.ContentTitleText					{ text-decoration: none; color : #555555; }
a.ContentTitleText:hover			{ text-decoration: none; color : #b00007;}

.NavBarText_On					{ font-family: verdana; font-weight: none; font-size: 11px; color: #444444; line-height: 14px;}
a.NavBarText_On					{ text-decoration: none; color : #444444; }
a.NavBarText_On:hover			{ text-decoration: none; color : #b00007;}

.NavBarText_Off					{ font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 14px;}
a.NavBarText_Off				{ text-decoration: none; color : #dddddd; }
a.NavBarText_Off:hover			{ text-decoration: none; color : #b00007;}

.TextStrong	{font-weight: bold;}

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

#Wrap	
{
	padding: 0px 0px 0px 0px;
	width: 1074px;
	margin: 0px auto 0px auto;
}

#Background
{
 	position: relative;
	background: url(./images/background.jpg) repeat-x top;
	width: 100%;
}

.Container
{
 	position: relative;
	width: 928px;
	margin: 20px auto 0px auto;
	text-align: center;	
}

.ContainerLarge
{
	position: relative;
	width: 692px;
	margin: 0px auto 0px auto;
	text-align: right;
}


.ContainerMedium
{
	position: relative;
	float: left;
	width: 660px;
	margin: 0px auto 0px auto;
	text-align: center;
}

.ContainerSmallMedium
{
	position: relative;
	float: left;
	width: 311px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
}

.ContainerSmall
{
	position: relative;
	float: right;
	width: 220px;
	text-align: right;
	margin: 0px auto 10px auto;
	padding: 0px;
}

/****************************
	Container Medium Content
****************************/
.ContainerMedium_Content
{
	position: relative;
	width: 640px;
	margin: 0px auto 0px auto;
	text-align: left;
}


/****************************
		Header
****************************/
.Header
{
	position: relative;
	width: 1074px;
	height: 211px;
	text-align: left;
	margin: 0px auto 0px auto;
	top: 0px;
}

.HeaderContent
{
	position: relative;
	width: 326px;
	height: 23px;

}

/****************************
		Columns
****************************/
.Column1
{
	position: relative;
	float: left;
	width: 93px;
	height: 246px;
	background: url(./images/flowers_left.jpg) no-repeat top;
}

.Column2
{
	position: relative;
	float: left;
	width: 628px;
}

.Column3
{
	position: relative;
	float: left;
	width: 9px;
	height: 140px;
	background: url(./images/flowers_middle.jpg) no-repeat top;
}

.Column4
{
	position: relative;
	float: left;
	width: 251px;
}

.Column5
{
	position: relative;
	float: left;
	width: 93px;
	height: 246px;
	background: url(./images/flowers_right.jpg) no-repeat top;
}

/****************************
		Navigation Bar
****************************/
.NavigationBar
{
	position: relative;
	width: 628px;
	height: 63px;
	font-size: 0px;
	text-align: left;
	margin: 0px auto 0px auto;
}


.NavigationBar_Home
{
	position: absolute;
	top: 46px;
	left: 38px;
}


.NavigationBar_Services
{
	position: absolute;
	top: 46px;
	left: 135px;
}


.NavigationBar_Portfolio
{
	position: absolute;
	top: 46px;
	left: 238px;
}


.NavigationBar_Contact
{
	position: absolute;
	top: 46px;
	left: 343px;
}


/****************************
	Content
****************************/

.Content
{
	position: relative;
	width: 628px;
	text-align: center;
	background-color: #ffffff;
}

.ContentBottom
{
	position: relative;
	width: 628px;
	height: 8px;
	font-size: 0px;
	margin: 0px auto 9px auto;
	background: url(./images/content_bottom.jpg) no-repeat top;
}

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

.Content_SubBox
{
 	position: relative;s
	width: 598px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.Content_SubBoxIcon
{
 	position: relative;
	width: 101px;
	height: 116px;
	float: left;
	margin: 0px auto 0px auto;
}

.Content_SubBoxContent
{
 	position: relative;
	width: 497px;
	height: 116px;
	float: left;
	text-align: left;
	margin: 0px auto 0px auto;
	background: url(./images/contentsubbox.jpg) no-repeat top;
}

.Content_SubBoxDescription
{
 	position: relative;
	width: 450px;
	top: 20px;
	text-align: left;
	margin: 0px auto 0px auto;
}


/****************************
	Recent Projects Box
****************************/

.RecentProjects_BoxTop
{
	position: relative;
	width: 251px;
	height: 23px;
	background: url(./images/recentprojects_top.gif) no-repeat top;	
}

.RecentProjects_TopBoxTop
{
	position: relative;
	width: 251px;
	height: 23px;
	background: url(./images/recentprojects_topboxtop.jpg) no-repeat top;	
}

.RecentProjects_Title
{
 	position: relative;
	width: 251px;
	height: 64px;
	margin: 0px auto 0px auto;
	
}

.RecentProjects_TopBox
{
 	position: relative;
	width: 251px;
	height: 193px;
	margin: 0px auto 0px auto;
	background: url(./images/recentprojects_topbox.jpg) no-repeat top;	
}

.RecentProjects_Box
{
 	position: relative;
	width: 251px;
	height: 225px;
	margin: 0px auto 9px auto;
}

.RecentProjects_BoxLeft
{
 	position: relative;
	width: 126px;
	height: 225px;
	float: left;
	margin: 0px auto 0px auto;
	background: url(./images/recentprojects_boxleft.jpg) no-repeat top;
}

.RecentProjects_BoxLeftContent
{
 	position: relative;
 	top: 8px;
	width: 105px;
	height: 225px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.RecentProjects_BoxRight
{
 	position: relative;
	width: 125px;
	height: 225px;
	float: left;
	margin: 0px auto 0px auto;
}

.RecentProjects_Bottom
{
 	position: relative;
	width: 251px;
	height: 11px;
	font-size: 0px;
	margin: 0px auto 9px auto;
	background: url(./images/recentprojects_bottom.jpg) no-repeat top;	
}

.RecentProjects_BoxTitle
{
	position: relative;
	text-align: left;
	top: 3px;	
	left: 10px;
}

.RecentProjects_BoxPlatform
{
	position: relative;
	top: 22px;	
}

.RecentProjects_BoxThumb
{
	position: relative;
	top: 26px;
}

.RecentProjects_BoxReadMore
{
	position: relative;
	top: 34px;
}


/****************************
	Quick Contact
****************************/

.QuickContact_Title
{
	position: relative;
	width: 251px;
	height: 63px;
	margin: 0px auto 0px auto;
	background: url(./images/quickcontact_title.jpg) no-repeat top;	
}

.QuickContact_Content
{
	position: relative;
	padding: 10px 0px 10px 0px;
	width: 211px;
	text-align: left;
	margin: 0px auto 0px auto;
}


/****************************
	Side Box
****************************/
.SideBox
{
	position: relative;
	width: 251px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #ffffff;
}

.SideBox_Bottom
{
	position: relative;
	width: 251px;
	height: 7px;
	font-size: 0px;
	margin: 0px auto 9px auto;
	background: url(./images/sidebox_bottom.jpg) no-repeat top;	
}

/****************************
		Portfolio Item
****************************/

.PortfolioItem
{
	position: relative;
	width: 595px;
	height: 213px;
	margin: 0px auto 10px auto;
	
}

.PortfolioItem_Image
{
	position: relative;
	float:left;
	width: 135px;
	height: 213px;
}

.PortfolioItem_Right
{
	position: relative;
	float: left;
	width: 460px;;
	height: 213px;
	text-align: center;
	background: url(./images/portfolio_item_right.jpg) no-repeat top;	
}

.PortfolioItem_Content
{
	position: relative;
	width: 440px;;
	height: 213px;
	text-align: left;
	margin: 0px auto 0px auto;
}

/****************************
		Footer
****************************/
.Footer
{
	position: relative;
	width: 888px;
	margin: 0px auto 0px auto;
}

.Footer_Left
{
	position: relative;
	float: left;
	width: 9px;
	height: 49px;
	background: url(./images/footer_left.jpg) no-repeat top;	
}

.Footer_Right
{
	position: relative;
	float: left;	
	width: 11px;
	height: 49px;
	background: url(./images/footer_right.jpg) no-repeat top;	
}

.Footer_Center
{
	position: relative;
 	float: left;
	width: 868px;
	height: 49px;
	background-color: #555555;
}

.Footer_Content
{
	position: relative;
	top: 10px;
}


/****************************
        Log
****************************/

.Log_Date
{
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #bcbcbc;
}

.Log_TickBox, .Log_CrossBox, .Log_InfoBox, .Log_WarningBox      
{
   position: relative;
   margin: 10px 0px 0px 0px;
   padding: 10px 10px 20px 10px;
}

.Log_TickBox    {background-color: #ebffeb;}
.Log_CrossBox   {background-color: #ffebeb;}
.Log_InfoBox    {background-color: #f0f0f0;}
.Log_WarningBox {background-color: #feffeb;}

.Log_Box_Icon
{
    position: relative;
    float: left;
    width: 60px;
    text-align: center;
}

.Log_Box_WarningIcon, .Log_Box_InfoIcon, .Log_Box_TickIcon, .Log_Box_CrossIcon
{
    position: relative;
    height: 40px;
}

.Log_Box_TickIcon     {background: url(./images/log_icon_tick.gif) no-repeat center;}
.Log_Box_CrossIcon     {background: url(./images/log_icon_cross.gif) no-repeat center;}
.Log_Box_WarningIcon     {background: url(./images/log_icon_warning.gif) no-repeat center;}
.Log_Box_InfoIcon        {background: url(./images/log_icon_info.gif) no-repeat center;} 


.Log_Box_Content
{
    position: relative;
    /*float: left;*/
    margin: 0px 0px 0px 60px;
}

.Log_DateText                    { font-family: verdana; font-weight: bold; font-size: 15px; color: #555555; line-height: 18px;}
.Log_BoxTimeText                 { font-family: verdana; font-weight: none; font-size: 10px; color: #666666; line-height: 15px;}
.Log_BoxText                     { font-family: verdana; font-weight: none; font-size: 11px; color: #232323; line-height: 14px;}
a.Log_BoxText                    {color: #0397ff;text-decoration: none;}
a.Log_BoxText:hover              {color: #0397ff; text-decoration: underline;}
.Log_BoxCategoryText             { font-family: verdana; font-weight: bold; font-size: 11px; color: #555555; line-height: 15px;}

.Log_TickBox_TitleText                     { font-family: verdana; font-weight: none; font-size: 16px; color: #008400; line-height: 19px;}
.Log_CrossBox_TitleText                    { font-family: verdana; font-weight: none; font-size: 16px; color: #ac0505; line-height: 19px;}
.Log_WarningBox_TitleText                  { font-family: verdana; font-weight: none; font-size: 16px; color: #ff9003; line-height: 19px;}
.Log_InfoBox_TitleText                     { font-family: verdana; font-weight: none; font-size: 16px; color: #232323; line-height: 19px;}



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

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

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


.SideBar_Top
{
	position: relative;
	width: 251px;
	height: 62px;
	background:  url(./images/sidebar_top.jpg) no-repeat top;	
}