@charset "utf-8";
/* CSS Document */


/* --- TOC

01. GENERAL TYPOGRAPHY 
		1. CSS Reset
		2. H-Tags Styles
		3. Link Styles
		4. Lists Styles
02. GENERAL LAYOUT
		1. General Structure
		2. Header
		3. Main Content
		4. Sidebar
		5. Footer
03. PAGE SPECIFIC STYLES
04. BLOG STYLES 
05. WIDGETS
06. MENU 
07. EXTRAS




#name{
	width:0px;
	height:0px;
	top:0px;
	left:0px;
	position: absolute;
}

--- */



/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */
   
   
   
/*CSS RESET*/


/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{
	line-height:20px;
	letter-spacing:0px;
	word-spacing:1px;
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-family: Arial, Helvetica, sans-serif;
}*/
h3, ul, li{
	margin: 0px;
	padding: 0px;	
	
	}


/*H-TAG STYLES*/
#mainFlash{
	width:640px;
	height:480px;
	top:0px;
	left:0px;
	position: absolute;
}

h1{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #4D4D4D;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	line-height: normal;
}

h2{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	line-height: normal;
	}
	
h3{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #828282;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.contactDetails{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0px;
	padding: 0px;
}
.contactDetails:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0px;
	padding: 0px;
}
.titleDetails{
		color: #828282;
	
}

.securitypad{
	
	padding-left: 30px;	
}

.bottomPad{
	
	padding-bottom: 5px;	
}

.hostingTitle{
	color: #4D4D4D;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/features-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;	
}

.securityTitle{
	color: #4D4D4D;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/security-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;	
}

.hostingDetails{
	color: #4D4D4D;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	padding-left: 31px;
	font-weight:bold;
}

.hostingDetailssm{
	color: #4D4D4D;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}


h4{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #828282;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#footer h5 strong {
	font-weight:bold;
	font-size:16px;
	color: #FFF;
	letter-spacing: .03em;
	
}



h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 16px;
}


#footer h6 strong {
	font-weight:bold;
	font-size:12px;
	letter-spacing: 0.03em;
}


.formH5{
	font-family: "Arial";
	font-size: 14px;
	color: #4a4a4a;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.redColour{
	color:#F00;
	
	}


.h5Alternate{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #828282;
	margin: 0px;
	padding: 0px;
}


/*LINK STYLES*/


a{
	color:#ccc;
	text-decoration:none;
	outline:0;
}
	
a:hover{
	color:#FFF;
	text-decoration:underline;
	outline:0;
}

a.white{
	color:#AAA;
	font-weight: normal;
	text-decoration: none;
}
	
a:hover.white{
	color:#fff;
	font-weight: normal;
	text-decoration: underline;
}

a.whitefooter{
	color:#fff;
    text-decoration: none;
}
	
a:hover.whitefooter{
	color:#fff;
	text-decoration: none;
}

a.colour{
	color:#00AEEF;
	text-decoration:underline;
}
	
a:hover.colour{
	color:#4d4d4d;
	text-decoration:none;
}


a.colour2{
	color:#4D4D4D;
	text-decoration:underline;
}
	
a:hover.colour2{
	color:#00AEEF;
	text-decoration:none;
}


a.contact{
	color:#666;
	text-decoration: none;
	font-weight: normal;
}
	
a:hover.contact{
	color:#ccc;
	font-weight: normal;
	text-decoration: underline;
}


a.services{
	color:#666;
	text-decoration: none;
	font-weight: normal;
}
	
a:hover.services{
	color:#ccc;
	font-weight: normal;
	text-decoration: underline;
}

a.port{
	color:#00AEEF;
	text-decoration:underline;
}
	
a:hover.port{
	color:#4d4d4d;
	text-decoration:underline;
}

a.caseStudies{
	color:#C4C4C4;
	text-decoration:underline;
}
	
a:hover.caseStudies{
	color:#4d4d4d;
	text-decoration:underline;
}

	
a.portfolioButtons{
	color: #a8a8a8;
	text-decoration:none;
}
	
a:hover.portfolioButtons{
	color: #00AEEF;
	text-decoration:none;
}
	
.paddingGallery{
padding-bottom:20px;
}


.padBottom{
padding-bottom:8px;
}


.footerTitle{
	color:#CCC;
	padding-bottom:8px;
}


.greyBurner{
	padding-left:8px;
	padding-top:2px;
	background-image: url(images/feedBurner-bg.jpg);
	background-repeat: no-repeat;
}

#regLine{
	width:314px;
	height:22px;
	top:228px;
	/*top:410px; OLD TOP */
	left:668px;
	position: absolute;
	color: #666;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


.version{
	color:#333;
	
	}

/*LISTED STYLES*/

ul{
	margin-top: 4px;
	padding: 0px;
	
	list-style-position: outside;
}


ol{
	margin-top: 5px;
	padding: 0px;
	list-style-position: outside;
	padding-left: 13px;
}

