body {
 background: #cf700d;
 text-align: center;
 margin: 25px 0px 25px 0px;
 padding: 0px;
 font-family: arial;
}

#container {
 width: 796px;
 margin: 0px auto;
 padding: 0px;
 text-align: left;
}

/***** HEADER *****/

#header {
 width: 796px;  
 height: 115px;
 position: relative;
 background: #050505 url('../images/header_bg.png') repeat-y;     
}

#header .cap {
 position: absolute;
 top: 0px;
 left: 0px;
}

#header .logo {
 position: absolute; 
 left: 31px;
 top: 16px; 
}

#header .subnav {
 position: absolute; 
 right: 70px;  
 top: 10px; 
 font-size: 11px;
 color: #fff;
}

#header .subnav a {
 color: #fff;
}

#header .tagline {
 position: absolute; 
 right: 70px;
 top: 57px;
}

#header .cclogos {
 position: absolute; 
 right: 225px;
 top: 11px;
}



/***** NAVIGATION *****/

#nav {
 width: 796px;  
 height: 32px;
 padding-top: 11px;
 position: relative;
 background: #7f9aad url('../images/nav_bg.png') repeat-x;  
 font-size: 13px;  
 text-align: center;
 color: #fff; 
}

#nav .nav_left {
 position: absolute;
 top: 13px;
 left: 10px;
}

#nav .nav_right {
position: absolute;
 top: 13px;
 right: 10px; 
}

#nav .leftcap {
 position: absolute; 
 left: 0px;
 top: 0px; 
}

#nav .rightcap {
 position: absolute; 
 right: 0px;
 top: 0px; 
}

#nav a, #nav a:visited {
 color: #fff; 
 text-decoration: none;
 margin: 0px 10px;
}

#nav a:hover {
 text-decoration: underline;
}

/***** MAIN BODY *****/  

#body {
 width: 796px;  
 background: #fff;  
 margin: 0px;
}

#copyright {
 width: 756px;  
 padding: 10px 40px 0px 0px;
 font-size: 12px;
 color: #fff;
 text-align: right;
}

/***** SPLASH PAGE STYLES *****/

#splash {
 width: 796px;
 height: 740px;
 margin: 0px;
 position: relative; 
}

#splash .intro {
 position: absolute;
 top: 30px;
 left: 26px;
 width: 470px;
 font-size: 12px;
 line-height: 19px;
 height: 142px;
}

#splash .intro_sig {
 position: absolute;
 bottom: 0px;
 right: 26px;
}

#splash .packages {
 width: 796px;
 height:  383px;
 position: absolute;
 top: 350px;
 left: 0px;
 background: #c7b7a7 url('../images/packages_bg.png') repeat-x;   
}

#splash .packages_header {
 position: absolute;
 top: 24px;
 left: 25px;              
}

#splash .packages_previews {
 position: absolute;
 top: 63px;
 left: 17px;
}

#splash .package_preview {
 height: 306px;
 width: 157px;
 background: #fff;
 padding: 0px;
 margin-right: 12px;
 float: left;
 position: relative;
 font-size: 11px;
}

#splash .package_preview_text {
 padding: 10px;
}

#splash .package_button {
 position: absolute;
 bottom: 16px;
 left: 17px;
}

#splash .scroller {
 width: 230px;
 height: 748px;
 background: #aabdce;  
 border-left: 1px solid #a1b0b3;
 border-right: 1px solid #a1b0b3;
 position: absolute;
 top: 0px;
 right: 33px;
 z-index: 50;
}

#splash .imagecontainer {
 margin: 7px 5px 5px 5px;
 background: #cfd2e5;
 height: 721px;
 padding: 7px;
}

#splashbullets {
 margin: 10px 0px 20px 20px;
 padding: 0px;
}

#splashbullets li {
 list-style-type: none;
 margin: 0px 0px 5px 0px;
 padding: 1px 0px 0px 30px;
 height: 19px; 
}

.clear {
 clear: both;
 height: 0px;
 width: 0px;
 margin: 0px;
}


.picture_dimensions {
 margin: 30px auto;
 border: 1px solid #ccc;
 background: #e5e5e5;   
 padding: 30px;
 width: 550px;
 font-size: 11px;
 font-weight: bold;
}

.picture_dimensions_top {
 text-align: center;
 margin-bottom: 20px;
}

.picture_dimensions_bottom {
 text-align: center;
 margin-top: 20px;
}

.picture_dimensions_left {
 margin-right: 20px;
 padding-top: 50px;
 width: 75px; 
text-align: center; 
}

.picture_dimensions_right {
 margin-left: 20px;
 padding-top: 50px;   
 width: 75px;
 text-align: center; 
}



.forumbody {
 padding: 20px;
}


.question_container {
 margin-bottom: 20px;
}

.question_question {
 margin-bottom: 20px;
 font-size: 18px;
 font-weight: bold;
}

.question_answer {
 margin-bottom: 20px;
 font-size: 14px;
 padding-left: 30px;

}

.question_category_container {
 margin: 30px auto;
 border: 1px solid #ccc;
 background: #e5e5e5;   
 padding: 30px;
 width: 550px;
 font-size: 11px;
}


.question_category_container h3 {
 color: #cf700d;
}

.question_container {
 margin: 30px auto;
 border: 1px solid #ccc;
 background: #e5e5e5;   
 padding: 30px 30px 10px 30px;
 width: 550px;
 font-size: 11px;
}

.question_request {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 20px;
}



.phoneprefixinput {
  width: 30px;
}

.phonepostfixinput {
  width: 50px;
}


#services {
 width: 796px;
 background: #fff url('../images/servicesbg.png') repeat-y;        
 margin: 0px;
 position: relative; 
}

#services .leftmenu {
 width: 210px;
 padding: 30px 10px 0px 10px;        
 position: absolute;
 top: 0px;
 left: 15px;
 z-index: 50;
 font-size: 12px;
}

#services .leftmenu ul {
 margin: 10px 0px 20px 30px;
 padding: 0px;
}

#services .leftmenu a, #services .leftmenu a:visited {
 color: blue;
 text-decoration: none;
}

#services .leftmenu a:hover {
 text-decoration: underline;
}  

.portfolio_link {
 padding: 30px;
 background: #e5e5e5;
 width: 258px;
 float: left;
 margin-right: 20px;
 border: 1px solid #ccc;
 text-align: center;
}

#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}







.qty_input {
 width: 30px;
}

#bulkorder_review {
 width: 100%;
}

#bulkorder_review td {
 padding: 5px;
}

#bulkorder_review thead {
 background: #3A5A6D;
 color: #fff;
}

#bulkorder_review tbody {
 background: #fff;
}

#bulkorder_review .discount_cell {
 color: #555;
}

#bulkorder_review .total_field {
 background: #fff;  
}