/*  
Theme Name: Pro Creation 09
Theme URI: 
Description: clean
Author: Robert
Author URI: ProCreationStudios.com
Version: 1.0
Tags: clean
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

body, ul, ol, h1,h2,h3,h4,h5,h6, form,li,p{
margin:0;
padding:0;
}

body{
font-size:0.75em;
font-family: Arial, Helvetica, sans-serif;
background:#FFF;
color:#000000;
line-height:1.5em;
}

/*All ID container here: */
#top{
position:relative;
width:1005px;
margin:0 auto;
}

#head{
position:relative;
height:70px;
border-bottom:#000000 1px solid;
}

#img_logo{border:0px;}

#div_breadCrumbs{border-bottom:#000000 1px solid; padding-top:5px; padding-bottom:5px; margin-bottom:0px;}
#div_breadCrumbs p a{color:#000000; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:18px; font-weight:normal; text-transform:uppercase;}
#div_breadCrumbs p a:hover{color:#666666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:18px; font-weight:normal; text-transform:uppercase;}

.breadCompany{color:#ff9900; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase;}
.breadServices{color:#0279ba; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase;}
.breadContact{color:#b3b3b3; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase;}
.breadResources{color:#d7d7d7; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase;}
.breadWork{color:#73bd1e; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase;}


#div_workSample{border-bottom:#000000 4px solid; height:200px; margin-bottom:10px; padding-bottom:0px;}
#div_homePage{height:310px; overflow:hidden; margin-bottom:0px; padding-bottom:5px; margin-top:5px; border-bottom:3px solid #000000;}
#div_home_client_list{margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; width:550px; float:left;}
#div_client_list{margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:#000000 1px dotted;}

#home_quote{width:450px; float:left; margin:25px 0 0 0;}


#pageTitle{clear:both; margin:15px 0px 2px 0px; color:#000000;}
#pageTitle p{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; text-decoration:none; color:#000000; line-height:28px;}
#pageTitle p a{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; text-decoration:none; color:#cccccc;}
#pageTitle p a:hover{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; text-decoration:none; color:#000000;}


#logo{
position:absolute;
right:747px;
top:2px;
}


#main{
position:relative;
float:left;
margin-top:15px;

}

#mainLP{
position:relative;
float:left;
margin-top:4px;
}

#content{
position:relative;
width:580px;
float:left;
margin-right:60px;

}

#content h1{font-family:"Avenir LT Std", Avenir, Arial, Helvetica, sans-serif; font-size:36px; color:#000000; font-weight:normal; text-transform:uppercase; line-height:32px; margin:0px; padding:0px;}

#sidebar{
position:relative;
width:360px;
float:left;
padding:5px 0px 0px 0px;
}

#footer{
position:relative;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
text-align:left;
clear:both;
padding:5px 0px 5px;
margin-bottom:5px;
color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;
}
#div_copyright p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }

#ul_footer li{display:inline; padding-right:10px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
#ul_footer li a{color:#000000; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; font-weight:normal;}
#ul_footer li a:hover{color:#000000; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; font-weight:normal;}


/*main*/

#main p{
padding-bottom:1em;
}



.small{
float:left;
width:150px;
margin-right:35px;
}

#main .smalllast{
margin-right:0;
}

.entry{
clear:both;
float:left;
padding-bottom:20px;
width:520px;
}

.entryhead{
margin-bottom:15px;


}

.entry_content{
padding:5px 0 0 0;
}

.sidebar_entry{
color:#000000;
}



/*font/img/list styles*/
a{
color:#000000;
text-decoration:none;
font-size:12px;
}

a:hover{
color:#666666;
text-decoration:none;
font-size:12px;
text-decoration:none;
}
a img{
border:none;
margin:2px 2px 2px 0;
}

.alignleft{
float:left;
margin:0px 20px 5px 0;
}
.alignright{
float:right;
margin:0px 0 5px 20px;
}

.clearboth{
clear:both;
}

h1,h2,h3,h4,h5,h6{
color:#000000;
font-weight:bold;
line-height:1.5em;
clear:both;
}






#top h1{font-size:24px;line-height:30px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}
#head h1{font-size:35.5px; color:#101010;} /*for a good logo look adjust this so that slogan and site name have the same width*/
#head h2{font-size:32px; font-weight:normal;}

#logo strong{font-size:13.5px;font-weight:normal;color:#ff0084;}

