/*-----------------------------------------------------
Laurenmooredesign.com Master Style Sheet
Last Edited on:  10/09/09 
by: Onur Aybar 
oa@onuraybar.com
-----------------------------------------------------*/

/*-----------------------------------------------------
General Site wide Styles
These styles apply to all pages
-----------------------------------------------------*/
a {
color: #807f83;
text-decoration: none;
border: none;
}
a.links {
color: #f05133;
text-decoration: none;
border: none;
}
fieldset {
border: none;
}
body {
background: url(../images/stripe_bg.png) repeat;
font-family: arial, helvetica, serif;
}
#wrapper {
width: 886px;
margin: -45px auto 0px auto;
background: #fff;
}
#header {
width: 886px;
height: 113px;
margin: 0px;
padding: 0px;
}
#header h1 {
margin: 0px;
padding: 0px;
}
#header a img {
text-decoration: none;
border: none;
}
#content {
width: 886px;
margin: 0px;
background: #fff;
}
#leftcolumn {
float: left;
width: 200px;
padding-top: 45px; /*85px;*/ 
padding-left: 23px;
padding-right: 0px;
}

/*-----------------------------------------------------
Navigation - Main Site wide Styles
-----------------------------------------------------*/
#navigation {
width: 886px;
height: 20px;
background: url(../images/navigation_bg.gif) top left no-repeat;
}
#navigation ul {
display: inline;
list-style: none;
}
#navigation ul li {
display: block;
position: relative;
left: 222px;
float: left;
width: 150px;
height: 20px;
text-transform: uppercase;
text-align: center;
font-family: arial, helvetica, serif;
color: #eef2f9;
}
#navigation ul li a {
display: block;
width: 150px;
height: 16px;
padding-top: 4px;
text-decoration: none;
font-size: 12px;
font-weight: normal;
color: #fff;
}
#navigation ul li a:hover {
display: block;
width: 150px;
height: 16px;
background: #9e9e9f;
}
/*-----------------------------------------------------
Navigation - Effects | Page Targeted
Link Background Light Up CSS
-----------------------------------------------------*/
body#about #navigation li#about {
background: #f05133;
}
body#portfolio #navigation li#portfolio {
background: #f05133;
}
body#portfolioPages #navigation li#portfolio {
background: #f05133;
}
body#resume #navigation li#resume {
background: #f05133;
}
body#contact #navigation li#contact {
background: #f05133;
}

/*-----------------------------------------------------
Footer | Site wide Styles
-----------------------------------------------------*/
#footer {
width: 886px;
height: 31px;
color: #807f83;
background: #e7e7e8;
letter-spacing: 0px;
}
#footer p {
line-height: 31px;
vertical-align: middle;
font-size: 12px;
font-weight: bolder;
}
#footer a {
text-decoration: underline;
border: none;
color: #807f83;
}
#footer img {
vertical-align: middle;
margin: 0px 15px 0px 15px;
}
#footer p.fFooter {
float: right; 
position: relative; 
bottom: 55px; 
right: 15px; 
text-align: right;
}

/*-----------------------------------------------------
Accents and Misc Styles | Site wide
-----------------------------------------------------*/
span.accent {
color: #f05133;
}
span.bolderaccent {
color: #f05133;
font-weight: bold;
}
.fl {
float: left;
}
.fr {
float: right;
}
img.fl {
float: left;
margin: 5px 15px 5px -3px;
}
img.arrows {
position: relative;
top: 2px;
/*vertical-align: middle;*/
}
.clear {
clear: both;
}
.clearall {
clear: all;
}
.noshow {
display: none;
}

/*-----------------------------------------------------
Individual Page Styles
These styles effect the following pages only
Method used is to target tags by the body ID.
-----------------------------------------------------*/