li{
	list-style-position: outside;
	font-weight: normal;
	list-style-type: none;
	color: #828282;
	padding-bottom:8px;
	margin: 0px;
}

h3 li {
	padding-bottom:2px;
}


.feedburnerFeedBlock{
	
	padding-top:0px;
	padding-left:0px;

	}

.feedTitle{
	background-color: #FFF;	
	
	}

#creditfooter{
	visibility:hidden;
	}

.headline{
	font-weight: normal;
	list-style-type: none;
	color: #828282;
	padding-top:0px;
	background-color:#333;

}





#feedBurner{
	width:371px;
	height:115px;
	top:93px;
	left:47px;
	position: absolute;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	}



/*ol li{
	list-style-position: outside;
	list-style-type: inherit;

	font-weight: normal;
	color: #FFF;
	line-height: normal;
}*/

.alpha {list-style-type: lower-alpha;}
.dash {
	margin-left: 13px;
	list-style-type: disc;
}


.bullet {
	margin-left: 25px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}

.bulletcheck {
	margin-left: 20px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_check.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 25px;
}


.bulletCustom {
	margin-left: 380px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}


.bulletCustomTwo {
	margin-left: 230px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}


.bulletCustomThree {
	margin-left: 330px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}


.bulletCustomFour {
	margin-left: 120px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}

.bulletCustomFive {
	margin-left: 430px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}

.bulletCustomSix {
	margin-left: 260px;
	font-size: 15px;
	padding-top: 5px;
	background-image: url(images/bullet_blue_expand.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 18px;
}
.alphaBullet {
	list-style-type: disc;
	margin-left: 35px;
	font-size: 16px;
	padding-top: 5px;
}

.bulletText {
	list-style-type: disc;
	margin-left: 35px;
	font-size: 16px;
	padding-top: 0px;
}


.blogPosts {
	margin: 0px;
	padding: 0px;
	height: 20px;
	}


.blueText{
	color:#00AEEF;
}
   
.imgright { float: right;
 padding: 0px 0px 10px 10px;
}

.imgleft { float: left;
 padding: 0px 10px 10px 0px;
}

.noPad{
	padding-top:0px;}

.padTop{
	padding-top:25px;}

.padTop2{
	padding-top:10px;}
	
.padRight{
	padding-right:15px;}



.impression{
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	color: #FFF;
}


/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */




/*GENERAL STRUCTURE STYLES*/

#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/wrapper-bgnd.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #EBEBEB;
}

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: none;
	background-image: none;
	overflow-x:hidden;
}


/*HEADER STYLES*/


#headerContainer {
	background-color: none;
	margin: 0px;
	position: relative;
	padding:0px;
	text-align: center;
	width: 100%;
	background-image: url(images/header_bgnd.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	z-index: 1100;
}

#header{
	width:1000px;
	height:182px;
	top:0px;
	left:0px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/header_bgnd2.jpg);
	background-repeat: repeat-x;
	z-index: 1100;
}

#logo{
	width:244px;
	height:108px;
	top:50px;
	left:726px;
	position: absolute;
}

#greyline1{
	width:1px;
	height:97px;
	top:53px;
	left:38px;
	position: absolute;
	background-color: #868686;
}


#greyline2{
	width:1px;
	height:97px;
	top:53px;
	left:724px;
	position: absolute;
	background-color: #868686;
}


/*#navigation{
	width:667px;
	height:103px;
	top:79px;
	left:58px;
	position: absolute;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}*/

#topNavigation{
	width:397px;
	height:31px;
	top:0px;
	left:562px;
	position: absolute;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}


/*MAIN CONTENT STYLES*/
#mainContentContainer {
	margin: 0px;
	position: relative;
	padding:0px;
	text-align: center;
	width: 100%;
	float: left;
	background-color: #EBEBEB;
}

#mainContent {
	width:1000px;
	top:0px;
	left:0px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	min-height: 560px;
	height:100%;
	background-repeat: repeat-y;
	background-image: url(images/wrapper-bgnd.jpg);
	z-index:10;
}
#mainContentHome {
	width:1000px;
	top:0px;
	left:0px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	min-height: 675px;
	height:100%;
	background-repeat: repeat-y;
	background-image: url(images/wrapper-bgnd.jpg);
	z-index:10;
}

#mainContentHome2 {
	width:1000px;
	top:0px;
	left:0px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	min-height: 950px;
	height:100%;
	background-repeat: repeat-y;
	background-image: url(images/wrapper-bgnd.jpg);
	z-index:10;
}


#mainTop{
	width:1000px;
	height:10px;
	top:0px;
	left:0px;
	position: absolute;
	background-image: url(images/mainContent-shadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 10;
}

#mainBottom{
	width:1000px;
	height:29px;
	top:0px;
	left:0px;
	position: absolute;
	background-image: url(images/mainContent-bottom.jpg);
	background-repeat: no-repeat;
}