.entryhead h3{
color:#000000;
line-height:16px;
margin-bottom:17px;
}
.entryhead strong{
color:#73bd1e;
font-weight:bold;
font-size:13px;
}

#main ul, #main ol{
list-style-position:inside;
margin-bottom:20px;
}


#main li{
 /*sidebar nav */
 line-height:22px;
}


/*form elements*/
#main form{
margin-bottom:10px;
}

.textinput{
border:1px solid #333;
padding:3px 5px;
width:215px;
background-color:#fff;
color:#333;
margin-right:5px;
font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content textarea:hover, .textinput:hover{
background-color:#f8f8f8;
}

#content textarea{
width:408px;
padding:3px 5px;
border:1px solid #333;
padding:3px 5px;
height:155px;
background-color:#fff;
color:#333;
font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content input{
width:200px;
padding:3px 5px;
border:1px solid #333;
padding:3px 5px;
height:20px;
background-color:#fff;
color:#333;
font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

}






/* navigation bar - styles dropdown menu*/
#top #nav{
position:absolute;
top:25px;
z-index:10;
left:285px;
}

#nav, #nav ul{
 margin:0;
 padding:0;
 list-style-type:none;
 list-style-position:outside;
 position:absolute;
 line-height:25px; /*this defines the height of each element*/
 }
 
 #nav a{
 display:block;
 padding:0px 10px;
 }
 
 #nav li{
 float:left;
 position:relative;/*  opera + ie 6 need */
 margin-right:20px;
 }
  #nav li:last-child{
 float:left;
 position:relative;/*  opera + ie 6 need */
 margin-right:0px;
 }
 
  #nav li ul a{
	width:140px;
	height:auto;
	float:left;

 }
 
#nav ul {
    position:absolute;
    display:none;
	width:160px;
	top:25px;
	}

	
#nav li ul ul {
    left:160px;
	top:0;
	position:absolute;
    }
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;

    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;

    }



#nav a{
color:#000000;
text-decoration:none;
}

#nav li a{
color:#000000;
font-weight:normal;
font-size:21px;
text-decoration:none;
}

#nav li a#work:hover{
color:#73bd1e;
}

#nav li a#services:hover{
color:#0279ba;
}

#nav li a#company:hover{
color:#ff9900;
}

#nav li a#resources:hover{
color:#b3b3b3;
}

#nav li a#contact:hover{
color:#d7d7d7;
}

.workOn{
color:#73bd1e;
}

.servicesOn{
color:#0279ba;
}

.companyOn{
color:#ff9900;
}

.resourcesOn{
color:#b3b3b3;
}

.contactOn{
color:#d7d7d7;
}


#nav li ul li a{
font-size:11px;
text-decoration:none;
}

#nav ul a{
background-color:#f3f3f3;
color:#666;
}


.ul_sidebar{list-style:none; text-transform:uppercase; margin:0px; padding:0px;}
.ul_sidebar li{border-bottom:1px dotted #000000; padding:0px 0px 2px 0px; text-indent:0px; margin:0px;}
#ulSideBar{list-style:none; text-transform:uppercase; margin:0px; padding:0px; text-indent:0px;}
#ulSideBar li{ border-bottom:1px dotted #000000; padding:0px 0px 2px 0px; text-indent:0px; margin:0px;}


.pageTitle{font-family:"Avenir LT Std", Avenir, Arial, Helvetica, sans-serif; font-size:36px; color:#000000; font-weight:normal; text-transform:uppercase; line-height:32px; margin-top:10px;}


ul#client_list_hp{width:580px;}
ul#client_list_hp li{display:inline;}
ul#client_list{width:1000px;}
ul#client_list li{display:inline;}
.client_image{border:1px dashed #cccccc; padding:2px;}
/* .client_image:hover{border:1px solid #CCCCCC; padding:2px;} */

.form-field{list-style:none; margin:0px; padding:0px;}
.form-field li{display:inline; padding-right:10px;}

.orange{color:#ff9900;}
.green{color:#73bd1e;}
.blue{color:#0279ba;}
.page_item{padding:0px; margin:0px;}
#hp-text{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#000000; line-height:24px;}

#div_workSamples{margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; border-bottom:4px solid #000000;}
#div_workSamples li{display:inline; margin-right:0px;}
#div_workSamples a img{border:1px dashed #cccccc; padding:2px;}
#div_workSamples a img:hover{opacity: 0.9; filter: alpha(opacity = 90);}

.testimonial{border: dashed 1px #cccccc; padding:5px;}