/* CSS Document */

/* CSS Document */

Priory Property Services

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0;
	padding: 0px;
}
body {	margin: 0px;	padding: 0px;	text-align: left;	font: normal 12px "arial", Arial; color:#575757; background:/*#A60000 */#F0F0F0;}

#main_container {width: 901px;margin: auto;position:relative; background-color: #ffffff; /*background: url(../images/main_bck.jpg) repeat-y;*/ padding:0 10px; }

#header {width:900px; height:204px; padding-top:5px; }

#banner {width:900px; height:197px;}

#nav {width:900px; height:65px; background-color:#FFFFFF;}

/* --------- update by rajesh on 9-6-2010 ----- */

#main_title_bar {width:900px; height:34px; background:url(../images/title_bar_bck.jpg) no-repeat; padding:8px 0 0 0; margin:0 0 20px 0;}

#top_buttons {width:900px; height:171px;}
#top_buttons1 {width:900px; height:565px;}
#flash {width:556px; height:260px; vertical-align:middle;}

#middleimg{width:278px; height:130px; float:left;}

#middleimgs{width:280px; height:175px; float:left;}

#middle{width:560px; float:left; }

#forms{ width:280px; float:left; height:565px; margin-left:35px;}

#forminside{background:url(../images/main_form_bg.jpg) no-repeat; height:510px;  margin-top:10px; }

#col_one {float:left; width:428px; background:url(../images/grey_line_v.jpg) right top repeat-y; }

#col_two {float:left; width:449px;  }

#full_span {float:left; width:900px; }

#nokia_box  {float:left; width:160px; height: 89px; background:url(../images/nokia_home.jpg) no-repeat; padding:170px 0 0 237px;}

/* ---------------------------- WELCOME TITLES---------------------------*/
#wel_title{
	width:900px;
	height:62px;background:url(../images/topseobg1.jpg) no-repeat top center;  
}
#wel_title .wel{
width:737px; padding:5px; padding-top:15px; padding-left:115px; margin-top:3px; color:#FFFFFF; font-size:12px; word-spacing:3px; font-weight:bold;   
}


/* ----------------------------TITLES---------------------------*/

#red_title_bar {
	width:492px;
	height:32px;
	margin:0 0 14px 0;
	padding:4px 0 0 0;
	background-image: url(../images/black_title_bar.jpg);
	background-repeat: no-repeat;
}

#black_title_bar {width:492px; height:32px; background:url(../images/black_title_bar.jpg) no-repeat; margin:0 0 10px 0; padding:4px 0 0 0;}
#main_title_bar_red {width:900px; height:34px; background:url(../images/title_bar_bck_red.jpg) no-repeat; padding:4px 0 0 0; margin:0 0 20px 0;}

/* ----------------------------NAV----------------------------*/

#top_nav {float:right; width:220px; margin:60px 0 0 0;}

#top_nav li {padding:0 5px 0 5px; border-right: solid 1px #7D0000; display:inline;}

#top_nav li.last {padding:0 5px 0 5px; border-right: none; display:inline;}

#top_nav li a { text-decoration:none; color:#FFFFFF;}

#top_nav li a:hover { color:#590000;}

#nav ul {margin:5px 0 0 5px;}

#nav li {padding:6px 6px 6px 6px; border-right: solid 1px #7D0000; display:inline; line-height:60px; }

#nav li.last {padding:6px 5px 6px 5px; border-right: none; display:inline;}

#nav li a { text-decoration:none; color:#2F2D2E; font-weight:bold;}

#nav li a:hover { text-decoration:none; color:#CC0000; font-weight:bold; }

#nav li .selected { text-decoration:none; color:#CC0000; font-weight:bold; }

/* ---------------------------PARAGRAPHS & TEXT---------------------------*/

#col_one p {line-height:160%;  text-align:justify;}

#col_two p { padding:0 25px 12px 31px; text-align:justify; line-height:160%;}

#col_two a { text-decoration:none; }

#full_span p {line-height:160%; padding:0 31px 12px 40px;}