#sliderShadow{
	width:863px;
	height:24px;
	top:379px;
	left:-1px;
	position: absolute;
	background-image: url(images/sliderShadow.png);
	background-repeat: no-repeat;
	z-index:10;
}

#homeContent{
	width:863px;
	top:30px;
	left:67px;
	position: relative;
	z-index: 20;
	text-align: left;
}


#homeBullets{
	width:863px;
	height:100px;
	top:403px;
	left:-1px;
	position: absolute;
}

#homeBulletsMore{
	width:262px;
	height:76px;
	top:576px;
	left:316px;
	position: absolute;
}





/*SIDE BAR STYLES*/


#sidebar {
	background-color: none;
	margin: 0px;
	position: relative;
	float: right;
	width: 320px;
	height: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*FOOTER STYLES*/

#footerContainer {
	margin: 0px;
	position: relative;
	padding:0px;
	text-align: center;
	width: 100%;
	float: right;
	background-image: url(images/footer_bgnd.jpg);
	background-repeat: repeat-x;
	background-color: #000;
}

#footer {
	width:1000px;
	height:250px;
	/*height:430px; OLD FOOTER*/
	top:0px;
	left:0px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/footer_bgnd.jpg);
	background-repeat: repeat-x;
}

#peel{
	width:163px;
	height:163px;
	top:-161px;
	left:801px;
	position: absolute;
	z-index:1300;
	background-image: url(images/mainContent-peel.jpg);
	background-repeat: no-repeat;
}

#birdBlue{
	width:124px;
	height:124px;
	top:-80px;
	left:857px;
	position: absolute;
	z-index:1301;
}


#inHouse{
	width:239px;
	height:135px;
	top:65px;
	left:43px;
	position: absolute;
}

#recentPosts{
	width:350px;
	height:25px;
	top:66px;
	left:48px;
	position: absolute;
	z-index: 2;
}



#tweets{
	width:217px;
	height:25px;
	top:66px;
	left:447px;
	position: absolute;
	z-index: 2;
}

#contactInfo{
	width:254px;
	height:101px;
	color: #666;
	top:76px;
	left:707px;
	position: absolute;
	visibility:visible;
}

#contactInfo2{
	width:300px;
	height:101px;
	color: #999;
	top:179px;
	left:677px;
	position: absolute;
	visibility:hidden;
}

#greyline3{
	width:1px;
	height:97px;
	top:80px;
	left:692px;
	position: absolute;
	background-color: #868686;
}
#greyline4{
	width:1px;
	height:97px;
	top:80px;
	left:430px;
	position: absolute;
	background-color: #868686;
}


#greybox{
	width:347px;
	height:37px;
	top:92px;
	left:39px;
	position: absolute;
	background-color: #333;
	z-index:1;
	padding-left: 10px;
}


#greybox2{
	width:347px;
	height:37px;
	top:135px;
	left:39px;
	position: absolute;
	background-color: #333;
	z-index:1;
	padding-left: 10px;
}



#serBrand{
	width:166px;
	height:150px;
	top:243px;
	left:208px;
	position: absolute;
	color: #666;
	}

#serWeb{
	width:205px;
	height:135px;
	top:243px;
	left:389px;
	position: absolute;
	color: #666;
	}

#serMulti{
	width:170px;
	height:135px;
	top:243px;
	left:608px;
	position: absolute;
	color: #666;
	}

#serPOP{
	width:191px;
	height:135px;
	top:243px;
	left:791px;
	position: absolute;
	color: #666;
	}
	
#whatsNew{
	width:154px;
	height:135px;
	top:243px;
	left:39px;
	position: absolute;
	color: #666;
	}



#twitter{
	width:231px;
	height:82px;
	top:94px;
	left:445px;
	position: absolute;
}

#twitter_div{
	width:231px;
	height:82px;
	top:94px;
	left:445px;
	position: absolute;
}

/* ________________________________________________________________________________________________________________
	                                              03. SOCIAL MEDIA
   ________________________________________________________________________________________________________________ */
   
 #facebook{
	width:0px;
	height:142px;
	top:30px;
	left:-43px;
	position: absolute;
	z-index: 10;
}  
   
   
#twitterLink{
	width:78px;
	height:182px;
	top:30px;
	left:-103px;
	position: absolute;
	z-index: 9;
}


#rss{
	width:41px;
	height:107px;
	top:30px;
	left:-158px;
	position: absolute;
	z-index:15;
}
   
   
#rssicon{
	width:14px;
	height:14px;
	top:69px;
	left:46px;
	position: absolute;
	z-index:8;
	background-image: url(images/rss_icon.png);
	background-repeat: no-repeat;
}
   
   
   #tweeticon{
	width:14px;
	height:14px;
	top:69px;
	left:444px;
	position: absolute;
	z-index:8;
	background-image: url(images/tweet_icon.png);
	background-repeat: no-repeat;
}
   
   

