﻿/* COPYRIGHT 2009 HOTSCOT -----------------------------------------------------------------------

      ___           ___         ___           ___            ___           ___         ___     
     /\__\         /\  \       /\  \         /\  \          /\  \         /\  \       /\  \  (TM)
    /^/  /        /^^\  \      \^\  \       /^^\  \        /^^\  \       /^^\  \      \^\  \
   /^/__/        /^/\^\  \      \^\  \     /^/\^\  \      /^/\^\  \     /^/\^\  \      \^\  \
  /^^\  \ ___   /^/  \^\  \     /^^\  \   _\^\ \^\  \    /^/  \^\  \   /^/  \^\  \     /^^\  \
 /^/\^\  /\__\ /^/__/ \^\__\   /^/\^\__\ /\ \^\ \^\__\  /^/__/ \^\__\ /^/__/ \^\__\   /^/\^\__\
 \/__\^\/^/  / \^\  \ /^/  /  /^/  \/__/ \^\ \^\ \/__/  \^\  \  \/_/  \^\  \ /^/  /  /^/  \/__/
      \^^/  /   \^\  /^/  /  /^/  /       \^\ \^\__\     \^\  \        \^\  /^/  /  /^/  /
      /^/  /     \^\/^/  /   \/__/         \^\/^/  /      \^\  \        \^\/^/  /   \/__/
     /^/  /       \^^/  /                   \^^/  /        \^\__\        \^^/  /
     \/__/         \/__/                     \/__/          \/__/         \/__/  C R E A T I V E


----------------------------------------------------------------------------- www.hotscot.net */

/*--------------------------------------------------------------------------------------------*/
/*--GLOBAL RESETS-----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

input{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

td form{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

th{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

tr{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

thead{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

tfoot{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

tbody{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

caption{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

table{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

legend{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

label{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

form{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

li{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

ul{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

ol{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

dd{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

dt{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

dl{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

strong{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

strike{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

small{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

img{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

font{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

em{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

del{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

a{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

blockquote{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

p{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

h6{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

h5{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

h4{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

h3{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

h2{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

h1{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

iframe{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

object{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

applet{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

span{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

div{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

body{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

html{ 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: verdana, arial, tahoma, helvetica; 
    font-size:100%;
    vertical-align: baseline;
    }

/*--------------------------------------------------------------------------------------------*/
/*--BODY--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	background-color:#000000;
	background-image:url('../images/bg_body_default.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	}

body#homepage{background-image:url('../images/bg_body_homepage.jpg');}	
body#portfolio{background-image:url('../images/bg_body_portfolio.jpg');}
body#about_us{background-image:url('../images/bg_body_about_us.jpg');}
	
/*--------------------------------------------------------------------------------------------*/
/*--MAIN CONTAINER----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#main_con{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:980px;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--MAIN CONTAINER INNER (STARTS AT NAV AND PUSHES CONTENT OUT 20PX)--------------------------*/
/*--------------------------------------------------------------------------------------------*/
	
#main_con_inner{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	width:960px;
	}

/*--------------------------------------------------------------------------------------------*/
/*--HEADER------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
#header{
	margin:0px;
	padding:0px;
	width:980px;
	height:125px;
	}
	
#header img{
	float:left;
	}
	
#header img#phone{
	float:right;
	}

/*--------------------------------------------------------------------------------------------*/
/*--NAVIGATION--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.nav{
	position:relative;
	margin:0px;
	padding:0px;
	width:960px;
	height:60px;
	background-image:url('../images/bg_nav_default.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	
body#homepage .nav{background-image:url('../images/bg_nav_homepage.jpg');}
body#portfolio .nav{background-image:url('../images/bg_nav_portfolio.jpg');}
body#about_us .nav{background-image:url('../images/bg_nav_about_us.jpg');}

body#homepage #content{background-image:url('../images/bg_content.gif');}
body#homepage #content_inner{background-image:url('../images/bg_content_inner.gif');}
body#homepage .col_01{width:360px; padding:0px;}

/*body#portfolio.screen #content{background-image:url('../images/bg_content_portfolio.gif');}*/
/*body#portfolio.screen #content_inner{background-image:url('../images/bg_content_inner_portfolio.gif');}*/
	
.nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
.nav li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	float:left;
	}
	
.nav li a{
	margin:0px;
	padding:15px 0px 0px 0px;
	height:45px;
	margin:0px;
	color:#AEDFFF;
	text-decoration:none;
	text-align:center;
	display:block;
	}
	
.nav ul li a.home{width:90px;}
.nav ul li a.port{width:116px;}
.nav ul li a.abou{width:123px;}
.nav ul li a.serv{width:117px;}
.nav ul li a.cont{width:109px;}
	
.nav li a:hover{
	color:#FFFFFF;
	}

/*--MOD TO WORK IN IE6------------------------------------------------------------------------*/
.nav ul li a.home#active_home{color:#333333; background-position:0px 0px; background-repeat:no-repeat; background-image:url('../images/nav_tab_home.jpg');}
.nav ul li a.port#active_port{color:#333333; background-position:0px 0px; background-repeat:no-repeat; background-image:url('../images/nav_tab_portfolio.jpg');}
.nav ul li a.abou#active_abou{color:#333333; background-position:0px 0px; background-repeat:no-repeat; background-image:url('../images/nav_tab_about_us.jpg');}
.nav ul li a.serv#active_serv{color:#333333; background-position:0px 0px; background-repeat:no-repeat; background-image:url('../images/nav_tab_services.jpg');}
.nav ul li a.cont#active_cont{color:#333333; background-position:0px 0px; background-repeat:no-repeat; background-image:url('../images/nav_tab_contact.jpg');}