.big_black { font-size:13px;color:#575757; }

.big_red{ font-size:12px; color:#C40000; font-weight:bold;}

.big_red2{  color:#C40000; }

.big_red2 a{ color:#C40000; text-decoration:none;}

.big_red3 { font-size:13px;color:#C40000; font-weight:bold; text-decoration:none;}

.big_red3 a{ font-size:13px;color:#C40000; font-weight:bold; text-decoration:none;}


.dark_grey {color:#666666;}

.big_white { font-size:36px;color:#ffffff; font-weight:bold; }

/* ---------------------------LISTS--------------------------*/

#col_one ul {margin:10px 0 20px 20px;}

#col_one li {padding:2px 0 6px 20px;  font-size:13px; background:url(../images/tick.jpg) no-repeat ; list-style:none; color:#575757; font-style:italic;}

#col_two ul {margin:20px 0 20px 60px; padding-right:50px;}

#col_two li {padding:5px 30px 6px 30px;  font-size:13px; background:url(../images/tick.jpg) no-repeat; list-style:none; color:#575757; font-weight:bold; font-style:italic;}

#full_span ul {margin:10px 0 20px 80px;}

#full_span li {padding:2px 0 6px 30px;  font-size:13px; background:url(../images/tick.jpg) no-repeat ; list-style:none; color:#575757; line-height:140%}


/* ---------------------------BUTTONS--------------------------*/

.red_button {width:150px; height:21px; background:url(../images/more_red.jpg) no-repeat; margin:15px 0 34px 24px; padding:7px 0 0 0; }

.red_button a {text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:11px; padding:10px 0 0 25px; }

.black_button {width:150px; height:21px; background:url(../images/more_black.jpg) no-repeat; margin:0 0 0 0; padding:7px 0 0 0; }

.black_button a {text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:11px; padding:10px 0 0 25px; }



/* ---------------------------IP PHONES--------------------------*/

.left {float:left; width:550px; padding:0 0 0 0;  }

.left p {line-height:160%; padding:0 0px 12px 11px;}

.right {float:right; width:320px; text-align:center; padding:0 0 00; }

.equip_spacer { padding:10px 0 10px 0;}

/* ---------------------------MISC--------------------------*/

.free_demo_spacer {margin:20px 0 0 0;}

#grey_line_v { float:left; width:1px;}

/* ----------------------------FOOTER----------------------------*/

#footer {width:900px; height:113px; background:url(../images/footer.jpg) no-repeat;}

#links {width: 900px ; text-align:center;  padding:80px 0 0 0;  }

#links a {	color: #464445;	text-decoration: none;	padding: 0 10px 0 0; font-size:10px;}

/* ----------------------------FORMS----------------------------*/


label {font-size: 12px;font-weight: normal; color:#666666; font-weight:bold;}
fieldset{border: none; }
#form legend { margin: 5px 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 140px; height:30px;text-align:right;margin: 0 10px 0 0; padding:5px 0 0 0;}
#form p { display:block;clear:both; padding:0 0 0 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
select, option, textarea {border: 1px solid #cccccc;background-color: #FFFFFF;color: #000; width: 230px; padding:5px 0 0 5px; }
input {border: 1px solid #cccccc;background-color: #FFFFFF;color: #000; width: 230px;  height:20px ; padding:5px 0 0 5px;}
form {padding:20px 0 0 0;}

.drop_menu {height:30px; padding-top:5px;width:237px;}

.small_field {border: 1px solid #cccccc;background-color: #FFFFFF;color: #000; width: 50px;  height:20px ; padding:5px 0 0 5px;}

.form_button{width:237px; height:45px;}

#quote_back { width:419px; height:340px; background:url(../images/quote_bck.jpg) no-repeat right top; margin-left:20px}

.white_text {color:#FFFFFF;}

.black_text {color:#000000;}

#quote_results_box {float:left; width:326px; height:164px; background:url(../images/quote_results_bg.jpg) no-repeat; margin:30px 0 0 60px; padding:110px 0 0 5px;}

.quote {width: 237px; height:45px ;  border:none; padding:0; margin:0; background:url(../images/quote_button.jpg) no-repeat;}

.quotemain {width: 210px; height:45px ;  border:none; padding:0; margin:0; background:url(../images/quote_main_btn.jpg) no-repeat;}
/*---------------------------homepage form ----------------------*/
#mainform {padding:0px; margin:5px;}

#mainform label {display:block;float:left;width: 160px; height:25px;text-align:left;margin: 0 10px 0 0; padding:8px 0 0 0; padding-left:15px;}

#mainform p { display:block;clear:both; padding:0 0 0 0; }

#mainform fieldset{width:260px; margin:0px; padding:0px;}

#mainform .pstyle{font-size:25px; color:#FFFFFF; font-weight:bold; margin:0px; margin-top:15px; padding:0px; width:270px;}

#mainform .itwdth{ width:195px;}

.small_field1 {border: 1px solid #cccccc;background-color: #FFFFFF;color: #000; width: 90px; margin-left:34px;  height:20px ; padding:5px 0 0 5px;}


/* ------------------- client logo     --------------------- */

#clientslogo{
width:600px; margin:auto; height:370px;
}
#clientslogo .img1{
float:left; width: 235px; height:150px;}

#clientslogo .img2{
float:left; width: 200px; height:150px;}

#clientslogo .img3{
float:left; width: 150px; height:135px;}
#clientslogo .ht110{
height:110px;}
#clientslogo .ht85{
height:85px;}
#clientslogo ul, li{margin:0px; padding:0px;}
#clientslogo li{width:125px; height:125px; display:block;}
#casestud{width:850px; margin:auto;}
.wdth300{width:500px; float:left;} 
.wdth400{width:170px; float:right; text-align:right;}


.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-size:18px;
margin: 10px 0;
}


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

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #a60000;
}
.roundedCorners{
	background-image: url(../images/indexMiddle.jpg);
	background-repeat: repeat-y;
	width: 888px;
	margin: 0px auto;
}
.roundedCornersHeader,.roundedCornersFooter{
	width: 888px;
	margin: 0px 6px;
}