/* ________________________________________________________________________________________________________________
	                                              04. SLIDER STYLES												 
   ________________________________________________________________________________________________________________ */
     

#callout1{
	width:191px;
	height:248px;
	top:523px;
	left:7px;
	position: absolute;
	background-image: url(images/callout-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	padding-top:25px;
}


#mobilePhone{
	width:170px;
	height:150px;
	top:10px;
	left:0px;
	position: relative;
}


#qrcodes{
	width:190px;
	height:145px;
	top:10px;
	left:0px;
	position: relative;
	background-image: url(images/qr-code-scan.png);
	background-repeat: no-repeat;
}


#callout2{
	width:191px;
	height:248px;
	top:523px;
	left:217px;
	position: absolute;
	background-image: url(images/callout-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	padding-top:25px;
}


#retailIdeas{
    width:170px;
	height:117px;
	top:20px;
	left:0px;
	position: relative;
}

#seomarketing{
    width:170px;
	height:95px;
	top:21px;
	left:0px;
	position: relative;
}

#callout3{
	width:191px;
	height:248px;
	top:523px;
	left:647px;
	position: absolute;
	background-image: url(images/callout-background-blue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	padding-top:25px;
}

#callout4{
	width:191px;
	height:248px;
	top:523px;
	left:426px;
	position: absolute;
	background-image: url(images/callout-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	padding-top:25px;
}

#socialMediaIcons{
  width:170px;
	height:150px;
	top:5px;
	left:0px;
	position: relative;
}


#sliderbox{
	width:631px;
	height:28px;
	top:0px;
	left:0px;
	position: absolute;
}




.callouth3 {
	font-size: 13px;
	font-weight: normal;
	color: #777;
	line-height: normal;
	padding-top:7px;
	}

.callouth3Bold {
	font-size: 16px;
	font-weight: bold;
	color: #4d4d4d;
	line-height: normal;
	}




#inspiringPortfolios{
	width:261px;
	height:206px;
	top:42px;
	left:649px;
	position: absolute;
	background-image: url(images/gallery-portfolio-bg.png);
	background-repeat: no-repeat;
}

#port1{
	width:114px;
	height:65px;
	top:132px;
	left:19px;
	position: absolute;
}

#port2{
	width:110px;
	height:65px;
	top:131px;
	left:138px;
	position: absolute;
}

#port{
	width:157px;
	height:38px;
	top:84px;
	left:19px;
	position: absolute;
}

#quote1{
	width:187px;
	height:25px;
	top:1px;
	left:18px;
	position: absolute;
}

#quote2{
	width:187px;
	height:35px;
	top:26px;
	left:18px;
	position: absolute;
}

#quote3{
	width:187px;
	height:35px;
	top:64px;
	left:18px;
	position: absolute;
}

#quote4{
	width:187px;
	height:35px;
	top:107px;
	left:16px;
	position: absolute;
}

#quoteDirections{
	width:261px;
	height:153px;
	top:254px;
	left:650px;
	position: absolute;
}


.portText {
	font-size: 13px;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 17px;
	}



.getintouchbold {
	font-size: 14px;
	font-weight: bold;
	color: #4d4d4d;

	}




.getintouch {
	font-size: 13px;
	font-weight: normal;
	color: #777;

	}





/*#sliderWrapper {
	height:293px;
	width:631px;
	position:relative;
	top:20px;
	left:0px;
	z-index:7;
	overflow: hidden;
}
#slider {
	top:10px;
	left:10px;
	z-index:3;
	overflow: hidden;
}
#slider h1, #slider h2, #slider h3, #slider h4, #slider h5, #slider h6 {
	color:#FFFFFF;
	overflow: hidden;
}
#slider-nav {
	position:absolute;
	top:450px;
	left:20px;
	z-index:30;
	background:#fff;
	padding:7px 5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:8px;
	visibility: hidden;
}
#slider-nav a {text-indent:-9999px; height:8px; width:8px; display:block; float:left; background:url(images/slider-anchor.png) no-repeat top left; margin-right:3px; margin-bottom:3px;}
#slider-nav a:hover, #slider-nav a.activeSlide {background:url(images/slider-anchor.png) no-repeat bottom left;} */

   
/* ________________________________________________________________________________________________________________
                                                  05. NAVIGATION												  
   ________________________________________________________________________________________________________________ */
   
   
/*#brandNavigation{
	width:174px;
	height:65px;
	top:68px;
	left:51px;
	position: absolute;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}

#webNavigation{
	width:174px;
	height:65px;
	top:68px;
	left:222px;
	position: absolute;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}

#multiNavigation{
	width:174px;
	height:65px;
	top:68px;
	left:410px;
	position: absolute;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}

#pointNavigation{
	width:174px;
	height:65px;
	top:68px;
	left:555px;
	position: absolute;
	z-index: 4;
	margin: 0px;
	padding: 0px;
}*/
















   
   