/*--------------------------------------------------------------------------------------------*/
/*--SEND US YOUR BRIEF------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
		
a#brief{
	position:absolute;
	width:214px;
	height:90px;
	top:-32px;
	right:0px;
	background-image:url('../images/btn_send_us_your_brief.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-214px;
	display:block;
	overflow:hidden;
	}

body#homepage a#brief{background-image:url('../images/btn_send_us_your_brief_homepage.jpg');}
body#portfolio a#brief{background-image:url('../images/btn_send_us_your_brief_portfolio.jpg');}
body#about_us a#brief{background-image:url('../images/btn_send_us_your_brief_about.jpg');}
body#services a#brief{background-image:url('../images/btn_send_us_your_brief_services.jpg');}
body#contact a#brief{background-image:url('../images/btn_send_us_your_brief_contact.jpg');}

a:hover#brief{
	background-position:0px -90px;
	}

/*--------------------------------------------------------------------------------------------*/
/*--HEADER IMAGE------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#header_img{
	position:relative;
	margin:0px;
	padding:0px;
	width:960px;
	display:block;
	}

#header_img img{
	display:block;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--QUOTATION MARKS LHS (HP ONLY)-------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#quote_extender{
	position:absolute;
	top:-12px;
	left:-12px;
	width:12px;
	height:34px;
	background-image:url('../images/bg_quote_extender.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--GREEN FEATURES (HP ONLY)------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#green_features{
	margin:0px;
	padding:0px;
	width:960px;
	height:300px;
	background-color:#8CC128;
	}
	
#green_features h1{
	margin:20px;
	padding:0px;
	font-family:Arial;
	font-size:24px;
	font-weight:normal;
	line-height:1.1;
	color:#000000;
	}
	
#green_features p{
	margin:20px;
	padding:0px;
	font-family:Arial;
	font-size:14px;
	line-height:1.3;
	color:#FFFFFF;
	}
	
#green_features p .big{
	font-size:18px;
	font-weight:bold;
	}

.green_feature_01{
	margin:0px;
	padding:0px;
	width:360px;
	height:300px;
	background-color:#8CC128;
	float:left;
	}
	
.green_feature_02{
	position:relative;
	margin:0px;
	padding:0px;
	width:300px;
	height:300px;
	background-color:#80AC26;
	float:left;
	}
	
.green_feature_03{
	position:relative;
	margin:0px;
	padding:0px;
	width:300px;
	height:300px;
	background-color:#759724;
	float:left;
	}
	
.green_feature_03 h3{
	margin:0px;
	padding:0px;
	width:300px;
	height:104px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	overflow:hidden;
	text-indent:-300px;
	}
	
.green_feature_02 h3{
	margin:0px;
	padding:0px;
	width:300px;
	height:104px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	overflow:hidden;
	text-indent:-300px;
	}
	
.green_feature_02#f2 h3{background-image:url('../images/bg_green_feature_02_h3.gif');}
.green_feature_03#f3 h3{background-image:url('../images/bg_green_feature_03_h3.gif');}

.green_feature_03 a#more{
	position:absolute;
	bottom:0px;
	right:0px;
	width:70px;
	height:55px;
	background-image:url('../images/feature_more.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-70px;
	overflow:hidden;
	display:block;
	}
	
.green_feature_02 a#more{
	position:absolute;
	bottom:0px;
	right:0px;
	width:70px;
	height:55px;
	background-image:url('../images/feature_more.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-70px;
	overflow:hidden;
	display:block;
	}
	
.green_feature_03 a:hover#more{
	background-position:0px -55px;
	}

.green_feature_02 a:hover#more{
	background-position:0px -55px;
	}

/*--------------------------------------------------------------------------------------------*/
/*--CONTENT-----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
#content{
	margin:0px;
	padding:0px;
	width:960px;
	background-image:url('../images/bg_content_subpage.gif');
	background-repeat:repeat-y;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--CONTENT INNER-----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#content_inner{
	margin:0px;
	padding:0px;
	width:960px;
	background-image:url('../images/bg_content_inner_subpage.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	}

/*--------------------------------------------------------------------------------------------*/
/*--COLUMN 01---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
	
.col_01{
	margin:0px 0px 40px 0px;
	padding:20px;
	width:180px;
	float:left;
	}
	
.col_01 h3{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:360px;
	height:60px;
	background-image:url('../images/bg_h3_latest_sites.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-360px;
	overflow:hidden;
	}
	
.col_01 .img_con{
	position:relative;
	width:360px;
	height:350px;
	background-image:url('../images/bg_latest_site_img_con.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-top: -15px;
	}
	
.col_01 .img_con img{
	position:relative;
	top:24px;
	left:24px;
	width:312px;
	height:300px;
	display:block;
	}
	
.col_01 .txt{
	margin:0px 20px 0px 20px;
	width:320px;
	}
	
.col_01 h4{
	margin:0px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#666666;
	}
	
body#homepage .col_01 h4{
	margin:0px 0px 15px 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#8561A3;
	width:260px;
	text-align:center;
    text-transform:uppercase;
	}
	
.col_01 p{
	margin:0px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	color:#666666;
	}
	
.col_01 ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
.col_01 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#666666;
	list-style-type:none;
	}
	
.col_01 li a{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 22px;
	font-size:16px;
	color:#666666;
	background-image:url('../images/bullet_orange_grey.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	list-style-type:none;
	display:block;
	text-decoration:none;
	}

.col_01 ul.sub{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	list-style-type:none;
	}

.col_01 li.sub{
	margin:0px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	}

.col_01 li.sub a{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:12px;
	color:#0099CC;
	color:#666666;
	background-image:none;
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	}
	
body#homepage .col_01 li{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	color:#666666;
	list-style-type:none;
	}
		
body#homepage .col_01 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#9900CC;
	}

body#homepage .col_01 a:hover{
	text-decoration:none;
	color:#000000;
	}
	
.col_01 a:hover{
	text-decoration:none;
	color:#000000;
	}
.col_01 li.sub a:hover{
	text-decoration:none;
	color:#000000;
	}
	
.col_01 li a#active{color:#FF6600;}
.col_01 li.sub a#active{color:#FF6600;color:#0099CC;}
	
/*--------------------------------------------------------------------------------------------*/
/*--COLUMN 02------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.col_02{
	margin:0px;
	padding:20px;
	width:700px;
	float:left;
	}

/*--SITEWIDE PAGE LAYOUT CHANGES--------------------------------------------------------------*/