/*-----------------------------------------------------
Homepage
-----------------------------------------------------*/
body#homepage #leftcolumn h2 {
margin-left: 0px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: 600;
color: #f05133;
}
body#homepage #leftcolumn p{
padding: 0px 40px 0px 0px;
line-height: 21px;
font-family: arial, helvetica, serif;
font-size: 11px;
font-style: normal;
font-weight: 600;
color: #9c9b9b; /*b4b4b4; abaaaf;*/
}
body#homepage h1.headline {
margin-top: 0px;
padding-bottom: 25px;
line-height: 48px;
font-size: 35px;
font-weight: 400;
color: #807f83;
}
body#homepage #accentline {
margin: 0px 110px 0px 0px;
height: 1px;
background: #e7e7e8;
}
body#homepage #clientinfo h3 {
margin-top: 20px;
font-size: 14px;
color: #807f83;
}
body#homepage #center {
float: right;
width: 663px;
margin-left: 0px;
padding-top: 45px; /*85px;*/ 
padding-bottom: 35px; /*85px;*/ 
}
body#homepage #center p {
max-width: 560px;
margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 10px; /*25px;*/
line-height: 28px;
font-family: Arial, helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #807f83; /*color: #abaaaf;*/
}
body#homepage #clientinfo a img {
border: #fff 3px solid;
text-decoration: none;
}
body#homepage #clientinfo a:hover img {
border: #cccdcf 3px solid;
}

/*-----------------------------------------------------
About Page
-----------------------------------------------------*/
body#about #leftcolumn {
padding-top: 45px; /*85px;*/
}
body#about #leftcolumn h2 {
margin-left: 0px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: 600;
color: #f05133;
}
body#about #leftcolumn p{
padding: 0px 40px 0px 0px;
line-height: 21px;
font-family: arial, helvetica, serif;
font-size: 11px;
font-style: normal;
font-weight: 600;
color: #c9c9ca;
}
body#about #leftcolumn img {
margin-top: -2px;
}
body#about #center {
float: right;
width: 663px;
margin-left: 0px;
padding-top: 45px; /*85px;*/
padding-bottom: 35px; /*85px;*/
}
body#about #center p {
max-width: 560px;
margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 10px; /*25px;*/
line-height: 28px;
font-family: Arial, helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #807f83; /*color: #abaaaf;*/
}
body#about #clientinfo h2, h3, h4, h5, h6 {
font-family: arial, helvetica, serif;
font-size: 13px;
font-weight: 600;
color: #f05133;
}
body#about #clientinfo p {
font-style: italic;
}
body#about #accentline {
margin: 0px 140px 0px 0px;
height: 1px;
background: #e7e7e8;
}

/*-----------------------------------------------------
Portfolio Page
-----------------------------------------------------*/
body#portfolio #item {
width: 700px; 
min-height: 420px; 
margin: 10px auto;
overflow: hidden;
}
body#portfolio .section {
width:5900px; 
position:relative;
}
body#portfolio .section .sub{ 
position: relative; 
float: left; 
width: 760px; 
margin-bottom: 1em;
list-style: none;
}
body#portfolio .section .sub p { 
font-size: 12px;
}
.section ul li {
margin-left:-40px; 
margin-top:-15px;
list-style-type: none;
}
body#portfolio .sectionDescription {
max-width: 205px;
list-style: none; 
margin-left: 0px;
font-family: helvetica, arial, sans-serif; 
font-size: 14px; 
font-weight: normal;
color: #807f83;
}
body#portfolio .sectionDescription a {
color: #4aa3ff;
}
body#portfolio .sectionDescription ul {
position: relative;
top: 2px;
}
body#portfolio .sectionDescription .sub {
max-width: 205px;
display:none;
margin-left: -10px;
}
body#portfolio span.sslinktext { 
margin-left: 77px;
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #807f83;
}
body#portfolio .section a {
margin-left: 77px;
margin: 0px 0px 0px 5px;
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #807f83;
}
body#portfolio .section a.activeSlide {
color: #f05133;
}
body#portfolio #accentline {
width: 760px;
margin: 0px auto 0px auto;
height: 1px;
background: #e7e7e8;
}
body#portfolio #titlewrapper {
width: 670px;
position: relative;
left: 170px;
}
body#portfolio .titleblock {
float: left;
width: 220px;
}
body#portfolio .titleblock h2 {
font-family: arial, helvetica, serif; 
font-size:11px; 
text-transform: uppercase;
color: #807f83;
}
body#portfolio .titleblock h2.less {
z-index: 18;
position: relative;
right: 55px;
}
body#portfolio #listwrapper {
width: 670px;
position: relative;
left: 170px;
padding-bottom: 0px;
}
body#portfolio #left_a {
float: left; 
width: 440px;
}
body#portfolio #left_a .active {
font-weight: bold;
}
body#portfolio #left_a li {
list-style: none; 
font-family: helvetica, arial, sans-serif; 
font-size: 12px;
font-weight: normal;
}
body#portfolio #left_a li a {
text-decoration: none; 
/*color: #807f83;*/
}
/*-----------------------------------------------------
Portfolio List Styles | Media Section
-----------------------------------------------------*/
body#portfolio ul#portfolioNav {
margin-left: -40px;
text-align: left;
}
body#portfolio ul#portfolioNav .panel a{
font-weight: bold;
}
body#portfolio #panel2  {
position: absolute;
}
body#portfolio #panel3  {
position: absolute;
top: 72px;
}
body#portfolio #panel22  {
position: absolute;
top: 96px;
}
body#portfolio #panel20  {
position: absolute;
top: 122px;
} 