/* ________________________________________________________________________________________________________________
                                                  06. Gallery 
   ________________________________________________________________________________________________________________ */   
   
   #galleryContainer{
	top:0px;
	left:0px;
	position: relative;
}
   
a.title{
	font-size:15px;
	color:#00aeef;
	text-decoration:none;
	
}
	
a:hover.title{
	font-size:15px;
	color:#00aeef;
	text-decoration:none;
}

a.subtitle{
	font-size:12px;
	color:#F00;
	text-decoration:none;
}
	
a:hover.subtitle{
	font-size:12px;
	color:#4d4d4d;
	text-decoration:none;
}

a.pageLink{
	font-size:12px;
	color:#c4c4c4;
	text-decoration:none;
}
	
a:hover.pageLink{
	font-size:12px;
	color:#c4c4c4;
	text-decoration:none;
}

   
/* ________________________________________________________________________________________________________________
	                                              07. Gallery
   ________________________________________________________________________________________________________________ */   
   
.galleryBlue{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #00AEEF;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	line-height: normal;
}

.galleryComment{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	line-height: normal;
}

.galleryUrl{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C4C4C4;
	margin: 0px;
	line-height: normal;
	padding: 0px;
}

/* ________________________________________________________________________________________________________________
	                                              07. Gallery Boxes  
   ________________________________________________________________________________________________________________ */   

/*#box1{
	width:170px;
	height:77px;
	top:139px;
	left:15px;	
	position: absolute;
}*/


#box1{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/custom-website-ecommerce-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;
}

#box2{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/pharmaceutical-health-products-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

	
}

#box3{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Full-Screen-Image-Design-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box4{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Database-Client-Login-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box5{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-Bullets-Vcards-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box6{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-Javascript-Sliders-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box7{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Pharmaceutical-Product-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box8{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Real-Estate-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box9{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Updatable-Schedule-Google-Calendar-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box10{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Streaming-Sports-Ticker-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box11{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Google-AdWords-Campaign-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box12{
	width:194px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Corporate-Website-Design-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box13{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/High-End-Professional-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box14{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Dynamic-Scroller-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box15{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Search-Engine-Marketing-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box16{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Contest-Entry-Web-Development-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box17{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Multinational-Corporate-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box18{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Colourful-Ecommerce-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box19{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Newsletter-Signup-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box20{
	padding-right: 15px;
	width:179px;
	;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Interactive-Flash-Games-CMS-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box21{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Bilingual-Website-Development-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box22{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Bilingual-Product-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box23{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Secure-Custom-Forms-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box24{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Advanced-Quoting-Form-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box25{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/AdWords-Campaign-Sales-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box26{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Unique-Custom-Calculator-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box27{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Video-Molding-Processes-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box28{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Content-Management-Software-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box29{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-Design-Gallery-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#box30{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/custom-web-development-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}


#box31{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-Website-Callouts-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box32{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Website-Blog-News-Ticker-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box33{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-Website-Footer-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}


#box34{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-CSS-Website-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}


#box35{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/CMS-Web-Development-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}


#box36{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/JQuery-Slider-Calendar-CMS-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box37{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Secured-Web-Based-Communications-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box38{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/Custom-Management-Software-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#box39{
	padding-right: 15px;
	width:179px;;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/website-design/CSS-Menu-01.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}






#onlybox{
	width:170px;
	height:77px;
	top:100px;
	left:12px;
	position: absolute;
}




/* ________________________________________________________________________________________________________________
	                                              07. Sample Boxes  
   ________________________________________________________________________________________________________________ */   

.sampleBlue{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #00AEEF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	line-height: normal;
}

.sampleComment{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: normal;
}

.sampleComment2{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4D4D4D;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	line-height: normal;
}


.sampleUrl{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #C4C4C4;
	margin: 0px;
	line-height: normal;
	padding: 0px;
}

#sample{
	width:210px;
	height:280px;
	top:20px;
	left:12px;
	position: relative;
}
#sample2{
	width:210px;
	height:280px;
	top:0px;
	left:0px;
	position: relative;
}
#sample3{
	width:210px;
	height:280px;
	top:0px;
	left:0px;
	position: relative;
}
#sample4{
	width:210px;
	height:280px;
	top:0px;
	left:0px;
	position: relative;
}
#sample5{
	width:210px;
	height:280px;
	top:0px;
	left:0px;
	position: relative;
}

#sample6{
	width:210px;
	height:280px;
	top:0px;
	left:0px;
	position: relative;
}



a.sampleBefore{
	color:#00AEEF;
	text-decoration:underline;
}
	
a:hover.sampleBefore{
	color:#4d4d4d;
	text-decoration:none;
}


/* ________________________________________________________________________________________________________________
	                                              CONTACT US PAGE
   ________________________________________________________________________________________________________________ */   
   
   
   #infoRequest{
	width:248px;
	height:76px;
	top:418px;
	left:686px;
	position: absolute;
	z-index: 21;
	visibility: visible;
}
   
   
   
   #ftpInformation{
	width:248px;
	height:76px;
	top:488px;
	left:686px;
	position: absolute;
	z-index: 21;
	visibility: visible;
}
   
   
   #visitUs{
	width:248px;
	height:376px;
	top:43px;
	left:686px;
	position: absolute;
	z-index: 20;
}
   
      
   
   
textarea {
width:555px !important;
min-width:555px !important;
max-width:555px !important;
height:100px !important;
min-height:100px !important;
max-height:100px !important;
/*resize:none;*/
} 
   
textfield {
width:242px !important;
min-width:242px !important;
max-width:242px !important;
height:20px !important;
min-height:20px !important;
max-height:20px !important;
/*resize:none;*/
} 

comment {
width:555px !important;
min-width:555px !important;
max-width:555px !important;
height:100px !important;
min-height:100px !important;
max-height:100px !important;
/*resize:none;*/
}    
   
   
/* ________________________________________________________________________________________________________________
	                                              404 Error PAGE
   ________________________________________________________________________________________________________________ */   

#tweettweet{
	width:800px;
	height:90px;
	top:8px;
	left:0px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 80px;
}

#lostShoe{
	width:650px;
	height:60px;
	top:86px;
	left:142px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 46px;
}

#yourMessage{
	width:690px;
	height:60px;
	top:86px;
	left:142px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 46px;
}

#error{
	width:442px;
	height:47px;
	top:197px;
	left:4px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #28adee;
	text-decoration: none;
	font-size: 34px;
	z-index: 20;
}

#tryOne{
	width:364px;
	height:35px;
	top:241px;
	left:4px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 24px;
	z-index: 20;
}

#pageLinks{
	width:225px;
	height:119px;
	top:276px;
	left:63px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 22px;
	z-index: 20;
}

