/*--------------- ADDITIONAL STYLESHEETS ---------------*/

@import url("http://www.clients.anjumedia.co.uk/anju/stylesheets/reset.css");

/*--------------- MAIN BODY ---------------*/
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #898989;
	background-color: #000;
	margin-top: 30px;
	margin-bottom: 30px;
}
/*--------------- MAIN CONTAINER ---------------*/

#container {
	width: 874px;
	margin: auto;
}
/*--------------- HEADER ---------------*/
#header {
	height: 139px;
	width: 826px;
	margin: auto;
	background-image: url(../images/header.png);
}
#webdesign_header {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
}
/*--------------- NAVIGATION ---------------*/

#navigation {
	height:54px;
	margin-right: auto;
	margin-left: auto;
	width: 828px;
	margin-top: 10px;
}
#navigation2 {
	height:200px;
	margin-right: auto;
	margin-left: auto;
	width: 828px;
	margin-top: 10px;
}
.navigation-left, .navigation-right {
    float: left;
    height: 54px;
    width: 18px;
}
.navigation-middle {
	background-image: url(../images/nav_middle.png);
	background-repeat: repeat-x;
	float: left;
	height: 54px;
	width: auto;
}.new-navigation-middle {
	background-image: url(../images/nav_middle.png);
	background-repeat: repeat-x;
	float: left;
	height: 154px;
	width: auto;
	}
	
.new-navigation-middle2 {
	background-image: url(../images/nav_middle.png);
	background-repeat: repeat-x;
	float: left;
	height: 150px;
	width: auto;
}
.nav-links li {
	display: block;
	float: left;
	background-image: url(../images/divider.png);
	background-repeat: no-repeat;
	height: 47px;
	background-position: left 1px;
	width: auto;
	
}
li.no-divider {
    background-image: none;
	text-decoration: underline;
}
.nav-links li a {
	display: block;
	float: left;
	height: 30px;
	margin-right: 20px;
	margin-left: 20px;
	color: #676767;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	margin-top: 20px;
	width: auto;
}
.nav-links li a:hover {
	color: #FFF;
}
#rss {
	height: 25px;
	width: 123px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 40px;
}
/*-----------------WELCOME---------------*/
#welcome {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
h2.main_title {
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom: 10px;

}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F02C5A;
	margin-bottom: 10px;


}
a {

color:#676767;
font-size:10px;
text-decoration:none;

}

.welcome_top, .welcome_btm {
    float: left;
    height: 16px;
    width: 827px;
}
.welcome_middle {
	background-image: url(../images/welcome_middle.png);
	background-repeat: repeat-y;
	width: 827px;
	float: left;
}
#baloons {
	
	background-image: url(../ /*images/websites/rid.php?pic=random1; */ images/balloons.png); 
	float: left;
	height: 207px;
	width: 290px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}
#welcome_content {
	float: right;
	height: auto;
	width: 400px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}
#welcome_title {
	float: left;
	height: 28px;
	width: 212px;
	background-image: url(../images/welcome_title.png);
	background-repeat: no-repeat;
}
#welcome_text {
	float: left;
	margin-top: 15px;
	height: auto;
	width: 400px;
	vertical-align: top;
	clear: left;
}

/*-----------------WELCOME2---------------*/
#welcome2 {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#welcome_area2 {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

.quote {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #FFF;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#welcome_title2 {
	background-image: url(../images/services.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 111px;
	margin-left: 30px;
}
#welcome_area2_content {
	width: 760px;
	height: auto;
	margin-left: 30px;
}
.redtext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D30842;
}
.redtext2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D30842;
	padding-top: 10px;
}
.portimg {
	padding-top: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.welcome_middle2 {
	background-image: url(../images/welcome_middle.png);
	background-repeat: repeat-y;
	width: 827px;
	float: left;
}
.welcome_top2 {
	float: left;
	height: 16px;
	width: 827px;
	margin-top: 10px;
}
.welcome_btm2 {
    float: left;
    height: 16px;
    width: 827px;
}
#middle_container2 {
	height: auto;
	width: 800px;
	margin-left: 30px;
	float: left;
	margin-top: 10px;
	overflow:inherit;
}
.welcome_icon {
	float: left;
	padding-top: 5px;
	width: auto;
}

