body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
}


#wrapper {
width: 1000px;
margin: 0 auto;
}

img {
border: none;
}

.clear {
	clear: both;
}

/*slider*/
#slidePanel {
	position: absolute;
z-index: 1;
width: 100%;
top: 0;
left: 0;
}

.slideBox1 {
	width: 100%;
	background: #fff;
	border-bottom: 2px solid #122547;
	padding: 0;
}

.contactBox {
	width: 976px;
	margin: 0 auto;
	padding: 0px 0 0 0;
}

.contactBoxleft {
	width: 600px;
	float: left;
	background: url(../images/dotted-border.gif) no-repeat right;
}

.contactBoxleft label {
	color: #122546;
	font-size: 12px;
}

.contactBoxleft input {
	border: 1px solid #122547;
	padding: 2px 0 2px 4px;
	margin: 6px 0 0 0;
	background: #F2F2F2;
	float: left;
	color: #828383;
}

.contactBoxleft textarea {
	border: 1px solid #122547;
	padding: 0 0 0 0;
	background: #F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 200px;
	height: 70px;
	margin: 6px 0 0 0;
	color: #828383;
}

.contentBoxright {
	width: 330px;
	float: right;
	text-align: right;
	color: #535353;
	font-size: 13px;
}

.contentBoxright h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #535353;
	margin-bottom: 4px;
	padding: 0;
}



.slideBtn {
	width: 976px;
	margin: 0 auto;
	text-align: right;
}

.slideBtnbn {
	width: 976px;
	margin: 0 auto;
	
}


.slideBtnleft {
	width: 515px;
	float:left;
	margin: 0 auto;
	text-align: right;
}

.slideBtnright {
	width: 550px;
	float:right;
	padding-right:375px;
	margin: 0 auto;
	text-align: right;
}

#header {
height: 124px;
position: relative;
}

#header h1 {
margin: 0;
position: absolute;
top: 45px;
left: 29px;
}

#header h2 {
position: absolute;
top: 38px;
right: 34px;
margin: 0;
font: 16px Arial, Helvetica, sans-serif;
font-weight: 600;
color: #122547;
}

#nav {
width: 580px;
position: absolute;
top: 85px;
right: 20px;
font-size: 15px;
color: #666;
text-align: right;
}

#nav a {
color: #666;
text-decoration: none;
}

#nav a:hover {
color: #000;
text-decoration: none;
}


#flash_box {
height: 425px;
}


.blueText {
color: #122547;
font-weight: bold;
text-transform:uppercase;
}

.greyText {
color: #666;
text-decoration: none;
}

.rText {
color: #8e1114;
font-weight: bold;
text-transform:uppercase;
}

.dark_blueText {
color: #122546;
font-weight: bold;
font-size: 11px;
text-align:center;
line-height: 24px;
}


.email_box {
position: relative;
top: 28px;
height: 32px;
background: url(../images/input_bg.jpg) no-repeat;
}

.email_box #input_box_l {
position: absolute;
top: 7px;
left: 10px;
}

.email_box #input_box_l input {
width: 121px;
border: none;
}

.email_box #input_box_r {
position: absolute;
top: 8px;
right: 10px;
}

a.linkb2b, a.linkb2b:visited
	{
	color:#122547;
	text-decoration: underline;
	font-weight: bold;
	}
	
a.linkb2b:hover
	{
	color:#122547;
	text-decoration: none;
	}


a.linkbl2b, a.linkbl2b:visited
	{
	color:#122547;
	text-decoration: underline;
	}
	
a.linkbl2b:hover
	{
	color:#122547;
	text-decoration: none;
	}


#collage { /* ------------------------------------- */
height: 250px;
margin: 0;
}

#interior_header {
height: 132px;
margin: 0;
}

#interior_headerbn {
height: 132px;
margin: 0;
}


#content {
padding: 0px 10px 0px 10px;
margin: 0 0 0 20px;
}

#content h4 {
margin: 19px 0 5px 0px;
padding: 0px;
font-size: 22px;
font-weight: normal;
color: #666;
}

#content_left {
width: 223px;
height: 382px;
border: 1px solid #d4d4d4;
border-top: none;
background: url(../images/left_box_bg.gif) repeat-x bottom;
float: left;
top: 0;
position: relative;
top: -5px;
}

