html
{
background-color:#000000;
}

body
{
background-color:#000000;
color:#e5e5e5;
margin:0;
padding:0;
color:#b3b3b3;
font-family:Verdana;
}

.headline
{
margin: 20px 0 0 30px;
}


.clientstages
{
margin-top:27px;
}

.clientstages p
{
font-size:11px;
margin:5px 25px 15px 20px;
padding:11px;
border:1px solid #333333;
background:#191919;
}

.clientstages .current
{
background:#193119;
border:2px solid green;
}


/* E-Cards */

#step
{
padding:10px 0 0 0;
}

#blockblock
{
padding:0px 0 10px 0;
margin:0 0 30px 0;
width:545px;
background:#303030;
float:left;
}

#block
{
padding:2px;
margin:0 20px 5px 0;
width:250px;
float:left;
}

#borderblock
{
padding:2px;
margin:4px;
border:1px solid #444444;
height:170px;
width:250px;
float:left;
}

.smalltxt
{
margin:0;
padding:0;
font-size:11px;
color:#aaaaaa;
}
#borderblock img
{
padding:3px 0 0 6px;
}
#borderblock:hover
{
background:#442424;
}

#cardlayout
{
position:relative;
height:500px;
}

#cardgraphic
{
height:0px;
}

#greetingtext
{
position:absolute;
margin:51px 0 0 439px;
top:0;
font-size:14px;
color:black;
/* Greeting right margin */
width:275px;
line-height:29px;
height:450px;
}

#greetingtext p
{
margin:0 0 28px 0;
}


#msgtext
{
position:absolute;
font-size:14px;
top:88px;
left:470px;
color:black;
width:295px;
line-height:29px;
}

#signofftext
{
position:absolute;
font-size:14px;
top:108px;
left:470px;
color:black;
width:295px;
line-height:29px;
}











.hide
{
display:none;
}

.red
{
color:red;
}

strong
{
color:white;
}

a, a:visited
{
color:#ff0000;
}

a:hover
{
color:#ff6666;
}

#page
{
margin:0;
padding:0;
background:#000000 url('../img/page-back.jpg') no-repeat center center;
}

#header
{
background:#000000 url('../img/header-back.png') repeat-x 0 0;
height:67px;
padding:15px 0 0 21px;
}

#header h1
{
background-image:url('../img/mat_smith_photography_header_640_52_trans.png');
background-repeat:no-repeat;
height:52px;
margin:0;
padding:0;
}

#header h1 span
{
display:none;
}

a img
{
border:none;
}

#topnav ul li
{
margin:0 7px 0 0;
display:inline;
}

#content
{
margin:15px 0 0 0;
padding:0 0 0 21px;
width:883px;
}

#largeleft-container, #smallleft-container
{
padding:0 0 22px 0;
float:left;
font-family:verdana;
font-size:14px;
}

#largeleft-container
{
width:560px;
}

#smallleft-container
{
width:305px;
}

#largeright-container, #smallright-container
{
margin:0;
padding:0 0 22px 15px;
float:left;
font-family:verdana;
font-size:14px;
}

#smallright-container
{
width:305px;
}

#largeright-container
{
width:560px;
}

h1
{
color:white;
font-size:21px;
}

h2
{
color:white;
font-size:15px;
}

#largeleft-container h3, #smallleft-container h3, #largeright-container h3, #smallright-container h3
{
display:inline;
font-size:14px;
}

#largeright-container h1
{
margin-top:14px;
}

.question
{
cursor:pointer;
color:#dddddd;
line-height:19px;
padding:3px 0 3px 50px;
background:url(../img/help.png) 23px 7px no-repeat;
font-size:14px;
margin:0;
}

.info, .callnow, .enquirenow
{
line-height:19px;
padding:3px 0 3px 50px;
font-size:12px;
}

.info
{
background:url(../img/help.png) 23px 7px no-repeat;
color:white;
}

.info p
{
margin-top:0;
}

.callnow
{
background:url(../img/help.png) 23px 7px no-repeat;
}

.enquirenow
{
background:url(../img/help.png) 23px 7px no-repeat;
}



.question h3
{
font-weight:normal;
}

.question:hover
{
background-color:#880000;
color:white;
}

.answer
{
line-height:18px;
padding:0 0 10px 70px;
font-size:13px;
}

.answer p
{
padding:0;
margin:3px 0 9px 0;
}


.dropforgallery
{
padding-top:13px;
}