body#homepage .col_02{width:300px; padding:0px;}
body#subpage_norm .col_02{padding:20px; width:420px;}
body#subpage_wide .col_02{padding:20px; width:700px;}

body#homepage .col_03{width:300px;}
body#default_norm .col_03{padding:20px; width:280px;}

/*--INDAVIDUAL PAGE LAYOUT CHANGES-------------------------------------------------------------*/

body#portfolio .col_02{
	margin:10px ;
	padding:0px 0px 0px 0px;
	width:720px;
	background-image:url('../images/bg_portfolio_con.jpg');
	background-repeat:repeat;
	}
	
body#portfolio .col_02 .txt_wrap{
	padding:10px 10px 0px 10px;
	}
	
body#portfolio .col_02 .txt_wrap h2.results{
	margin:0px 0px 5px 0px;
	}
		
body#portfolio.screen .col_02{
	width:720px;
	background-image:none;
	}
	
body#services .col_02{
	padding:0px;
	}

/*---------------------------------------------------------------------------------------------*/
	
.col_02 h1{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#95BF2D;
	}
	
.col_02 h2{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#21887D;
	}
	
.col_02 h3{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#00A2CA;
	}

.col_02 h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#D20E74;
	}
	
.col_02 h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.3;
	color:#A45995;
	}
	
.col_02 h5 a{
	color:#A45995;
	display:block;
	text-decoration:none;
	}
	
.col_02 h5 a:hover{
	color:#000000;
	display:block;
	text-decoration:none;
	}

body#hompage .col_02 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	color:#666666;
	}
	
.col_02 p{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:13px;
	line-height:1.5;
	color:#666666;
	}
	
.col_02 ul{
	margin:15px 0px 15px 0px;
	padding:0px;
	list-style-type:none;
	}
		
.col_02 ul li{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 32px;
	font-family:Verdana;
	font-size:13px;
	line-height:1.5;
	color:#666666;
	background-image:url('../images/bullet_orange.gif');
	background-position:10px 0px;
	background-repeat:no-repeat;
	list-style-type:none;
	}
	
.col_02 ol{
	margin:0px 0px 20px 40px;
	padding:0px;
	list-style-type:decimal-leading-zero;
	}
	
.col_02 ol li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Verdana;
	font-size:13px;
	line-height:1.5;
	color:#666666;
	background-image:none;
	list-style-type:decimal-leading-zero;
	}
	
.col_02 a{
	color:#FF6600;
	text-decoration:none;
	}

	
.col_02 a:hover{
	text-decoration:underline;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--NEWS IMG (HP ONLY)------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
		
.col_02 img{
	margin:0px 20px 30px 20px;
	padding:0px;
	float:left;
	display:block;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--NEWS TXT (HP ONLY)------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.col_02 .txt{
	width:700px;
	margin:0px;
	padding: 20px 20px 20px 20px;
	}

body#homepage .col_02 img{
	margin:0px;
	padding:0px 20px 20px 20px;
	}

body#homepage .col_02 .txt{
	margin:0px;
	padding:0px 20px 20px 0px;
	width:180px;
	float:left;
	}