#middle_container3 {
	float: right;
	height: auto;
	width: 350px;
	margin-right: 30px;
	margin-top: 10px;
}
#graphic_design {
	float: left;
	height: 81px;
	width: 359px;	
}
/*-----------FEATURED----------------------*/
#featured_container {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
}
#featured_left {
	float: left;
	width: 518px;
	margin-top: 10px;
}
.featured_left_top, .featured_left_btm {
	float: left;
	height: 12px;
	width: 518px;
}
.featured_left_middle {
	background-image: url(../images/featured_left_middle.png);
	background-repeat: repeat-y;
	float: left;
	width: 518px;
}
#featured_left_title {
	background-image: url(../images/featured_left_title.png);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	width: 142px;
	margin-left: 20px;
}
#featured_left_image {
	background-image: url(../images/raaz_featured.png);
	background-repeat: no-repeat;
	clear: left;
	float: left;
	height: 203px;
	width: 432px;
	margin-left: 20px;
	margin-top: 20px;
}
#left_col_1 {
	background-image: url(#);
	background-repeat: no-repeat;
	clear: left;
	float: left;
	height:  inherit;
	width: 432px;
	margin-left: 20px;
	margin-top: 20px;
}

#featured_right {
	float: right;
	width: 298px;
	margin-top: 10px;
}
#featured_right_title {
	background-image: url(../images/fetured_right_title.png);
	float: left;
	height: 29px;
	width: 126px;
	margin-top: 10px;
	margin-left: 15px;
}
.featured_right_top, .featured_right_btm {
	float: left;
	height: 10px;
	width: 298px;
}
.featured_right_middle {
	background-image: url(../images/featured_right_middle.png);
	background-repeat: repeat-y;
	float: left;
	width: 298px;
}
#featured_right_text {
	clear: left;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	height: auto;
	padding-right: 15px;
	padding-bottom: 10px;
	width: 269px;
}
#gallery {
	width: 822px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.gallery_top {
	float: left;
	height: 18px;
	width: 822px;
	margin-top: 10px;
}
.gallery_btm {
	float: left;
	height: 18px;
	width: 822px;
}
.gallery_middle {
	background-image: url(../images/gallery_middle.png);
	background-repeat: repeat-y;
	float: left;
	width: 822px;
}
#gallery_title {
	background-image: url(../images/gallery_title.png);
	float: left;
	height: 29px;
	width: 78px;
	margin-left: 25px;
}
#galleryblackback {
	background-image: url(../images/gallery_blackback.png);
	background-repeat: no-repeat;
	float: left;
	height: 187px;
	width: 771px;
	margin-left: 25px;
	margin-top: 5px;
}
#gallery1 {
	float: left;
	height: 83px;
	width: 179px;
	margin-left: 20px;
	margin-top: 8px;
	
}
#gallery2, #gallery3, #gallery4 {
	float: left;
	height: 83px;
	width: 179px;
	margin-top: 8px;
	margin-left: 5px;

}
#gallery5 {
	float: left;
	height: 83px;
	width: 179px;
	margin-top: 5px;
	margin-left: 20px;
}
#gallery6, #gallery7, #gallery8 {
	float: left;
	height: 83px;
	width: 179px;
	margin-top: 5px;
	margin-left: 5px;

}
#footer {
	height: 94px;
	width: 826px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	color:#676767;
}
#footer_content {
	height: 50px;
	width: 400px;
	margin-top: 22px;
	float: right;
	margin-right: 60px;
}
.footer_links li a {
	float: left;
	height: 30px;
	margin-right: 5px;
	margin-left: 5px;
	color: #676767;
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	margin-top: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: auto;
}
.footer_links a:hover {
	color: #FFF;
}
.paragraph {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #b2b2b2;
}
#footer_content_left {
	float: left;
	width: 200px;
	height: 50px;
	margin-top: 22px;
	margin-left: 60px;
}
.footer_para {
	color: #676767;
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-left: 5px;
}
.footnote {
	color: #676767;
	text-decoration: none;
	text-transform: none;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom:-10px;

}

.para3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.redtext3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #D30842;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;

}