#moreText{
	width:710px;
	height:105px;
	top:410px;
	left:4px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 15px;
	z-index: 20;
}
   
   
 
#customBird{
	width:487px;
	height:265px;
	top:143px;
	left:347px;
	position: absolute;
	background-image: url(images/custom404_bird.jpg);
	background-repeat: no-repeat;
}

a.grey{
	color:#4d4d4d;
	font-weight: normal;
	text-decoration: none;
}
	
a:hover.grey{
	color:#4d4d4d;
	font-weight: normal;
	text-decoration: underline;
}



#portfolio{
	width:442px;
	height:47px;
	top:255px;
	left:4px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #28adee;
	text-decoration: none;
	font-size: 34px;
	z-index: 20;
}

#moreTextTh{
	width:857px;
	height:69px;
	top:172px;
	left:6px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 18px;
	z-index: 20;
}


#moreTextAn{
	width:487px;
	height:39px;
	top:480px;
	left:6px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 16px;
	z-index: 20;
}
/* ________________________________________________________________________________________________________________
	                                              Sign Up Hosting
   ________________________________________________________________________________________________________________ */   




#signup1{
	width:93px;
	height:42px;
	top:217px;
	left:293px;
	position: absolute;
}


#signup2{
	width:93px;
	height:42px;
	top:249px;
	left:317px;
	position: absolute;
}


#signup3{
	width:93px;
	height:42px;
	top:249px;
	left:516px;
	position: absolute;
}


#signup4{
	width:93px;
	height:42px;
	top:249px;
	left:715px;
	position: absolute;
}


/* ________________________________________________________________________________________________________________
	                                              Extras
   ________________________________________________________________________________________________________________ */   



.sampleRollover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #00AEEF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	line-height: normal;
	cursor: default;
	text-decoration: underline;
}


.cursorDefault{
	cursor: default;

}


#twitter_div {
	width: 225px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

ul#twitter_update_list {
	width: 217px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
}

ul#twitter_update_list li { width: 217px; padding-bottom:5px; color: #666; list-style: none; }

ul#twitter_update_list li a { color: #aaa;  text-decoration: none; }

ul#twitter_update_list li a:hover { color: #aaa; text-decoration: underline; }


/* ________________________________________________________________________________________________________________
	                                              Page Images
												 
   ________________________________________________________________________________________________________________ */   




#searchMarImg{
	width:422px;
	height:420px;
	top:80px;
	left:473px;
	position: absolute;
	
}


#ecomIcon{
	width:70px;
	height:77px;
	top:62px;
	left:4px;
	position: absolute;
	margin:0px;
	padding:0px;
}


#safeIcon{
	width:70px;
	height:77px;
	top:219px;
	left:4px;
	position: absolute;
	margin:0px;
	padding:0px;
}

#businessIcon{
	width:70px;
	height:77px;
	top:479px;
	left:4px;
	position: absolute;
	margin:0px;
	padding:0px;
}