.contactslip{padding: 12px 9px 12px 9px;margin:0 0 10px 0;background-color:#222222;border:1px solid #444444;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;width:300px;}
.contactslip p{font-size:11px;width:290px;}
.contactdetail{font-size:12px;display:block;margin-top:6px;}
.contacttype{color:white;font-weight:bold;float:left;}
.contactdata{margin-left:90px;}
.quotetext{font-style:italic;margin:0 0 10px 15px;font-size:13px;}

.smallbody{font-size:13px;}

#clearer
{
clear:both;
height:0px;
}

#footer
{
padding:1px 0 2px 0;
background:#000000 url('../img/header-back.png') repeat-x 0 0;
min-height:18px;
text-align:center;
color:#888888;
font-size:70%;
}

/* Nav */

.navigationbar{margin: 0;padding: 0 14px 0 14px;height:26px;font-size:15px;background: url('../img/grad1.png') center left repeat-x;}

.navigationbar ul
{
	z-index:99;
}

.navigationbar li a
{
	background: url('../img/grad1.png') center left repeat-x;
	padding: 0.2em 0.5em;
	height: 20px;
	margin-right: 5px;
	color: #fff;
	text-decoration: none;
	display: block;
	overflow: hidden;
}



.navigationbar .contact{float:right;padding-top:0px;margin:0 7px 0 0;font-size:11px;text-align:right;}
.navigationbar .contact p{padding:0;margin:0;}

.navigationbar .loggedinuser{float:right;padding-top:0px;margin:0 8px 0 10px;font-size:11px;text-align:right;}
.navigationbar .loggedinuser p{padding:6px 0 0 0;margin:0;}


.navigationbar a{text-decoration:none;color:white;}

.navigationbar a:hover{color:red;}

.navigationbar .icons{padding-top:3px;float:right;}

.inlinelist li{margin:0;padding:0;}


/* MenuMatic */
/* all menu links */
#nav a, #subMenusContainer a{text-decoration:none;display:block;}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{float:left;color:white;font-weight:normal;font-size:14px;padding: 0 13px 0 0;margin: 0;}
#nav{padding: 4px 0 0 7px;margin:0;list-style: none;line-height: 1em;}
/* Just sub menu links */
#subMenusContainer a, #nav li li a{color:white;text-align:left;padding:4px 2px 7px 4px;}
#nav li.active a{color:red;font-weight: bold;}
#nav li li.active a{color:red;font-weight: bold;}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{color:red;}
/* sub menu links on hover or focus */
#subMenusContainer a:hover,#subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none;position: absolute;overflow:hidden;
/*the 2px left & right padding lets you have a 1px border 
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;margin:0 0 0 -2px;}

/* All ULs and OLs */
#nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {padding: 0;margin: 0;list-style: none;
line-height: 1em;}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	border:1px solid black;
	background-color: black;
	left:0;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
	background: url('../img/grad1.png') 0 0 repeat-x;
	padding: 0 5px 0 5px;
	font-size:15px;
}

/* main menu ul or ol elment */
#nav{display:block;position: absolute;list-style:none;margin:0 0 0 0;z-index:5;text-align: center;display:block;}
#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }
#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }
 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


/* Enquiry form */

#confirmation
{
background-color:#334433;
color:white;
border:1px solid green;
margin:9px 10px -18px 10px;
padding: 5px 5px 5px 10px;
}

#rejection
{
background-color:#443333;
color:white;
border:1px solid red;
margin:9px 10px -18px 10px;
padding: 5px 5px 5px 10px;
}

#form-container
{
margin:2px 0 15px 10px;
width:497px;
background-color:#222222;
padding-bottom:30px;
}

#form-header
{
height:40px;
background-color:#444444;
padding:10px 0 0 10px;
margin:0 0 0 0;
}

#form-header h2
{
font-size:21px;
padding:0;
margin:0 0 0 0;
color:white;
display:inline;
}

#form-header img
{
margin:-5px 12px 0 0;
float:right;
display:inline;
}

.form-main
{
margin-top:30px;
}

.form-line
{
width:420px;
height:30px;
background-color:#1a1a1a;
margin:3px;
padding:5px 0 0 0;
}

.form-line-double
{
width:400px;
height:44px;
background-color:#1a1a1a;
margin:3px;
padding:7px 0 0 0;
}

.form-line-messagetext
{
width:490px;
height:136px;
background-color:#1a1a1a;
margin:3px;
padding:2px 0 0 0;
}

.form-line-captcha
{
width:490px;
height:136px;
background-color:#1a1a1a;
margin:3px;
padding:2px 0 0 0;
}



.form-label
{
margin:3px 0 0 8px;
float:left;
display:inline;
color:white;
width:90px;
font-size:14px;
}

.form-label-double
{
margin:-2px 0 0 8px;
float:left;
display:inline;
color:white;
width:90px;
font-size:14px;
}

.form-field
{
float:left;
display:inline;
margin:0 0 0 0px;
font-size:18px;
}

.form-field input
{
background-color:#3A3A3A;
color:white;
border:1px solid #565656;
font-size:16px;
}

.form-field .selectfullwidth
{
width:264px;
background-color:#3A3A3A;
color:white;
border:1px solid #565656;
font-size:16px;
}

.form-field .selectpartwidth
{
width:88px;
background-color:#3A3A3A;
color:white;
border:1px solid #565656;
font-size:16px;
}

.form-field textarea
{
margin-top:6px;
width:357px;
background-color:#3A3A3A;
color:white;
border:1px solid #565656;
font-size:16px;
font-family:Verdana;
}

.form-button
{
width:400px;
margin-left:100px;
}

.sendbutton
{
border:1px solid #565656;
color:white;
height:35px;
background:#3A3A3A url('../img/email_go.png') no-repeat 8px 8px;
text-align:right;
width:130px;
margin-top:5px;
}

.sendbutton:hover
{
border:1px solid green;
background-color:#3A553A;
}

.sendbutton .name
{margin-left:20px;}

.button
{
border:1px solid #565656;
color:white;
height:30px;
background-color:#3A3A3A;
margin-top:5px;
}

.button:hover
{
border:1px solid green;
background-color:#3A553A;
}


.signinform input
{
margin-top:6px;
background-color:#3A3A3A;
color:white;
border:1px solid #565656;
font-size:16px;
font-family:Verdana;
}


#qmEditor
{
display:none;
}


/* Lists */


.required {
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

.missing {
	font-size : 14px;
	font-weight : bold;
	font-style : normal;
	color : red;
}

.error  {
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

.poweredphplist
{
display:none;
}