#content_left h1 {
margin: 19px 0 0px 18px;
padding: 0px;
font-size: 16px;
color: #666;
}

#content_left h1 a {
font-size: 16px;
color: #666;
text-decoration: none;
}

#content_left ul {

margin: 0px;
padding: 0px;
list-style: none;
}

#content_left li {
margin: 10px 0 0 0px;
padding: 0 0 0 36px;
background: url(../images/square_box.gif) no-repeat 26px 8px;
}

#content_left li a {
padding: 0 0 0 0px;
text-decoration: underline;
color: #666;
font-size: 14px;
font-weight: normal;
}

#content_right {
width: 660px;
float: right;
padding: 25px 30px 0 0;
}

#content_right_bn {
width: 475px;
float: right;
padding: 0 30px 0 0;
}

#content_mid_bn {
width: 3px;
background: url(../images/devider.png) no-repeat;
position: relative;

}

#content_left_bn {
width: 450px;
float: left;
padding: 0 0 0 0;
}


#content_right h1 {
margin: 0 0 10px 0;
padding: 0px;
font-size: 22px;
color: #666;
}

#content_right p {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 22px;
color: #666;
}

/*#content h1 {
margin: 0 0 18px 0;
font-size: 24px;
}
*/
#content h2{
margin: 0 0 10px 0;
font-size: 24px;
color: #b05554;
}

h3 {
	margin: 20px 0 4px 0;
	padding: 0;
	color: #122547;
	font-size: 14px;
}

h3 a {
	color: #122547;
	text-decoration: none;
	font-size: 18px;
}

h3 a:hover {
	text-decoration: underline;
}

p.readMore {
	margin: 0;
	padding: 0;
}

p.readMore a {
	color: #122547;
	font-size: 12px;
	text-decoration: none;
}

p.readMore a:hover {
	text-decoration: underline;
}

p.mainText {
margin: 0;
padding: 0;
line-height: 22px;
font-size: 15px;
color: #666;
}

.leftimg {
float: right;
margin-right: 20px;
margin-bottom: 10px;
}

.rightimg {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

.services_menu {
width: 177px;
background: url(../images/menu_bg.jpg) no-repeat top;
}

.services_menu h4 {
margin: 0;
padding: 8px 0 5px 15px;
font: 20px "trebuchet MS", Vrinda, Arial;
font-weight: normal;
color: #122547;
}

.services_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

.services_menu li {
margin: 0;
padding: 5px 0px 5px 20px;
}

.services_menu li a {
font: 14px "trebuchet MS", Vrinda, Arial;
color: #174e71;
background: url(../images/star_on.gif) no-repeat 0px 5px;
padding-left: 15px;
display: block;
text-decoration: none;
}

.services_menu li a:hover {
background: url(../images/star_off.gif) no-repeat 0px 5px;
padding-left: 15px;
color: #b05554;
text-decoration: underline;
}

.case_studies_menu {
width: 177px;
float: right;
}

.case_studies_menu h4 {
margin: 0;
padding: 8px 0 5px 15px;
font: 20px "trebuchet MS", Vrinda, Arial;
font-weight: normal;
color: #122547;
}

.case_studies_menu ul {
margin: 0;
padding: 0;
list-style: none;
}

.case_studies_menu li {
margin: 0;
padding: 5px 0px 5px 20px;
}

.case_studies_menu li a {
color: #174e71;
text-decoration: none;
background: url(../images/star_on.gif) no-repeat 0px 5px;
padding-left: 15px;
}

.case_studies_menu li a:hover {
background: url(../images/star_off.gif) no-repeat 0px 5px;
padding-left: 15px;
color: #b05554;
text-decoration: underline;
}

.gallery img{
border: 1px solid #ccc;
padding: 4px;
}

.gallery:hover img{
border: 1px solid #7A6F5A;
}

.gallery:hover{
color: #7A6F5A; /* Dummy definition to overcome IE bug */
}

.galleryTitle {
margin: 8px 0 0 0;
text-align: center;
font-weight: bold;
color: #666;
}

.inputBox {
width: 250px;
padding: 4px;
border: 1px solid #ccc;
}

.RedText {
color: red;
font-weight: bold;
}

.img_border {
	padding: 3px;
	border: 1px solid #CDCDCD;
}

#client_work_list {
width: 296px;
height: 400px;
float: left;
margin: 0px 0 0 0;
}

