/************************************* WWW.INFINITUM-GROUP.COM **********************************/
/************************************* Designed by www.zidesigns.co.uk **********************************/

body {
	margin: 0 0 20px 0;
	padding: 0;
	background: #f2f2f2 url(/images/bg.jpg) repeat-x;
	font: normal 13px Arial, sans-serif;
	color: #222;
	}

#bigdiv{
margin: auto;
padding:7px 0 0 0;
background: #fff url(/images/top.jpg) no-repeat;
width: 960px; 
text-align: left;
position: relative;
}

#wrap{
width: 960px;
margin: 0 auto;
}

#banner{
position: absolute;
}

#banner p{
font-size: 13px;
color: #fff;
margin: 0 15px 0 15px;}

#terms{
width: 890px;
padding: 20px; 
}

#terms h1{
color: #980f1b;
padding-left:0;
}


#left{
margin: 15px 20px 0 20px;
width:250px;
float: left;
}

#center{
margin: 15px 20px 20px 0;
width:420px;
float: left;
}

#center a{
color: #980f1b;
}

#center a:hover{
color: #980f1b;
text-decoration:underline;
}

#banner a:hover{
color: #fff;
text-decoration:underline;
}



#right{
margin: 15px 0 20px 0;
width: 210px;
float:left;
}

/****************************** TOP RIGHT  ********************************/

#topright{
position: absolute;
top:44px;
right:15px;
}

#topright a{
padding: 5px 0 0 20px;
float: left;
}

#topright img {
padding: 0;
}

/****************************** ADVERT  ********************************/

#advert{
width: 210px;
height: 170px;
margin:0;
}

#advert h3{
color: #fff;
width: 180px;
font-size: 18px;
padding: 10px 0 0 15px;
}

#advert p{
color: #fff;
width: 180px;
padding: 0 0 10px 15px;
}

.contact #left a{
margin:0;
padding:0;}

/****************************** H TAGS ********************************/

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.xhomehomeheading, .xbanneraboutheading, .xbannermarketingheading, .xbannermanagementheading, .xbannerrecruitmentheading, .xbannerfreelancersheading, .xbannervacanciesheading, .xbannercontactheading, .xbannercaseheading{
padding: 0 0 10px 15px;
text-transform: lowercase;
font-size: 30px;
font-family: arial, sans-serif;
color: #fff;
line-height: 30px;
width: 260px;
}


h1, .zaboutnavtitle, .zmarketingnavtitle, .zmanagementnavtitle, .zrecruitmentnavtitle, .zfreelancersnavtitle, .zvacanciesnavtitle, .zcontactnavtitle, .zcasenavtitle{
margin: 0;
font-size: 23px;
font-family: arial, sans-serif;
color: #980f1b;
padding: 0 0 15px 0;
}

#left a:hover{
color: #222;
text-decoration: underline;
}


h2 {
	font-weight: bold;
	font-size: 13px;
	padding: 20px 0 5px 0;
	margin:0;
}

h3 { font-size: 23px;
	padding: 10px 0 5px 15px;
	margin:0;
}

h5 {
	font-size: 10px;
	font-weight: normal;
}

h5 a:hover{
	color: #980f1b;
	text-decoration:none;
}

h5 a{
padding: 0 0 0 10px;
	color: #222;
	text-decoration:none;
}

p, blockquote, ul, ol  {
	line-height: 15px;
	padding:0;
	margin:0;
	}
	
#center ul{
margin: 15px 0 10px 30px;}

#terms ul{
margin: 15px 0 10px 30px;}
	
#center li {
padding: 0 0 10px 0;
margin:0;
}

a {
text-decoration: none; 
	color: #980f1b;
}

a img{
border: none;
text-decoration: none;
}


.zgallerygallery div{
float:right;
margin: 0 0 8px 10px;
}

.zcasedescription2 {
clear:both;
margin:0;
padding:0;
}