/*-----------------------------------------------------
Portfolio List Styles | Client Section
-----------------------------------------------------*/
body#portfolio #panel2 .clientlist {
margin-top: -20px;
}
body#portfolio #panel3 .clientlist {
margin-top: -44px;
}
body#portfolio #panel22 .clientlist {
position: relative;
bottom: 68px;
}
body#portfolio #panel20 .clientlist {
position: relative;
bottom: 94px;
}
body#portfolio ul.clientlist {
margin-left: 0px;
font-family: arial, helvetica, serif; 
font-size: 12px; 
font-style: normal;
font-weight: normal;
}
body#portfolio .active ul {
position: relative;
left: 125px;
font-weight: normal;
}
body#portfolio li.worklist {
max-width: 200px;
padding: 5px 0px 5px 0px; 
font-weight: 400;
}
body#portfolio li.worklist a {
font-weight: 400;
}
body#portfolio li.worklist a.worklistSelected  {
color: #f05133;
}
body#portfolio #left_b {
float: right; 
margin-left: 10px;
width: 220px;
min-height: 200px;
}
body#portfolio #left_b p {
max-width: 205px;
margin: 0px 0px 0px -40px;
font-family: helvetica, arial, sans-serif; 
font-size: 12px; 
font-weight: normal;
color: #807f83;
}
body#portfolio #download {
width: 250px;
height: 20px
z-index:15;
position: relative;
left: 622px;
right: 0px;
bottom: 69px;
padding-right: 14px;
text-align: right;
font-family: arial, helvetica, serif;
font-size: 15px;
color: #fff;
}
body#portfolio #download img {
vertical-align: middle;
margin: 0px 5px 3px 5px;
}
body#portfolio #download p {
padding-right: 15px;
}
body#portfolio #download a {
text-decoration: none;
font-weight: bold;
font-size: 15px;
color: #fff;
}
body#portfolio #footer {
margin-top: 1%;
}