.content {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 0px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	text-align: left;
	color: #CCCCCC;
}
#pagewidth-800{
width:770px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: transparent url(#) repeat-y 0px 140px;
margin-bottom: 20px;
}
/* expando */
img.expando{ /* CSS for expando images.*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}


/* Accordion CSS */

.mypets{
	cursor: pointer;
	cursor: pointer;
	padding: 2px 5px;
	border: 0px none gray;
}
.mypets:hover{
	cursor: pointer;
	cursor: pointer;
	padding: 2px 5px;
	border: 0px solid gray;
	background-image: url(images/#);
	background-repeat: repeat;
	color: #FFFFFF;
	
}

.openpet{ /*class added to contents of 1st demo when they are open*/
	background-image:url(images/img07.jpg);
	color: #FFFFFF;
	vertical-align:text-top;
	font-weight:bold;
}

.technology{ /*header of 2nd demo*/
cursor: default;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

#gdesign_footer {
	height: 376px;
	width: 604px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 128px;
}
#gdesign_header2 {
	width: 825px;
	height: 400px;
	float: left;
	margin-top: 15px;
	margin-left: 22px;
}

.Portfolio {
	background-image: url(../images/portfolio_middle.jpg);
 
	float: left;
	width: 822px;
}
.Portfolio_middle {
	background-image: ;
	background-repeat:repeat-y;
	width:inherit;
	border: 2px;
	margin-left:10px
}
.Portfolio_top {
	background-image: url(../images/portfolio_top.png);

	float: left;
	height: 16px;
	width: 822px;
}
.Portfolio_btm {
	background-image: url(../images/welcome_btm.png);

	float: left;
	height: 16px;
	width: 822px;
}
#Porfolio_bkg {
	position: relative;
	width:790px;
	z-index:1;
	visibility: inherit;
}
#hotbutton {
	position:absolute;
	width:95px;
	height:33px;
	z-index:2;
	left: 180px;
	top: 199px;
	visibility: visible;
	background-image: url(images/more.png);
}
*/
 /*


#Layer1 {
	position: static;
	visibility:collapse;
	color:#FFFFFF;
	width:200px;
	height:115px;
	z-index:1;
	left: 129px;
	top: 200px;
}
#Layer2 {
	position:absolute;
	width:102px;
	height:30px;
	visibility: inherit;
	left: 241px;
	top: 328px;
	background-image: url(http://anjumedia.co.uk/OPERATIONS/anjumedialogo.png);
}
#Porfolio_bkg {
	position: relative;
	width:822px;
	z-index:1;
	visibility: inherit;
}
#hotbutton {
	position:absolute;
	width:95px;
	height:33px;
	z-index:2;
	left: 180px;
	top: 199px;
	visibility: visible;
	background-image: url(images/more.png);
}

*/

.Divider {
	
	float: left;
	height: 16px;
	width: 822px;
}

/* Microsoft Word Formatting */

span.GramE {mso-style-name:"";
	mso-gram-e:yes;}
div.note {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
li.note {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.note {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
span.GramE1 {mso-style-name:"";
	mso-gram-e:yes;}
span.SpellE {mso-style-name:"";
	mso-spl-e:yes;}
div.MsoNormal {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
div.note1 {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
li.MsoNormal {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
li.note1 {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoNormal {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.note1 {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
span.GramE2 {mso-style-name:"";
	mso-gram-e:yes;}
span.SpellE1 {mso-style-name:"";
	mso-spl-e:yes;}
p.MsoNormal1 {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.note11 {mso-style-name:note;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
span.GramE21 {mso-style-name:"";
	mso-gram-e:yes;}
span.SpellE11 {mso-style-name:"";
	mso-spl-e:yes;}
span.SpellE2 {mso-style-name:"";
	mso-spl-e:yes;}
div.MsoNormal1 {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
li.MsoNormal1 {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoNormal2 {mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
.boldtitle1 {
	font-size: larger;
	font-weight: bold;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: none;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
width:770px;
overflow:none;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: none; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 2;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 770px; /*For users with JS disabled: Width of each content*/
height: 250px;  /*For users with JS disabled: Height of each content*/
}
#hc1 li{
margin:0 3px 0 0;
width:100%;
overflow: none; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 0px; /*Padding inside each content*/
background:clear;

}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 3px solid fff;
}

#hc2 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: ;
cursor: hand;
cursor: pointer;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;

}

#example3 a{ /*CSS specific to demo 3*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #D30842;
	font-size: 14px;
	text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}