#shopIcon{
	width:70px;
	height:77px;
	top:618px;
	left:4px;
	position: absolute;
	margin:0px;
	padding:0px;
}






.formBoxes{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
	background-color: #EEE;
	margin-left:10px;
}


.formBoxes2{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	background-color: #F5F5F5;
	height:20px;
	width:379px;
	margin-left:1px;
}


.formBoxes4{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	background-color: #F5F5F5;
	height:20px;
	width:240px;
	margin-left:1px;
}

.formBoxes5{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	background-color: #F5F5F5;
	height:20px;
	width:125px;
	margin-left:1px;
}


.formBoxes3{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
	border-right-color: #FBFBFB;
	border-bottom-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-left: 10px;
	background-color: #F5F5F5;
	height:100px;
	width:379px;
	margin-left:1px;
}

.listMenu1{
	width:280px;
}



textarea {
width:380px !important;
min-width:380px !important;
max-width:380px !important;
height:100px !important;
min-height:100px !important;
max-height:100px !important;
/*resize:none;*/
} 

.CustomTextarea {
width:398px !important;
min-width:398px !important;
max-width:398px !important;
height:50px !important;
min-height:50px !important;
max-height:50px !important;
} 

.CustomTextarea1 {
width:310px !important;
min-width:150px !important;
max-width:498px !important;
height:50px !important;
min-height:50px !important;
max-height:50px !important;
} 

textfield {
width:340px !important;
min-width:340px !important;
max-width:340px !important;
height:35px !important;
min-height:35px !important;
max-height:35px !important;
/*resize:none;*/
} 

comment {
width:240px !important;
min-width:240px !important;
max-width:240px !important;
height:20px !important;
min-height:20px !important;
max-height:20px !important;
/*resize:none;*/
} 








#portfolio1{
	width:208px;
	height:175px;
	top:290px;
	left:-18px;
	position: absolute;
}

#portfolio2{
	width:192px;
	height:175px;
	top:290px;
	left:189px;
	position: absolute;
}


#portfolio3{
	width:190px;
	height:175px;
	top:290px;
	left:382px;
	position: absolute;
}



#portfolio4{
	width:195px;
	height:175px;
	top:290px;
	left:570px;
	position: absolute;
}



#beny{
	width:354px;
	height:500px;
	top:35px;
	left:1020px;
	position: absolute;
	z-index:10px;
}

#boxesFulfill{
	width:227px;
	height:139px;
	top:431px;
	left:566px;
	position: absolute;
}




#precursor{
	width:250px;
	height:219px;
	top:350px;
	left:534px;
	position: absolute;
}

#golfballPromo{
	width:195px;
	height:255px;
	top:318px;
	left:573px;
	position: absolute;
}


#golfball{
	width:264px;
	height:356px;
	top:576px;
	left:382px;
	position: absolute;
}

#floorstands{
	width:192px;
	height:186px;
	top:276px;
	left:31px;
	position: absolute;
}

#counter{
	width:200px;
	height:186px;
	top:276px;
	left:230px;
	position: absolute;
}

#shelf{
	width:197px;
	height:186px;
	top:276px;
	left:438px;
	position: absolute;
}

#pallet{
	width:192px;
	height:186px;
	top:276px;
	left:642px;
	position: absolute;
}



















		
#qrcodeLrg{
	width:399px;
	height:537px;
	top:57px;
	left:496px;
	position: absolute;
}	
		
		
#contactInfoRequesto{
	width:227px;
	height:111px;
	top:428px;
	left:686px;
	position: absolute;
	padding:10px;
	background-color:#EAEAEA;
}

		
		
#contactInfoRequesti{
	width:217px;
	height:101px;
	top:7px;
	left:7px;
	position: absolute;
	padding:8px;
	background-color:#FFF;
	z-index:10;

}

#tweetButton{
	width:50px;
	height:50px;
	top:191px;
	left:976px;
	position: absolute;
	z-index:50;
}

#facebookButton{
	width:50px;
	height:50px;
	top:263px;
	left:980px;
	position: absolute;
	z-index:50;
}


#sharethis{
	width:38px;
	height:253px;
	right:0px;
	position: fixed;
	top: 230px;
	background-image: url(images/share-bg.png);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 12px;
	z-index:50;
}

.st_twitter_large, .st_facebook_large, .st_stumbleupon_large, .st_digg_large, .st_email_large  { padding-bottom:5px;}













#multi1{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-1-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;
}

#multi2{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-2-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

	
}

#multi3{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-3-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#multi4{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-4-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#multi5{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-5-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#multi6{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-6-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#multi7{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-7-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}

#multi8{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-8-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#multi9{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-9-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}
#multi10{
	padding-right: 15px;
	width:179px;
	height:218px;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(images/portfolio/multimedia/multimedia-10-small.jpg);
	background-repeat: no-repeat;
	padding-left:15px;
	padding-top:15px;

}





   
/* ________________________________________________________________________________________________________________
	                                              07. SLIDER
   ________________________________________________________________________________________________________________ */   

