﻿/*-------------------------------------------------------------------------------
	Common
-------------------------------------------------------------------------------*/
h1
{
	color:#ffffff;
	font-size:24px;
}

h2
{
    color:#2686e3;
}

p
{
	color:#ffffff;
}

li
{
	color:#ffffff;
	margin:0 0 15px 0;
}

.clear_both
{
	clear:both;	
}

.float_left
{
    float:left;
}

a img
{
    border:none;
}

.white_12
{
    color:#ffffff;
}
/*-------------------------------------------------------------------------------
	Master
-------------------------------------------------------------------------------*/
body 
{
	padding:none;
	font-size: 9pt;
	font-family: arial, verdana, sans-serif;
	margin:0;			
	background-color:#000000;	
	color:#ffffff;	
}

#content_holder
{
    width:1000px;
    margin:0 auto 0 auto;    
    min-height:400px; 		
}

#content_left
{
	float:left;
	clear:left;
	width:710px;
	min-height:100px;    
}

#content_right
{
	float:left;
	clear:right;
	width:270px;
	min-height:100px;   
	margin:0 0 0 20px 
}

#logo
{
	margin:10px 450px 0 0	
}

.link_holder
{
	background-image:url(graphics/link.png);
	width:95px;
	height:27px;
	float:left;
	margin:0 3px 0 0;
	padding:5px 0 0 5px;
	text-align:center;
}

.link_holder a
{
	text-decoration:none;
	color:#8f8e8e;
    font-size:12pt;
}

.link_holder:hover
{
	background-image:url(graphics/link_hover.png);
}

.link_holder:hover a
{
	color:#ffffff;
}

.footer
{
	width:710px;
	height:33px;
	background-image:url(graphics/footer_bg.png);	
	margin:0 0 0 0;	
	color:#ffffff;
	font-size:8pt;
}

.footer a
{
	text-decoration:none;
	color:#ffffff;
	font-size:8pt;
}

.footer a:hover
{
	text-decoration:underline;	
}

#footer_left
{
    float:left;
    height:30px;
    width:400px;
    padding:10px 0 0 10px;
}

#footer_right
{
    float:left;
    height:30px;
    width:290px;
    text-align:right;
    padding:3px 0 0 0;
}

.footer_large
{
	width:950px;
	height:42px;
	background-image:url(graphics/footer_large_bg.jpg);	
	margin:20px 0 0 0;	
	color:#ffffff;
	font-size:8pt;
}

.footer_large a
{
	text-decoration:none;
	color:#ffffff;
	font-size:8pt;
}

.footer_large a:hover
{
	text-decoration:underline;	
}

#footer_left_large
{
    float:left;
    height:30px;
    width:630px;
    padding:13px 0 0 10px;
}

#footer_right_large
{
    float:left;
    height:30px;
    width:303px;
    text-align:right;
    padding:10px 0 0 0;
}
#nav_holder
{
	margin:25px 0 10px 0;
	height:35px; 
}

#viable-holder
{
    margin:15px 0 0 0;
    width:330px;    
}

#viable-holder h1
{
    float:left;
}

#viable_question_mark
{
    margin:15px 0 0 5px;
}

#registered_office_holder
{        
    width:475px;
    height:50px;
    text-align:right;
    margin:5px 0 0 475px;
}

#registered_office_holder p
{
    margin:0 0 0 0;
    font-size:8pt;
    color:#6f6f6f;
}

/*-------------------------------------------------------------------------------
	Index
-------------------------------------------------------------------------------*/
#web_design
{
	height:430px;
	width:230px;
	margin:0 10px 30px 0;
	float:left;
}

#web_design_header_holder
{
	background-image:url(graphics/webdesign.jpg);
	width:226px;
	height:161px;
	float:left;
}

#web_design_holder
{
	background-image:url(graphics/webdesign_bg.png);
	width:203px;
	height:266px;
	float:left;
	margin:20px 0 0 0;
	color:#e3e3e3;
	padding:5px 10px 5px 10px;    
}