/*-----------------------------------------------------
Resume Page
-----------------------------------------------------*/
body#resume #leftcolumn h2 {
margin-top: 0px;
margin-left: 0px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: 600;
color: #f05133;
}
body#resume #leftcolumn p{
padding: 0px 40px 0px 0px;
line-height: 21px;
font-family: arial, helvetica, serif;
font-size: 11px;
font-style: italic;
font-weight: 600;
color: #c9c9ca;
}
body#resume #center {
float: right;
width: 663px;
margin-left: 0px;
padding-top: 45px; /*85px; */
padding-bottom: 55px; /*85px; */
}
body#resume #center h2 {
margin-left: 0px;
padding-bottom: 5px;
font-family: arial, helvetica, serif;
font-size: 20px;
font-style: normal;
color:#f05133;
max-width: 420px;
border-bottom: #e7e7e8 1px solid;
}
body#resume #center h3 {
margin-top: -5px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
color: #807f83;
}
body#resume #center h4 {
margin-top: -5px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-style: italic;
font-weight: bolder;
color: #807f83;
}
body#resume #center p {
max-width: 560px;
margin-top: -10px;
margin-bottom: 0px;
padding-bottom: 0px;
font-family: Arial, helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #9c9b9b; /*abaaaf;*/
}
body#resume #download {
width: 250px;
height: 20px
z-index:15;
position: relative;
position: relative;
left: 622px;
right: 0px;
bottom: 69px;
padding-right: 14px;
text-align: right;
font-family: arial, helvetica, serif;
font-size: 15px;
color: #fff;
}
body#resume #download img {
vertical-align: middle;
margin: 0px 5px 3px 5px;
}
body#resume #download p {
padding-right: 15px;
}
body#resume #download a {
text-decoration: none;
font-weight: bold;
font-size: 15px;
color: #fff;
}
/*-----------------------------------------------------
Contact Page
-----------------------------------------------------*/
body#contact #leftcolumn h2 {
margin-left: 0px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: 600;
color: #f05133;
}
body#contact #leftcolumn p{
margin-top: -10px;
padding: 0px 40px 0px 0px;
line-height: 21px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #807f83;
}
body#contact #leftcolumn img {
margin-top: -2px;
}
body#contact #center {
float: right;
width: 663px;
padding-top: 45px; /*85px; */
padding-bottom: 25px; /*85px; */
}
body#contact #center h2 {
margin-top: 0px;
margin-left: 55px;
max-width: 420px;
padding-bottom: 15px;
line-height: 22px;
font-size: 19px;
font-weight: 400;
font-style: italic;
color: #807f83;
border-bottom: #e7e7e8 1px solid;
}
body#contact #center p {
max-width: 450px;
margin-left: 0px;
margin-bottom: 10px;
padding-bottom: 10px; /*25px;*/
line-height: 29px;
font-family: Arial, helvetica, sans-serif;
font-size: 15px;
font-weight: 700;
color: #807f83;
}
#feedbackForm {
margin-left: 55px;
width: 405px;
}
#feedbackForm p {
margin: -25px 0px 0px 0px;
padding-top: 5px;
}
#feedbackForm div.errors {
margin-bottom: 50px;
}
#feedbackForm input {
height: 29px;
width: 406px;
background: url(../images/input_bg.gif) no-repeat;
border: none;
padding: 7px 5px 0px 5px;
font-family: arial, helvetica, serif;
font-size: 18px;
font-weight: normal;
color: #807f83;
}
#feedbackForm textarea {
height: 121px;
width: 406px;
background: #efefef url(../images/textarea_bg.gif) no-repeat;
border: none;
padding: 5px;
font-family: arial, helvetica, serif;
font-size: 18px;
font-weight: normal;
color: #807f83;
}
#feedbackForm #submitb {
height: 20px;
width: 113px;
background: url(../images/form_submit.gif) no-repeat;
border: none;
}

/*-----------------------------------------------------
General 2 Column Page Template - Set as 
Default in CMS
-----------------------------------------------------*/
body#default #leftcolumn {
padding-top: 45px; /*105px;*/
}
body#default #leftcolumn h2 {
margin-left: 0px;
font-family: arial, helvetica, serif;
font-size: 12px;
font-weight: 600;
color: #f05133;
}
body#default #leftcolumn p{
padding: 0px 40px 0px 0px;
line-height: 21px;
font-family: arial, helvetica, serif;
font-size: 11px;
font-style: italic;
font-weight: 600;
color: #c9c9ca;
}
body#default #leftcolumn img {
margin-top: -2px;
}
body#default #center {
float: right;
width: 663px;
margin-left: 0px;
padding-top: 45px; /*85px; */
padding-bottom: 40px; /*85px; */
}
body#default #center h1{
margin-top: 0px;
padding-bottom: 25px;
line-height: 48px;
font-size: 35px;
font-weight: 400;
color: #807f83;
}
body#default #center p {
max-width: 560px;
margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 10px; /*25px;*/
line-height: 28px;
font-family: Arial, helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #807f83;
}
body#default #center a {
color: #f05133;
}
body#default #center a:hover {
color: #4aa3ff;
}