.zcasegallery div{
border: 1px solid #d3d3d3;
margin: 0 3px 3px 0;
}

#service{
width:610px;
margin:10px 0 0 20px;
background: url(/images/service.jpg) repeat-x;
height: 80px;
color: #666;
float:left;
}

#service p{
color:#666;
position: absolute;
width: 450px;
height: 40px;
padding:15px 0 0 130px;
}



#casestudy{
width:300px;
margin:10px 0 0 10px;
background: url(/images/casestudy.jpg) repeat-x;
height: 80px;
color: #666;
float:left;
}

#casestudy p{
color:#666;
position: absolute;
width: 150px;
height: 40px;
padding:15px 0 0 130px;
}




#confexchange{
width:920px;
margin:0 0 0 20px;
position: relative;
}


#confexchange p{
color: #555;
position: absolute;
left:120px;
top:18px;
margin:0;
padding:0;
}


/*********************************  HOME *************************************/
.home h1{
margin-bottom: 10px;
}

.home h2{
padding:0;
margin:0;
}

.home #banner p{
font-size: 13px;
color: #fff;}


.home ul{
color: #fff;
margin: 0 15px 0 15px;
}


.xhomeoneheading a, .xhometwoheading a, .xhomethreeheading a{
color: #fff;}


.xhomeonedescription, .xhometwodescription, .xhomethreedescription{
color:#fff;
margin: 0 0 10px 15px;
padding:0;
width:270px;
font-size: 12px;
}

.xhomeoneheading, .xhometwoheading, .xhomethreeheading{
color:#fff;
font-size: 23px;
font-family: arial, sans-serif;
margin: 15px 0 10px 15px;
text-transform:lowercase;
width: 270px;

}


/****************************** BANNER  ********************************/
.aboutnavtitlegroup, .marketingnavtitlegroup, .managementnavtitlegroup, .recruitmentnavtitlegroup, .freelancersnavtitlegroup, .vacanciesnavtitlegroup, .contactnavtitlegroup, .casenavtitlegroup,
#left li{
list-style: none;
background: #fff url(/images/submenu.jpg) no-repeat;
height: 30px;
padding: 6px 0 0 0;
text-transform: lowercase; 
}


.aboutnavtitlegroup a, .marketingnavtitlegroup a, .managementnavtitlegroup a, .recruitmentnavtitlegroup a, .freelancersnavtitlegroup a, .vacanciesnavtitlegroup a, .contactnavtitlegroup, .casenavtitlegroup a, #left a{
margin: 5px 0 0 10px;
color:#222;
}


.xhomehomeimage, .xbanneraboutimage, .xbannermarketingimage, .xbannermanagementimage, .xbannerrecruitmentimage, .xbannerfreelancersimage, .xbannervacanciesimage, .xbannercontactimage, .xbannercaseimage{
position: absolute;
top: 0px;
left: 0;
padding:0;
margin:0;
}


.xhomehomeheading, .xbanneraboutheading, .xbannermarketingheading, .xbannermanagementheading, .xbannerrecruitmentheading, .xbannerfreelancersheading, .xbannervacanciesheading, .xbannercontactheading, .xbannercaseheading{
position: absolute;
left:35px;
width: 220px;
top: 20px;
color:#fff;
margin:0;
padding:0;
}

.xhomehomedescription, .xbanneraboutdescription, .xbannermarketingdescription, .xbannermanagementdescription, .xbannerrecruitmentdescription, .xbannerfreelancersdescription, .xbannervacanciesdescription, .xbannercontactdescription, .xbannercasedescription{
position: absolute;
left:35px;
width: 220px;
top: 90px;
color:#fff;
}

.xhomehomedescription{
width: 265px;
}




/********************************* CONTAINER ****************************************/

#container{
width: 960px;
height: auto;
padding: 200px  0 0 0;
overflow: hidden;
margin:0;
}

.home #container{
background: url(/images/container.jpg) repeat-x ;
margin:0;
padding: 0;
height: 210px;
color:#999;
}