#client_work_list h1 {
font-size: 16px;
color: #666;
margin: 0 0 12px 25px;
padding: 0;
}

#client_work_list ul {
margin: 0;
padding: 0;
list-style: none;
}

#client_work_list li {
margin: 6px 0 0 30px;
padding: 0;
font-size: 14px;
color: #666;
}

#portfolio_rightBox {
width: 542px;
height: 341px;
position: relative;
float: right;
margin-right: 35px;
margin-top: 40px;
background: url(../images/grayBox.gif) no-repeat 58px 1px;
}



/* ----------------- */


/* Sample 8*/
#Slidebox{
	position:absolute;
}
#Slidebox div{
	width:400px;
	height: 450px;
	float:left;
}
#Slidebox .buttons{
	text-align:left
}
#Slidebox .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}



.mask1{
	position:relative;
	width:400px;
	height: 360px;
	overflow:hidden;
	margin: 12px auto 0 auto;
}

.imgboxTitle {
font-weight: bold;
color: #122547;
text-align: right;
text-transform:uppercase;
font-size: 11px;
margin: 20px 0 0 0;
}

.imgboxTitle a {
font-weight: bold;
color: #122547;
text-align: right;
text-transform:uppercase;
font-size: 11px;
text-decoration: none;
}

.buttons span{ color:#666; cursor:pointer; font:14px Verdana; text-decoration: underline;}
.buttons span.active, .buttons span:hover{background:#ccc;color:#666;}

.leftBoxarrow {
position: absolute;
bottom: 25px;
_bottom: 70px;
left: 10px;
}

.rightBoxarrow {
position: absolute;
bottom: 25px;
_bottom: 70px;
right: 10px;
}

.imgbor {
border: 1px solid #ccc;
padding: 2px;
}



/* ---- Slide Box Home ------------- */

#tophome {
width: 1000px;
margin:o auto;
position: relative;
}



#newBoxhome {
width: 1000px;
height: 350px;
/*border: 1px solid red;*/
background: url(../images/wd-new-home.jpg) no-repeat;
position: relative;
}

#latest_twitter {
width:375px;
min-height: 190px;
float:left;
padding-top:95px;
padding-left:30px;
font-size: 14px;
color: #FFF;
}

ul#twitter_update_list li a {
color: white;
}

#contact_quote {
width:1000px;
padding:80px 0px 0px 20px;

}





.slideBoxhome {
width: 1000px;
height: 400px;
/*border: 1px solid red;*/
position: relative;
}

/* Sample 8*/
#slideBoxhome{
	position:absolute;
}
#slideBoxhome div{
	width:1000px;
	float:left;
}

.slideBoxhome .buttons{
text-align: left;
clear:both;
color: #122547;
font-size: 10px;
position: absolute;
top: 372px;
left: 790px;
z-index: 50;
}



.slideBoxhome .buttons span { color:#122547; padding:0 5px; cursor:pointer; font:10px  Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; }
.slideBoxhome .buttons span.active, .slideBoxhome .buttons span:hover{background: transparent ;color:#122547;}


.maskBox{
	position:relative;
	width:1000px;
	height:383px;
	overflow:hidden;
}

.inputbox_login {
	width: 150px;
	padding: 4px;
	border: 1px solid #ccc;
}

#blog {
width: 660px;
float: right;
padding: 25px 30px 0 0;
}

#blog h1 {
margin: 0 0 10px 0;
padding: 0px;
font-size: 22px;
color: #666;
}

#blog p.blog_desc {
	font-size: 15px;
	margin: 0;
	padding: 0;
}

.comments {
	margin: 40px 0 0 0;
}

.comments label {
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

.comments input.txt1 {
	border: 1px solid #C3CBCE;
	width: 200px;
	color: #939393;
	margin: 2px 0 10px 0;
	padding: 3px 0 3px 4px;
}

.comments textarea {
	border: 1px solid #C3CBCE;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #939393;
	margin: 0 0 6px 0;
}

hr {
	border: 1px solid #eaeaea;
}