#seo
{
	height:430px;
	width:230px;
	margin:0 10px 30px 0;
	float:left;
}

#seo_header_holder
{
	background-image:url(graphics/seo.jpg);
	width:226px;
	height:161px;
	float:left;
}

#seo_holder
{
	background-image:url(graphics/seo_bg.png);
	width:210px;
	height:266px;
	float:left;
	margin:20px 0 0 0;
	color:#e3e3e3;
	padding:5px 5px 5px 5px;
}

#cms
{
	height:430px;
	width:230px;
	margin:0 0 30px 0;
	float:left;
}

#cms_header_holder
{
	background-image:url(graphics/cms.jpg);
	width:226px;
	height:161px;
	float:left;
}

#cms_holder
{
	background-image:url(graphics/cms_bg.jpg);
	width:210px;
	height:266px;
	float:left;
	margin:20px 0 0 0;
	color:#e3e3e3;
	padding:5px 5px 5px 5px;
}

#index_main_text_holder
{
	width:672px;
	height:287px;
	clear:left;	
	color:#e3e3e3;
	background-image:url(graphics/main_text_bg.png);
	padding:10px 10px 10px 10px;
}

#latest_work
{
	background-image:url(graphics/latest_work_bg.png);
	width:210px;
	height:28px;
	padding:5px 0 0 10px;
	color:#ffffff;
	font-size:20px;
	margin:0 0 20px 0;
	background-repeat:no-repeat;
}

#globe_holder
{
	background-image:url(graphics/globe.png);
	width:240px;
	height:364px;
}

.latest_instance
{
	color:#b8b8b8;	
	margin:0 0 15px 0;
	width:200px;
	font-size:9pt;
}

.latest_instance h3
{
	color:#b8b8b8;	
	
	margin:5px 0 5px 0;
}

.latest_instance a
{
	text-decoration:none;
	color:#43c444;		
	margin:5px 0 5px 0;
}

.latest_instance a:hover
{
	text-decoration:underline;		
}

/*-------------------------------------------------------------------------------
	Websites
-------------------------------------------------------------------------------*/
#website_text_1
{
    width:650px;
    height:250px;    
    float:left;
    clear:left;    
}

#planet_earth
{
    float:left;
    clear:right;
    margin:0 0 0 50px;
}

#portfolios_container
{
    background-color:#05366b;
    width:920px;
    min-height:478px;
    padding:10px 15px 15px 15px; 
}

#website_laptop
{
    float:left;
    width:345px;
    height:155px;  
    margin:0 0 25px 0;  
}

#websites_para_2
{
    width:610px;
    height:155px;    
    float:left;    
}

.portfolio_screenshot
{
    float:left;
    width:598px;
    height:409px;
    margin:0 0 10px 0;
    border:solid 2px #8da3b8; 
}

.portfolio_description_holder
{
    float:left;
    width:230px;
    height:371px;
    background-color:#030f1e;
    margin:13px 0 0 0;
    padding:0 10px 0 10px;
}

.portfolio_description_holder ul
{
    color:#2686e3;
}

.portfolio_description_title
{    
    margin:0 0 10px 20px;
    float:left;
}

.portfolio_description_title h3
{
	margin-top:0;	
}

.portfolio_container
{
    margin:20px 0 0 0;
}

.portfolio_container h1
{
    margin:0 0 0 0;
}

.portfolio_container li
{
    margin:0 0 0 0;
}

.portfolio_details
{
    width:920px;
    height:30px;    
    
    color:#2686e3;
}

.portfolio_details a:visited
{       
    color:#2686e3;
}

.portfolio_details a
{       
    color:#2686e3;
}

.Portfolio_Holder_BG
{
     width:400px;      
     background-color:#030f1e;
     height:310px; 
     padding:10px 10px 10px 10px;         
     float:left;
     margin:20px 40px 0 0;     
}

.Portfolio_Holder_BG ul
{
    padding:0 0 0 15px;
    margin:0 0 0 0;
}

.Portfolio_Holder
{
    width:400px; 
    background-color:#030f1e;
    height:310px; 
    color:#ffffff;          
}