.home #container h2{
margin: 15px 20px 0 20px;
color: #fff;
}

.home p {
color: #fff;
margin: 5px 20px 0 20px;
}


#container1{
background-color: #e1e1e1;
margin:0;
padding: 280px 0 0 0;
height: 90px;
}





/********************************* COLUMNS ****************************************/

#one{
margin: 10px 10px 20px 20px;
width:300px;
float: left;
padding:0;
}

#two{
margin: 10px 10px 20px 0;
width: 300px;
float: left;
}

#three{
margin: 10px 0 20px 0;
width: 300px;
float:left;
}



/********************************* MENU *******************************************/

#menu {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	background: url(/images/menu.jpg) repeat-x;
	}

#menu ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 5px 15px 8px 15px;
	text-decoration: none;
	font: 14px Arial, sans-serif;
	color: #222;
	text-transform: lowercase;
	}

#menu a:hover {
	color: #980f1b;
}
.home a#homenav,
.about a#aboutnav,
.marketing a#marketingnav,
.management a#managementnav,
.recruitment a#recruitmentnav,
.freelancers a#freelancersnav,
.vacancies a#vacanciesnav,
.case a#casenav,
.contact a#contactnav
{
color: #980f1b;
}




/************************* FORM ********************************/	

#right form{
background: url(/images/form.jpg) no-repeat;
width: 210px;
height: 330px;
margin: 20px 0 0 0;
}

#right form h2{
width: 180px;
padding: 15px 0 0 15px; 
color: #000;}

#right input {
width: 175px;
margin: 2px 0 0 0;
color: #555555;
}

#right .submit input{
width: 180px;
}

#right form p{
width: 180px;
color: #392351;
padding: 3px 0 0 15px;}


#center form{
position: relative;
}

#center form p{
margin: 0 0 15px 0;
}

#center input{
width: 250px;
position: absolute;
left: 80px;
}

textarea{
height: 150px;
position: absolute;
left: 80px;
width: 250px;
}


#center .submit input {
height: 26px;
width: 119px;
margin-top: 140px;
}

/************************* FOOTER ********************************/	
	
#footer {
	clear:both;
	height: 55px;
	background: url(/images/footer.jpg) repeat-x;
	margin:20px 0 0 0; 
}

#footer h5 {
	text-align: left;
	color: #222;
	padding:23px 0 0 0;
	margin:0;
	}

#footer img{
margin: 0 10px 0 0;
}

.home #footer{
margin:0;}
	
/************************* ADD THIS ********************************/	

#addthis{
float: left;
padding: 20px 5px 0 20px;
}

#at_hover span{
color:#222;}

#at_share span{
color:#222;}

span{
color:#fff;}



#container a.button, .xhomeonelinkname, .xhometwolinkname, .xhomethreelinkname {
background: transparent url(/images/redbutton_right.png) no-repeat scroll bottom right; 
display: block;
float: left;
height: 23px; 
margin: 0 6px 0 15px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
text-decoration: none;
color: #fff;
}
#container a.button span, .xhomeonelinkname span, .xhometwolinkname span, .xhomethreelinkname span{
background: transparent url(/images/redbutton_left.png) no-repeat bottom left; 
display: block;
line-height: 23px; 
padding: 0 0 0 15px;
} 
 


.xhomehomelinkname {
background: transparent url(/images/blackbutton.png) no-repeat scroll top left; 
position: absolute;
left:20px;
top:240px;
width:100px;
display: block;
float: left;
height: 25px; 
margin: 0 6px 0 15px;
padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
text-decoration: none;
color: #fff;
}

.xhomehomelinkname a{
margin: 5px 0 0 0;
}

.xhomehomelinkname span{
padding: 1px 0 0 20px;
position: absolute;

}


a.button:hover span{
text-decoration:underline;
color: #fff;
}


img {
padding:0;
margin:0;
border: 0;
}

text {
padding: 100px 0 0 0;
}