/*


#name{
	width:0px;
	height:0px;
	top:0px;
	left:0px;
	position: absolute;
}



*/
#slider-holder {height:390px; width:960px; no-repeat top left; position:absolute; top:0px; left:0;z-index:7;}


#slider {top:10px; left:10px; z-index:3;}


#slider h1, #slider h2, #slider h3, #slider h4, #slider h5, #slider h6 {color:#FFFFFF}


#slider-nav {
	position:absolute;
	top:445px;
	left:760px;
	z-index:30;
	padding:7px 5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:80px;
}


#slider-nav a {text-indent:-9999px; height:14px; width:14px; display:block; float:left; background:url(images/slider-anchor.png) no-repeat top left; margin-right:4px; margin-bottom:4px;}


#slider-nav a:hover, #slider-nav a.activeSlide {background:url(images/slider-anchor.png) no-repeat bottom left;}

#slideshow{
	width:852px;
	height:406px;
	top:80px;
	left:5px;
	position: absolute;
	overflow:hidden;
}


/* 

#demo {
	height: 407px;
	width: 851px;
	position: absolute;
	top: 79px;
	left:5px;
}


#title { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans; }

a#prev, a#next { font-size: 14px; font-family: Verdana, Helvetica, Arial, sans; color: #000; text-decoration: none; }

a#prev:hover, a#next:hover {text-decoration: underline; }
	
.pics { height: 407px; width: 850px;  overflow: hidden; }
.pics img { height: 407px; width: 850px; top:0; left:0; }

.nav {
	padding: 0px;
	font-size: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

#nav{
	width:100px;
	height:30px;
	top:390px;
	left:750px;
	position: absolute;
	z-index:100;
	
}


#nav a {
	margin: 0 1px;
	padding: 15px 9px;
	text-decoration: none;
	background-image: url(images/circle-navigation.png);
	background-repeat: no-repeat;
}
#nav a.activeSlide {
	background-image: url(images/circle-navigation-over.png);
}
#nav a:focus { outline: none; }*/

#sliderBgnd{
	width:850px;
	height:407px;
	position:relative;
	top:0;
	left:0;
	background-image: url(images/slider-bgnd.jpg);
	background-repeat: no-repeat;
	}
	
	
#sliderBgShadow{
	width:920px;
	height:467px;
	top:110px;
	left:39px;
	position: absolute;
	background-image: url(images/slider-shadow-bgnd.jpg);
	background-repeat: no-repeat;
}

#portfolioShadow{
	width:917px;
	height:109px;
	top:829px;
	left:41px;
	position: absolute;
	background-image: url(images/portfolio-shadow.jpg);
	background-repeat: no-repeat;
}



#portfolioText{
	top:852px;
	left:90px;
	position: absolute;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 46px;
	line-height: normal;
	font-weight: normal;
	color: #4d4d4d;
	z-index:20;
	
}

#portfolioArrow{
	width:32px;
	height:32px;
	top:876px;
	left:263px;
	position: absolute;
	z-index:20;
}

.portfolioTextSmall{
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #a8a8a8;
	z-index:20;
	
}

#portfolioText1{
	top:875px;
	left:310px;
	position:absolute;
	width:150px;
	height:50px;
	text-align:left;
}

#portfolioText2{
	top:875px;
	left:416px;
	position:absolute;
	width:150px;
	height:50px;
	text-align:left;
}

#portfolioText3{
	top:875px;
	left:547px;
	position:absolute;
	width:150px;
	height:50px;
	text-align:left;
}

#portfolioText4{
	top:875px;
	left:650px;
	position:absolute;
	width:231px;
	height:50px;
	text-align:left;
}

#portfolioText5{
	top:875px;
	left:815px;
	position:absolute;
	width:150px;
	height:50px;
	text-align:left;
}

@font-face {
    font-family: 'Impact';
    src: url('fonts/impact-webfont.eot');
    src: url('fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/impact-webfont.woff') format('woff'),
         url('fonts/impact-webfont.ttf') format('truetype'),
         url('fonts/impact-webfont.svg#ImpactRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#sliderTitle{
	width:532px;
	height:26px;
	position:absolute;
	top:57px;
	left:30px;
	text-align:left;
	
}


#getStarted{
	width:231px;
	height:61px;
	position:absolute;
	top:240px;
	left:30px;
}


#sliderImage{
	width:519px;
	height:374px;
	position:absolute;
	top:22px;
	left:331px;
	text-align:right;
	
}


#sliderSubText{
	width:628px;
	height:26px;
	position:absolute;
	top:339px;
	left:64px;
	text-align:left;
}


#sliderArrow{
	width:26px;
	height:26px;
	position:absolute;
	top:339px;
	left:30px;
}

.sliderh1{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 49px;
	text-transform: uppercase;
}

.sliderh2{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 27px;
	}