.Pf_Mini_Title
{
    color:#096597;
    font-size:10pt;    
    font-weight:bold;      
}

.Pf_Mini_Left_Holder
{
    color:#3d3d3d;
    font-size:9pt;
    padding:15px 0 0 15px;       
    width:135px; 
    height:159px; 
    float:left;     
}

.websites_portfolio_description
{
    clear:left; 
    text-align:justify; 
    padding:5px 5px 0 10px;
}
.Websites_Portfolio_Image_Holder
{
    float:left; 
    width:200px;
    margin:0 0 20px 0;
}

.websites_portfolio_image
{
    padding:10px 0 0 10px; 
    float:left;
}

.websites_portfolio_req_holder
{
    float:left; 
    width:170px; 
    padding:10px 15px 0 15px; 
    clear:right;
}

.Pf_Mini_Left_Holder ul
{
    margin: 0;
    padding: 0;
    padding-left:15px;
}

.Pf_Screenshot
{
    padding:25px 0 0 10px;
    width:130px;    
}
/*-------------------------------------------------------------------------------
	About Us
-------------------------------------------------------------------------------*/
#about_us_bg
{
    background-image:url(graphics/about_us_bg.jpg);
    width:930px;
    min-height:441px;
    padding:10px 10px 10px 10px;
}

#about_main_para
{
    width:625px;
    height:330px;
    float:left;
    margin:0 30px 0 0;
}

#about_img
{
    float:left;
    margin:30px 0 0 0;
}

#about_us_points_img
{    
    float:left;
    margin:10px 20px 0 10px;
    border:solid 2px #8da3b8;    
}

.about_us_bullets_holder
{
    float:left;
    height:230px;
    width:150px;    
    margin:0 15px 10px 0;
    padding:0 10px 0 10px;
    color:#2686e3;
    background-color:#000612;
}

.about_us_bullets_holder li
{
    margin:0 0 10px 0;
    font-weight:bold;
}

.about_us_bullets_holder h2
{
    color:#ffffff;
    font-size:15pt;
}
/*-------------------------------------------------------------------------------
	Testimonials
-------------------------------------------------------------------------------*/
#testimonial_main_para
{
    width:630px;
    height:400px;
    float:left;
    margin:0 30px 0 0;
}

#testimonial_img
{
    float:left;
    margin:30px 0 0 0;
    border:solid 2px #8da3b8;    
}

#testimonials_holder
{
    background-color:#05366b;
    width:950px;
}

#testimonials_holder hr
{
    width:900px;
    height:2px;
}

.testimonial_logo_holder
{
    float:left; 
    margin:35px 0 0 35px; 
    border:solid 2px #8da3b8;    
}

.testimonial_holder
{
    float:left;
    width:650px;
    height:130px;
    margin:25px 0 10px 25px;
    
}

.testimonial_holder span
{
    font-size:11pt;
    color:#ffffff;
    font-weight:bold;
}

.testimonial_holder a
{
    font-size:9pt;
    color:#2480da;    
    text-decoration:none;
}

.testimonial_holder b
{
    font-size:14pt;
    color:#ffffff;
}

/*-------------------------------------------------------------------------------
	Contact Us
-------------------------------------------------------------------------------*/
#contact_left
{
    width:615px;
    height:500px;
    float:left;
}

#contact_form
{
    width:252px;
    height:505px;
    background-image:url(graphics/contact_us_bg.jpg);
    padding:10px 10px 10px 10px;
    color:#ffffff;
    float:left;
    margin:0 0 0 60px;
}

#mobile_img
{
    float:left;
    border:solid 2px #8da3b8;
}

#call_now_holder
{
    width:300px;
    height:300px;    
    float:left;  
    margin:0 0 0 15px;
}

#call_now_text
{
    width:300px;
    height:300px;
    float:left;
    margin:10px 0 0 0;
    text-align:center;
}

#call_now_text p
{
    font-size:20pt;
    color:#ffffff;
}

#call_now_text b
{
    font-size:24pt;
    color:#2480da;
}