/*--------------------------------------------------------------------------------------------*/
/*--COLUMN 02: PORTFOLIO MOD------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

body#portfolio .col_02 .thumbnail{
	position:relative;
	margin:0px;
	padding:10px;
	width:160px;
	height:140px;
	float:left;
	text-align:center;
	}

body#portfolio .col_02 .thumbnail a{
	position:absolute;
	bottom:14px;
	right:14px;
	width:150px;
	height:130px;
	text-indent:154px;
	overflow:hidden;
	display:block;
	z-index:30;
	border:solid 1px #FFFFFF;
	}

body#portfolio .col_02 .thumbnail a#new{
	background-image:url('../images/feature_new.png');
	background-position:82px 22px;
	background-repeat:no-repeat;
	}
	
body#portfolio .col_02 .thumbnail a:hover{
	border:solid 1px #A8CADB;
	}
	
body#portfolio .col_02 .thumbnail a:hover#new{
	background-position:12px 77px;
	}
	
body#portfolio .col_02 .thumbnail .shine{
	position:absolute;
	top:14px;
	left:14px;
	width:152px;
	height:132px;
	background-image:url('../images/bg_shine.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:20;
	}

body#portfolio .col_02 .thumbnail img{
	position:absolute;
	top:10px;
	left:10px;
	margin:0px;
	padding:0px;
	z-index:10;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--PORTFOLIO LARGE SCREEN--------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.large_screen{
	width:720px;
	float:left;
	}
	
.large_screen h3{
	margin:0px 10px 0px 10px;
	padding:0px 27px 0px 0px;
	background-image:url('../images/bullet_up_orange.gif');
	background-position:right center;
	background-repeat:no-repeat;
	line-height:2.2;
	float:left;
	}
	
.large_screen .inner{
	position:relative;
	margin:0px;
	padding:0px;
	width:720px;
	background-image:url('../images/bg_large_screen.jpg');
	background-repeat:repeat-y;
	}
	
.large_screen .shine{
	position:absolute;
	top:14px;
	left:14px;
	width:692px;
	height:183px;
	background-image:url('../images/bg_shine_large.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:20;
	}
	
.large_screen img{
	margin:0px;
	padding:0px;
	display:block;
	}
	
.large_screen img.screen{
	margin:0px 0px 0px 0px;
	padding:0px 14px 0px 14px;
	width:692px;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--PORTFOLIO SMALL SCREEN--------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#small_screens{
	margin:0px;
	padding:0px;
	width:720px;
	}
		
/*--------------------------------------------------------------------------------------------*/
/*--PORTFOLIO SMALL SCREEN--------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/	
	
.small_screen{
	width:360px;
	float:left;
	}
	
.small_screen h3{
	margin:0px 10px 0px 10px;
	padding:0px 27px 0px 0px;
	background-image:url('../images/bullet_up_orange.gif');
	background-position:right center;
	background-repeat:no-repeat;
	line-height:2.2;
	float:left;
	}
	
.small_screen .inner{
	position:relative;
	margin:0px;
	padding:0px;
	width:360px;
	background-image:url('../images/bg_small_screen.jpg');
	background-repeat:repeat-y;
	}
	
.small_screen .shine{
	position:absolute;
	top:14px;
	left:14px;
	width:332px;
	height:85px;
	background-image:url('../images/bg_shine_small.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:20;
	}
	
.small_screen img{
	margin:0px;
	padding:0px;
	display:block;
	}
	
.small_screen img.screen{
	margin:0px 0px 0px 0px;
	padding:0px 14px 0px 14px;
	width:332px;
	}

/*--------------------------------------------------------------------------------------------*/
/*--COLUMN 03---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
	
.col_03{
	margin:0px;
	padding:0px;
	width:300px;
	float:left;
	}
	
.col_03 h2{
	margin:20px 20px 10px 20px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#666666;
	}
	
.col_03 p{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:13px;
	line-height:1.5;
	color:#666666;
	}
	
.col_03 ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
.col_03 li{
	margin:0px 0px 20px 0px;
	padding:0px 20px 0px 62px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	color:#666666;
	background-image:url('../images/tweet.gif');
	background-position:20px 0px;
	background-repeat:no-repeat;
	}
		
.col_03 li a{
	font-size:12px;
	color:#00A2CA;
	}
	
.col_03 li a:hover{
	color:#000000;
	}
	
body#homepage .col_03 h3{
	margin:0px 0px 30px 0px;
	padding:0px;
	width:300px;
	height:60px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-300px;
	overflow:hidden;
	}
	
body#homepage .col_02 h3{
	margin:0px 0px 30px 0px;
	padding:0px;
	width:300px;
	height:60px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-300px;
	overflow:hidden;
	}
	
.col_03 h4 a.visit_site{
	margin:0px 0px 30px 0px;
	padding:10px;
	text-decoration:none;
	color:#D20E74;
	background-color:#E6E6E6;
	font-size:16px;
	display:block;
	float:right;
	}
	
.col_03 h4 a.follow{
	margin:0px 0px 30px 0px;
	padding:10px;
	text-decoration:none;
	color:#D20E74;
	background-color:#E6E6E6;
	font-size:16px;
	display:block;
	float:right;
	}
	
.col_02 h4 a.more{
	margin:0px 0px 30px 0px;
	padding:10px;
	text-decoration:none;
	color:#D20E74;
	background-color:#E6E6E6;
	font-size:16px;
	display:block;
	float:right;
	}
	
.col_03 h4 a.visit_site{
	color:#00A2CA;
	float:left;
	}
	
.col_03 h4 a.follow{
	color:#00A2CA;
	float:left;
	}
	
.col_03 h4 a.follow{
	margin:20px 0px 0px 0px;
	}

	
.col_03 h4 a:hover.visit_site{
	color:#000000;
	}
	
	
.col_03 h4 a:hover.follow{
	color:#000000;
	}
	
	
.col_02 h4 a:hover.more{
	color:#000000;
	}
	
body#homepage .col_02 h3{background-image:url('../images/bg_h3_latest_news.jpg');}
body#homepage .col_03 h3{background-image:url('../images/bg_h3_twitter.jpg');}

/*--------------------------------------------------------------------------------------------*/
/*--NEWSLETTER SIGNUP-------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#footer_top{
	margin:0px;
	padding:0px;
	width:960px;
	height:186px;
	background-image:url('../images/bg_newsletter.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	}
	
#footer_top h4{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
	
#footer_top #col_01 h4{color:#9900CC;}
#footer_top #col_02 h4{color:#8CC128;}
#footer_top #col_03 h4{color:#0B6AAF;}

#footer_top p{
	margin:0px 0px 20px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
	
#footer_top #col_01{
	margin:0px;
	padding:20px;
	width:320px;
	float:left;
	}
	
#footer_top #col_02{
	margin:0px;
	padding:20px;
	width:260px;
	float:left;
	}
	
#footer_top #col_02 ul{
	margin:0px;
	padding:0px;
	width:260px;
	height:69px;
	list-style-type:none;
	}
	
#footer_top #col_02 ul li{
	margin:0px 10px 0px 0px;
	padding:0px;
	height:69px;
	list-style-type:none;
	float:left;
	}
	
#footer_top #col_02 ul li a{
	margin:0px;
	padding:0px;
	height:69px;
	display:block;
	}
	
#footer_top #col_02 ul li#rar a{background-image:url(../images/logo_rar.jpg); width:99px;}
#footer_top #col_02 ul li#wwdc a{background-image:url(../images/logo_wwdc.jpg); width:120px;}
	
#footer_top #col_02 ul li a span{
	display:none;
	}
	
#footer_top #col_03 ul{
	margin:0px 0px 15px 0px;
	padding:0px;
	width:260px;
	height:38px;
	list-style-type:none;
	}
	
#footer_top #col_03 ul li{
	margin:0px 10px 0px 0px;
	padding:0px;
	width:38px;
	height:38px;
	list-style-type:none;
	float:left;
	}
	
#footer_top #col_03 ul li a{
	margin:0px;
	padding:0px;
	width:38px;
	height:38px;
	display:block;
	}
	
#footer_top #col_03 ul li#twitter a{background-image:url(../images/icon_twitter.jpg);}
#footer_top #col_03 ul li#facebook a{background-image:url(../images/icon_facebook.jpg);}
#footer_top #col_03 ul li#linked_in a{background-image:url(../images/icon_linkedin.jpg);}
#footer_top #col_03 ul li#flickr a{background-image:url(../images/icon_flickr.jpg);}
	
#footer_top #col_03 ul li a span{
	display:none;
	}
	
#footer_top #col_03{
	margin:0px;
	padding:20px;
	width:240px;
	float:left;
	}

#footer_top #col_01 form{
	margin:0px;
	width:320px;
	}
	
#footer_top #col_01 input.input{
	margin:0px;
	padding:6px 5px 0px 5px;
	width:206px;
	height:20px;
	background-image:url('../images/bg_input.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	color:#9D9D9D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#footer_top #col_01 input.button{
	position:relative;
	left:10px;
	margin:0px;
	padding:0px;
	width:94px;
	display:block;
	float:left;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--FOOTER------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#footer{
	margin:0px;
	padding:20px 0px 20px 0px;
	width:960px;
	}
	
body#homepage #footer h4{
	margin:0px;
	padding:0px;
	color:#838383;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#footer h4{
	margin:0px;
	padding:0px;
	color:#838383;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#footer p{
	margin:0px 0px 20px 0px;
	padding:0px;
	color:#4F4F4F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	}
	
body#homepage #footer a{
	color:#838383;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	}
	
#footer a{
	color:#838383;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	}
	
body#homepage #footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}

	
#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}

	
body#portfolio #footer .col_04
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
body#homepage #footer .col_04
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
#footer .col_04
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
body#portfolio #footer .col_03
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
body#homepage #footer .col_03
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
#footer .col_03
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
body#portfolio #footer .col_02
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
body#homepage #footer .col_02
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
#footer .col_02
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
body#homepage #footer .col_01
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}
	
	
#footer .col_01
	{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:215px;
	background-image:url('../images/bg_footer_pin.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
	}

body#homepage #footer .col_04 ul, #footer .col_04 ul, body#portfolio #footer .col_04 ul{
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style-type:none;
	}

body#homepage #footer .col_04 ul li a, #footer .col_04 ul li a, body#portfolio #footer .col_04 ul li a{
	margin:0px;
	padding:0px;
	list-style-type:none;
	line-height:1.5;
	}


/*--------------------------------------------------------------------------------------------*/
/*--CLEARS & FIXES----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.clear{
	clear:both;
	height:0px;
	}

/*--------------------------------------------------------------------------------------------*/
/*-- SERVICES & NEWS ----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.services{
	margin:0px;
	padding:0px;
	width:740px;
	border-bottom:solid 2px #E6E6E6;
	}
	
.service_con{
	margin:0px;
	padding:20px;
	width:700px;
	border-top:solid 2px #E6E6E6;
	}
	
.service_con img{
	margin:0px;
	padding:0px;
	float:left;
	}
	
.service_con .txt{
	margin:0px;
	padding:0px 20px 0px 20px;
	float:left;
	width:585px;
	}
	
#newsItemsFull .newsitem{
	margin:0px;
	padding:20px;
	border-top:solid 2px #E6E6E6;
	width:700px;
	}
	
#newsItemsFull .newsitem img{
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
	}
		
#newsItemsFull .newsitem .txt{
	margin:0px;
	padding:0px;
	width:615px;
	float:left;
	}
		
#newsItemsFull .newsitem .txt p{
	margin:0px;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--TABLES------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
			
table.support{
	margin:0px 0px 20px 0px;
	padding:0px;
	width:700px;
	background-color:#E6E6E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3;
	color:#666666;
	}
	
table.support th{
	margin:0px;
	padding:10px;
	background-color:#999999;
	}

#what_they_said{
	margin:0px;
	padding:0px;
	}
	
#what_they_said p.quote{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-style:italic;
	font-weight:normal;
	}
	
#what_they_said p{
	margin:0px;
	padding:0px;
	}
	
#twitter_div a{
	display:block;
	word-break:break-all;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--CONTROLS----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

#controls{
	margin:0px;
	padding:0px;
	width:145px;
	height:26px;
	float:right;
	}
	
#controls a.next{
	margin:0px;
	padding:0px;
	width:72px;
	height:26px;
	display:block;
	background-image:url('../images/bg_controls.jpg');
	background-repeat:no-repeat;
	text-indent:-300px;
	overflow:hidden;
	}

	
#controls a.prev{
	margin:0px;
	padding:0px;
	width:72px;
	height:26px;
	display:block;
	background-image:url('../images/bg_controls.jpg');
	background-repeat:no-repeat;
	text-indent:-300px;
	overflow:hidden;
	}

	
#controls a.prev{
	background-position:0px 0px;
	float:left;
	}
	
#controls a.next{
	background-position:-72px 0px;
	float:right;
	}
	
#controls a.prev:hover{
	background-position:0px -26px;
	}
	
#controls a.next:hover{
	background-position:-72px -26px;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--CONTROLS----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/	

table.support th {
	padding: 10px;
	margin: 0px;
	background-color: #E6E6E6;
	border-right: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	border-left: 1px solid #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	font-weight: bold;
	}

table.support td {
	padding: 10px;
	margin: 0px;
	background-color: #f8f8f8;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

table.support p{
	padding: 0px;
	margin: 0px;
	}
	
/*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/	
	
#hotscot_contact textarea{
	padding:3px;
	border:1px solid #C4C4C4;
	}
	
#hotscot_contact input{
	padding:3px;
	border:1px solid #C4C4C4;
	}
	
#callback textarea{
	padding:3px;
	border:1px solid #C4C4C4;
	}
	
#callback input{
	padding:3px;
	border:1px solid #C4C4C4;
	}
	
#hotscot_contact textarea.button{
	margin:0px;
	padding:0px;
	border:none;
	}

	
#hotscot_contact input.button{
	margin:0px;
	padding:0px;
	border:none;
	}

#callback textarea.button{
	margin:0px;
	padding:0px;
	border:none;
	}

	
#callback input.button{
	margin:0px;
	padding:0px;
	border:none;
	}

	
#callback p{
	margin:0px;
	padding:0px;
	}


#hotscot_contact p{
	margin:0px;
	padding:0px;
	}

#news img{
	margin:0px 0px 0px 20px;
	padding:0px;
	width:380px;
	float:right;
	}



/*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.thumbs {
	position: relative;
	display: block;
	width: 700px;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffcc00;
}

.thumbs .thumb01 {
	position: relative;
	display: block;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left; clear:both; 
}
.thumbs .thumb02 {
	position: relative;
	display: block;
	width: 185px;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	float:left; clear:right; 
}
.thumbs .thumb03 {
	position: relative;
	display: block;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left; clear:right;
}

.thumbs .thumb01 img, .thumbs .thumb02 img, .thumbs .thumb03 img  {
	padding: 0px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
}

.col_02 .thumbs p{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	font-family:Verdana;
	font-size:13px;
	line-height:1.0;
	color:#666666;
	}

/*--------------------------------------------------------------------------------------------*/
/*--COLOURS----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.green {color:#95BF2D;}
.orange {color:#FF6600;}
.blue {color:#0099CC;}


/*--------------------------------------------------------------------------------------------*/
/*--PACKAGES----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/

.package_con {
	width:740px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
}

.package_left {
	width:319px;
	margin:0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	float:left;
	border-right: 2px solid #E6E6E6;
}

.package_right {
	width:319px;
	margin:0px 0px 0px 0px;
	padding: 20px 0px 10px 20px;
	float:left;
}

.package-portfolio {
	width:232px;
	height:192px;
	margin:0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.site-box {
	width:320px;
	margin:0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	float:right;
}


.center {text-align:center;}


#quote {
	width:240px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
	background-color:#009999;
}

.col_02 #quote img {
	width:240px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/********* added by Dagan for special slideshow ************/
#hotscot_slideshow{
    margin:0px;
    padding:0px;
    position:relative;
}
#hotscot_slideshow a img{margin:0px;padding:0px;}
#hotscot_slideshow a{
    display:block;
    width:700px;
    height:276px;
    overflow:hidden;
    position:absolute;
    z-index:10;
    top:0px;
    left:0px;
}
#hotscot_slideshow a.hidden_slide{
    height:64px;
}
#hotscot_slideshow a.hidden_slide img{
    margin-top:-212px;
}
#hotscot_slideshow a div.hidden_slide_bg{
    position:absolute;
    z-index:100;
    width:700px;
    height:64px;
    background-image:url('../slideshow/bg.png');
    background-position:left top;
    background-repeat:no-repeat;
    top:0px;
    left:0px;
}

/**** added latest projects slides ****/
#latest_projects{padding-top:25px;}
#latest_projects .previous{
    position:absolute;
    top:10px;
    left:14px;
    z-index:1000;
}
#latest_projects .next{
    position:absolute;
    top:10px;
    left:306px;
    z-index:1000;
}
#latest_projects .project_item{background-color:#e6e6e6;}
